Create a premium product launch landing page inspired by Apple's product pages.

Visual Design:
- Large, full-bleed product imagery
- Cinematic scroll-triggered animations
- Bold typography with dramatic size contrasts
- Dark theme with product as the hero

Key Sections:
1. Hero: Full-screen product shot with minimal text, "Scroll to explore" indicator
2. Feature Spotlight: Each feature gets a full viewport section with parallax product shots
3. Specs Comparison: Animated bar charts or visual comparisons
4. Color Options: Interactive color picker that changes product images
5. Gallery: Horizontal scrolling image carousel
6. Pre-order CTA: Floating sticky bar with price and order button

Animations:
- GSAP ScrollTrigger for scroll-based animations
- Product images that rotate/transform as you scroll
- Text that fades in with staggered letter animations
- Smooth scroll with Lenis
- Parallax depth effects on layered elements

Technical Requirements:
- Next.js with App Router
- GSAP + ScrollTrigger for animations
- Three.js for 3D product viewer (optional)
- High-resolution image optimization

Related Prompts

View all

Y Combinator Style Startup Landing

Create a clean, conversion-focused startup landing page inspired by Y Combinator portfolio companies...

StartupConversion

AI Product Landing with Gradient Mesh

Create a futuristic AI product landing page with dynamic gradient mesh backgrounds. Visual Identity...

AIGradients

Isometric Digital Ecosystem Landing Page

Role: Lead Creative Technologist & Motion Designer (specializing in 3D-for-web and interactive story...

IsometricFramer Motion

Premium SaaS Landing Page Template

Role: You are an expert Senior Frontend Engineer and UI/UX Designer specializing in high-end, dark-t...

Next.jsTailwind CSS

Back to prompts

Create a premium product launch landing page inspired by Apple's product pages.

Visual Design:
- Large, full-bleed product imagery
- Cinematic scroll-triggered animations
- Bold typography with dramatic size contrasts
- Dark theme with product as the hero

Key Sections:
1. Hero: Full-screen product shot with minimal text, "Scroll to explore" indicator
2. Feature Spotlight: Each feature gets a full viewport section with parallax product shots
3. Specs Comparison: Animated bar charts or visual comparisons
4. Color Options: Interactive color picker that changes product images
5. Gallery: Horizontal scrolling image carousel
6. Pre-order CTA: Floating sticky bar with price and order button

Animations:
- GSAP ScrollTrigger for scroll-based animations
- Product images that rotate/transform as you scroll
- Text that fades in with staggered letter animations
- Smooth scroll with Lenis
- Parallax depth effects on layered elements

Technical Requirements:
- Next.js with App Router
- GSAP + ScrollTrigger for animations
- Three.js for 3D product viewer (optional)
- High-resolution image optimization