Interior Luxury Kitchen — 3D exploded prompts

1. Assets :- For the 2nd section, don't repeat the "assembly" concept from the hero. Instead, make this section feel like the visitor is exploring the craftsmanship of the finished kitchen.

The best effect is a 3D exploded view where components separate into layers as the user scrolls, then smoothly return to their original positions. This creates a premium architectural visualization similar to Apple product reveals or luxury furniture showcases.

---

# Prompt 1 – 3D Exploded Kitchen (Recommended)

Reference: Use the uploaded kitchen image as the final layout. Preserve the exact cabinet dimensions, island proportions, marble pattern, lighting positions, window placement, refrigerator, cooktop, pendant lights, shelves, décor, and color palette.

---

### Prompt

Create an ultra-realistic 3D exploded architectural visualization of this luxury modern kitchen.

The camera remains perfectly locked with:
- no pan
- no zoom
- no orbit
- no handheld motion
- no lens distortion

The entire animation is designed for a scroll-controlled website, so movement should be extremely smooth and slow.

The animation begins with the completed kitchen.
Then every architectural component separates slightly from its neighboring components while maintaining perfect alignment.

Explosion sequence:

0–2 sec
Cabinet doors move forward a few centimeters.
Drawer fronts separate.
Shelves extend slightly.
Glass cabinets float outward.

---

2–4 sec
Upper cabinets lift upward.
Lower cabinets move downward.
Countertop floats upward.
Backsplash separates from the wall.

---

4–6 sec
Kitchen island separates into layers:
- marble slab
- support structure
- storage compartments
- decorative fluted panels
Each layer floats independently.

---

6–8 sec
Pendant lights rise.
Sink lifts.
Faucet separates.
Cooktop floats.
Chimney hood moves slightly away from the wall.
Plants, jars and decorative items lift subtly.

---

8–10 sec
Everything smoothly returns to its original position with precise alignment.
Warm ambient LEDs illuminate gradually.
End with the identical kitchen shown in the reference image.

Movement should feel like invisible magnetic forces.
No fast motion.
No bouncing.
No spinning.
Every object keeps its original orientation.

Photorealistic.
Luxury architectural visualization.
Octane Render quality.
8K.
HDR.
60 fps.

---

### Negative Prompt

camera movement
rotation
orbit
shake
people
workers
construction
dust
floating randomly
wrong cabinet layout
incorrect dimensions
duplicate objects
warping
melting
physics simulation
low quality
cartoon
anime
text
logo
watermark

---

# Prompt 2 – Material Reveal Animation

This works beautifully after the hero.
Instead of separating components, reveal materials.

### Prompt

Create a premium architectural visualization where the finished luxury kitchen slowly reveals its craftsmanship.
The camera remains perfectly static.

Animation sequence:
- Cabinet paint fades away revealing premium plywood structure
- Marble countertop reveals internal stone layers
- Fluted island panels become transparent showing construction
- LED strip lighting glows from inside the cabinetry
- Glass cabinets reveal shelf supports
- Brass fixtures become highlighted
- Soft glowing outlines trace every cabinet edge
- Materials gradually return to their finished luxury appearance

Very minimal.
Elegant.
Apple keynote aesthetic.
Luxury interior visualization.
Ultra realistic.

---

# Prompt 3 – Cross Section Reveal

Perfect for interior design websites.

### Prompt

Create an architectural cross-section animation of the uploaded luxury kitchen.
The camera remains completely static.
The kitchen transforms into an exploded sectional drawing.
Walls become semi-transparent.
Cabinets reveal internal storage.
Countertop reveals its layered construction.
Island reveals storage compartments.
LED lighting paths become visible.
Plumbing inside the sink is briefly visible.
Electrical paths for lighting appear as glowing lines.
Everything returns to the completed luxury kitchen.

Hyper realistic.
No blueprint style.
Premium CGI.

---

# Prompt 4 – Lighting Reveal (Very Premium)

This looks incredible with scroll.

