Back to prompts
Create a high-converting product detail page for e-commerce. Above the Fold: - Image gallery with zoom on hover and lightbox - Product title and short description - Price with sale comparison - Variant selectors (size, color) with visual swatches - Quantity selector - Add to Cart button with loading state - Wishlist button - Stock status indicator Below the Fold: - Tabbed content (Description, Specs, Reviews) - Size guide modal - Shipping information - Customer reviews with ratings - Related products carousel Interactive Features: - Image zoom on hover - Variant selection updates images - Real-time inventory checking - Add to cart animation (fly to cart icon) - Review filtering and sorting Technical Requirements: - Server Component for initial data - Client Components for interactivity - Image optimization with next/image - Structured data for SEO (JSON-LD)
Related Prompts
View allAnimated Shopping Cart
Build a delightful shopping cart experience. Cart Drawer: - Slide-in drawer from right - Product li...
Shopping CartDrawer
Multi-Step Checkout Flow
Create a conversion-optimized checkout flow. Steps: 1. Information: Email, shipping address form 2....
CheckoutMulti-step
Filterable Product Catalog
Build a product catalog with advanced filtering. Layout: - Filter sidebar (collapsible on mobile) -...
CatalogFilters
Y Combinator Style Startup Landing
Create a clean, conversion-focused startup landing page inspired by Y Combinator portfolio companies...
StartupConversion