### Prompt

Using the uploaded kitchen as the reference, create a luxury lighting demonstration.
Everything starts with all lighting turned off.

As the animation progresses:
- ceiling cove lighting turns on
- under-cabinet LEDs illuminate
- shelf lighting activates
- island base lighting appears
- pendant lights glow
- reflections spread across marble surfaces
- brushed metal catches warm highlights
- final scene reaches perfect golden-hour illumination

No object movement except tiny parallax shifts.
Warm luxury ambience.
Interior photography quality.

---

## My Recommendation for the Website Flow

To create a memorable experience, each section should introduce a different type of motion rather than repeating the same effect:

Section 1 (Hero): Kitchen assembles from an empty room ("We build spaces.")
Section 2: 3D exploded view of the completed kitchen ("See how it's crafted.")
Section 3: Zoom into premium details — marble veins, hardware, wood grain ("Experience the quality.")
Section 4: Before → After transformation ("See the impact of the design.")
Section 5: Portfolio gallery with cinematic transitions (Showcase completed projects.)

@"/Users/ruturajjena/Downloads/kitchen-transforms.mp4" @"/Users/ruturajjena/Downloads/kitchen-explode.mp4" @"/Users/ruturajjena/Downloads/Kitchen-sxplore.mp4" @"/Users/ruturajjena/Downloads/kitchen-hero.mp4" You are an award-winning creative developer specializing in Awwwards, FWA, and CSS Design Awards websites. You use the uploaded videos wisely and first video should be kitchen-hero.mp4. Never auto play and always scroll controlled . Generate any required image matching themes with the help of nano banana but max 3 images because it cost me. Make sure to use the Fonts and font color that will be properly visible. 

Build a production-ready website for a premium interior design studio specializing in luxury kitchens.
This should feel comparable to websites from:

* Obys
* Active Theory
* Locomotive
* Dogstudio
* Resn
* MakeMePulse
* Apple
* Minimal Gallery

The experience must prioritize storytelling through scroll.
The supplied four videos are the primary storytelling assets.
Do NOT autoplay the videos.
The website should feel handcrafted, premium and cinematic.

Tech Stack
Use only modern production technologies.

* Next.js 15 (App Router)
* React 19
* TypeScript
* Tailwind CSS v4
* Framer Motion
* GSAP
* GSAP ScrollTrigger
* Three.js
* React Three Fiber
* Drei
* Lenis for smooth scrolling
* Motion One where appropriate
* Shadcn UI (minimal use)
* Lucide Icons

Structure the code for production.
Everything must be modular.
No giant components.
No inline styles.
Proper folder structure.

Overall Design Language
Luxury.
Architectural.
Minimal.
Warm.
Elegant.
Large typography.
Very generous whitespace.
Dark walnut
Warm white
Soft gold
Natural stone palette.
No gradients everywhere.
No flashy neon colors.
Lighting should feel like premium interior photography.
Every animation should have purpose.

Performance
Target Lighthouse 95+
Use lazy loading.
Preload only necessary assets.
Use video compression.
GPU accelerated transforms only.
Avoid layout shifts.
No unnecessary rerenders.
Use requestAnimationFrame only where needed.

Typography
Elegant serif for headings.
Modern geometric sans-serif for body.
Huge headings.
Very thin body text.
Premium spacing.
Text should animate elegantly.

Cursor
Custom cursor.
Magnetic buttons.
Hover interactions.
Subtle morphing.
Never distracting.

Scroll Experience
Entire website is scroll-driven.
The scroll itself tells the story.
Do not use snap scrolling.
Use Lenis.
Everything should reveal naturally.

Video Usage
There are four videos.
These are NOT background videos.
Treat each video like a premium architectural exhibit.
Each video should remain paused.
Scroll controls playback.
As user scrolls:
Video progresses.
When user scrolls upward:
Video reverses.
Never autoplay.
Never loop.
Never continue playing.
The scroll position controls the video's currentTime.
Use GSAP ScrollTrigger.
Scrub the video.
Each frame should map to scroll position.
The user literally controls time.
This is extremely important.

Website Sections
Hero
Use Video 1 (kitchen-hero.mp4).
Pinned section.
Full viewport.
Initially almost empty.
Huge headline appears.
Luxury Kitchens
Designed To Be Experienced
Very little text.
As user scrolls
Video slowly assembles the kitchen.
Typography fades.
Lighting appears.
Micro particles.
Very subtle volumetric light.
Once video finishes
Transition into next section.

Section 2
Use Video 2 (kitchen-explode.mp4).
Pinned.
The kitchen explodes into components.
Headline:
Every Detail Matters
As cabinets separate
Callout labels appear.
Marble
Solid Wood
Premium Hardware
Ambient Lighting
Quartz Surface
Labels should follow 3D positions.
Use Three.js overlays if possible.

Section 3
Use Video 3 (Kitchen-sxplore.mp4).
Pinned.
User scrolls through craftsmanship.
As video progresses
Feature cards appear one after another.
Soft glassmorphism.
Minimal.
Not covering the entire screen.
Each card explains one premium feature.

Section 4
Use Video 4 (kitchen-transforms.mp4).
Pinned.
Lighting sequence.
Room comes alive.
Headline
Designed Around Light
As lighting turns on
Statistics animate.
20+ Years
500+ Kitchens
100% Custom
Premium Finish
Numbers animate beautifully.

Section 5
Portfolio
Generate at most THREE images using Nano Banana.
Images should match the same luxury kitchen aesthetic.
Different angles.
Different layouts.
Ultra realistic.
No stock photo look.
Masonry grid.
Images reveal beautifully.

Section 6
Services
Cards.
Each card has hover interaction.
Kitchen Design
Wardrobes
Living Spaces
Luxury Interiors
Each card slightly lifts.
Lighting changes.
Mouse parallax.

Section 7
Why Choose Us
Three.js floating architecture model.
Very subtle.
Blueprint transitions.
Animated lines.
No gimmicks.

Section 8
Testimonials
Cards appear while scrolling.
Glass morphism.
Elegant.
Very premium.

Section 9
Contact
Minimal.
Large typography.
Interactive form.
Luxury footer.

Three.js Usage
Use Three.js tastefully.
Ideas:
Floating marble slabs.
Glass reflections.
Architectural blueprint lines.
Wireframe room.
Light rays.
Floating geometry.
Parallax planes.
Never distract from videos.

Animations
Everything animated.
Nothing appears instantly.
Text reveal.
Word by word.
Mask reveals.
Scale reveals.
Opacity.
Blur.
Rotate.
Parallax.
Micro interactions.
Layered timings.
Natural easing.
No bounce animations.

ScrollTrigger
Every section pinned.
Videos scrubbed.
Typography synchronized.
Cards synchronized.
Images synchronized.
Everything connected.
No isolated animations.

Image Generation
Generate maximum THREE images.
Use Nano Banana.
Match exactly the visual language of the supplied videos.
No different colors.
No different lighting.
Maintain consistency.

Sound
No music.
No autoplay audio.
Silent experience.

Navigation
Minimal floating navbar.
Transparent.
Changes on scroll.
Very premium.

Mobile
Not simply responsive.
Redesign interactions.
Videos still scrub by scroll.
Maintain premium experience.

Accessibility
Keyboard navigation.
Reduced motion support.
Proper contrast.
Semantic HTML.
Alt text.

Deliverables
Build a complete production-ready project.
Organize folders cleanly.
Include reusable animation utilities.
Create reusable ScrollVideo component.
Create reusable SectionReveal component.
Create reusable TypographyReveal component.
Create reusable MagneticButton component.
Create reusable SmoothScroll provider.
Create reusable ThreeScene component.
Everything should be reusable.
Everything typed.
No placeholder code.
No TODOs.
No dummy components.
The result should look like a website capable of winning Awwwards.