What if Apple Launched the Taj Mahal?

# What if Apple Launched the Taj Mahal? — Asset Generation Pack
### 8 video clips + 8 still images · generate these separately BEFORE building the website
### Videos go in /assets/videos · Images go in /assets/photos

---

## How to use this pack

1. **Paste the Global Style Block at the END of every prompt.** The generator has no memory between generations — this block keeps the monument, light and color grade consistent so every asset feels like one continuous Apple keynote film.
2. **Generate at the highest resolution available** (4K if possible).
3. **Every video uses ONE slow camera move in ONE direction, constant speed, no cuts.** The website scrubs and blends these clips with scroll — a cut or a reversing camera will feel broken. Regenerate any clip that contains a cut.
4. **No people, no birds close to the lens, no text, no logos, no watermarks** in any asset.
5. Name every export exactly as labeled below — the website build prompt wires assets by filename.

---

## 🎨 GLOBAL STYLE BLOCK (append to every prompt)

> Apple product launch film aesthetic applied to the Taj Mahal: ultra-clean, minimal, museum-grade presentation. Luminous white Makrana marble rendered with physically accurate subsurface glow, soft studio-like natural light, gentle atmospheric haze, enormous negative space in the composition. Cinematic color grade: near-white highlights, warm ivory midtones, soft neutral shadows — calm, premium, restrained, never oversaturated. Shot on cinema camera, 35mm lens, shallow depth of field on macro shots. Photorealistic, 8K architectural photography quality. Extremely slow, perfectly smooth, constant-speed camera motion with zero shake. No people, no text, no logos, no watermarks.

---

## VIDEOS → /assets/videos

## Clip `01-hero-monument.mp4` (10s) — SECTION 1 · HOOK HERO

**Prompt:**
Perfectly centered, front-facing symmetrical shot of the Taj Mahal at soft dawn, framed against a near-white pale sky with gentle morning haze so the monument appears to float in white space. The camera performs an extremely slow, constant-speed push-in toward the central dome — barely perceptible zoom, like an Apple hero product reveal. Mirror-still reflecting pool in the lower third of frame. Minimal, luminous, serene. Single continuous move, no rotation, no cuts.

---

## Clip `02-marble-macro.mp4` (10s) — SECTION 3 · THE MATERIAL

**Prompt:**
Extreme macro shot gliding slowly across the surface of polished white Makrana marble: subtle translucent veining, crystalline sparkle, light raking across the stone so its subsurface glow shifts gently as the camera moves. The frame is filled edge-to-edge with marble texture, abstract enough to sit behind large typography. Slow lateral dolly left-to-right at constant speed, shallow depth of field, soft warm-white lighting. No cuts.

---

## Clip `03-symmetry.mp4` (10s) — SECTION 5 · DESIGNED FOR SYMMETRY

**Prompt:**
One-point-perspective shot looking straight down the central axis of the charbagh garden toward the Taj Mahal: the long reflecting pool splits the frame into two perfect mirrored halves, cypress trees and walkways in exact left-right symmetry, the monument dead center on the vanishing point. The camera glides slowly forward along the axis at constant speed, symmetry locked throughout. Soft mid-morning light, gentle haze. Single continuous forward dolly, no drift, no cuts.

---

## Clip `04-reflection-pool.mp4` (10s) — SECTION 7 · THE EXPERIENCE

**Prompt:**
Low camera skimming just above the mirror-still reflecting pool toward the Taj Mahal: the monument's full reflection glows on the water filling the lower half of frame, tiny slow ripples drifting across the surface, warm golden-hour light on the marble. The camera glides forward at water level, constant speed, extremely slow and weightless. Meditative, cinematic, minimal. No cuts.

---

## Clip `05-morning.mp4` (10s) — SECTION 8 · DAY TO NIGHT (MORNING)

**Prompt:**
Static-feeling, perfectly centered frontal composition of the Taj Mahal at early morning: cool soft white light, thin mist along the gardens, pale blue-white sky, marble glowing gently. The camera performs an almost imperceptible constant-speed push-in. This clip must use the exact same centered framing as the golden hour and night clips so the three blend seamlessly on scroll. No cuts.

---

## Clip `06-golden-hour.mp4` (10s) — SECTION 8 · DAY TO NIGHT (GOLDEN HOUR)

**Prompt:**
The exact same perfectly centered frontal composition of the Taj Mahal, now at golden hour: warm amber light washing the marble in gold and rose tones, long soft shadows across the platform, sky graded from warm peach to soft violet. Identical framing and identical almost-imperceptible constant-speed push-in as the morning clip, so the website can crossfade between them invisibly. No cuts.

---

## Clip `07-night.mp4` (10s) — SECTION 8 · DAY TO NIGHT (NIGHT)

**Prompt:**
The exact same perfectly centered frontal composition of the Taj Mahal at night under a full moon: marble glowing silver-blue in moonlight, deep indigo sky with faint stars, the reflecting pool carrying a soft moon-path of light. Identical framing and identical almost-imperceptible constant-speed push-in as the morning and golden hour clips. Serene, luminous, minimal. No cuts.

---

## Clip `08-finale.mp4` (10s) — SECTION 9 · THE FINALE

**Prompt:**
Slow rising and pulling-back aerial shot of the Taj Mahal at dawn: the camera ascends and retreats in one continuous constant-speed move, gradually revealing the full monument, the four minarets, the charbagh gardens, the gateway and the river behind — the entire complex resolving into a perfectly symmetrical composition floating in soft morning haze. Emotional, vast, timeless. Single continuous move, no rotation, no cuts.

---

## IMAGES → /assets/photos

Use the generator's image mode with the Global Style Block appended to each prompt.

## `intro-monument.jpg` — SECTION 2 · THE INTRO (background)

Wide, softly out-of-focus architectural photograph of the Taj Mahal in pale dawn haze, very low contrast, almost dissolving into white — designed to sit quietly behind enormous typography.

## `macro-inlay.jpg` — SECTION 4 · PRECISION (gallery 1/5)

Extreme macro photograph of pietra dura floral inlay on white marble: carnelian, jade and lapis semi-precious stones set in flawless flower motifs, razor-sharp focus, soft raking light revealing the seamless joints. Fills the entire frame.

## `macro-calligraphy.jpg` — SECTION 4 · PRECISION (gallery 2/5)

Extreme macro photograph of black marble calligraphy inlaid into the white marble pishtaq arch: elegant flowing Arabic script, perfect edges, subtle shadow depth in the carved channels, shallow depth of field.

## `macro-jali.jpg` — SECTION 4 · PRECISION (gallery 3/5)

Close-up photograph of a hand-carved white marble jali lattice screen: intricate geometric perforations with soft light streaming through, delicate shadow patterns, crisp stone edges.

## `macro-dome.jpg` — SECTION 4 · PRECISION (gallery 4/5)

Telephoto close-up of the main dome and gilded finial against a clean pale sky: the curvature of the marble catching soft gradient light, minimal composition with generous negative space.

## `macro-minaret.jpg` — SECTION 4 · PRECISION (gallery 5/5)

Telephoto close-up detail of a minaret's balconies and chhatri crown in soft morning light, white marble against a near-white sky, extremely minimal and symmetrical.

## `blueprint-exploded.jpg` — SECTION 6 · ENGINEERING

Minimal technical illustration on a pure white background: an exploded axonometric line drawing of the Taj Mahal — dome, drum, arches, platform and four minarets separated vertically with thin, precise near-black lines, in the style of an Apple engineering diagram. Clean, sparse, no shading, no text labels.

## `og-poster.jpg` — SOCIAL / POSTER

Perfectly symmetrical frontal photograph of the Taj Mahal floating in white dawn haze with its reflection in the still pool, enormous negative space above the dome for headline typography, magazine cover quality.

You are an award-winning creative developer and senior frontend engineer.

Your task is to build an incredibly premium, scroll-driven storytelling website called

"What if Apple Launched the Taj Mahal?"

This is NOT a travel website.
This is NOT an ecommerce website.
This is NOT a joke website.

It is an alternate universe product launch experience inspired by Apple's product storytelling.

The goal is that people watching the Instagram Reel immediately think:

"WAIT... DID APPLE ACTUALLY DESIGN THIS?"

The entire website should feel worthy of an Awwwards Site of the Day.

==================================================
TECH STACK
==================================================

Use only modern technologies.

- Next.js 15 (App Router)
- React 19
- TypeScript
- TailwindCSS
- Framer Motion
- GSAP
- Lenis (smooth scrolling)
- Motion One where beneficial
- React Three Fiber ONLY if absolutely necessary
- Lucide Icons
- next/image
- next/font

Architecture should be production quality.

Component driven.

Reusable.

Strict TypeScript.

Clean folder structure.

No unnecessary libraries.

==================================================
PERFORMANCE
==================================================

Target Lighthouse score above 95.

Lazy load every video.

Images optimized.

No layout shift.

GPU accelerated transforms.

Avoid unnecessary rerenders.

Everything buttery smooth.

==================================================
DESIGN LANGUAGE
==================================================

The design language is NOT copied from Apple.

It is INSPIRED by Apple's philosophy.

Use

• enormous whitespace
• oversized typography
• calm pacing
• minimal UI
• elegant transitions
• almost invisible animations
• premium typography hierarchy
• subtle shadows
• premium gradients
• museum aesthetic
• industrial design presentation

No borders everywhere.

No cards everywhere.

No glassmorphism.

No neumorphism.

Minimal.

Luxurious.

Elegant.

==================================================
COLOR PALETTE
==================================================

Background

Pure White (#FFFFFF)

Secondary

#F8F8F8

Text

Near Black (#111111)

Secondary Text

#666666

Accent

Warm Marble (#F2EFEA)

Use color very sparingly.

==================================================
TYPOGRAPHY
==================================================

Use modern premium fonts.

Headings:
Geist / SF Pro Display style

Body:
Inter

Very large typography.

Hero title around

90-120px desktop.

Beautiful tracking.

Large line spacing.

==================================================
SCROLL EXPERIENCE
==================================================

This is the most important requirement.

Scrolling should feel magical.

The user should feel like they are watching a keynote presentation.

Every section reveals itself.

Every image fades beautifully.

Every video blends into the next.

Nothing should abruptly appear.

Use:

Lenis

+

GSAP ScrollTrigger

+

Framer Motion

Animations should include:

fade

translate

scale

mask reveal

parallax

opacity

blur reveal

text reveal

image reveal

video reveal

clip-path reveal

pinning

horizontal movement where appropriate

Every section should animate differently.

==================================================
ASSETS
==================================================

All media already exists.

Videos

/assets/videos

Images

/assets/photos

Automatically use every asset intelligently.

Do not use placeholders.

==================================================
WEBSITE STRUCTURE
==================================================

--------------------------------------------------
SECTION 1

HOOK HERO
--------------------------------------------------

This section decides whether people continue watching the Reel.

Fullscreen.

White background.

Center aligned.

Video slowly reveals.

Very slow zoom.

Typography fades upward.

Headline:

What if Apple
Launched the
Taj Mahal?

Small caption

An alternate universe product keynote.

A subtle scroll indicator appears after 2 seconds.

As the user begins scrolling

the monument slowly scales.

Typography dissolves away.

--------------------------------------------------
SECTION 2

THE INTRO
--------------------------------------------------

Large cinematic statement.

22 Years.

One Vision.

No paragraph.

Only emotional storytelling.

As user scrolls

numbers animate.

Background image slowly appears.

--------------------------------------------------
SECTION 3

THE MATERIAL
--------------------------------------------------

Video:

Marble Macro

Huge typography.

Crafted from
Makrana Marble.

Subtext

Chosen not for decades.

For centuries.

Marble texture slowly moves behind typography.

--------------------------------------------------
SECTION 4

PRECISION
--------------------------------------------------

Use macro detail images.

Stone inlay.

Calligraphy.

Closeups.

Horizontal scrolling gallery.

Pinned section.

Each image fills entire screen.

Very premium transitions.

--------------------------------------------------
SECTION 5

DESIGNED FOR SYMMETRY
--------------------------------------------------

Massive centered typography.

Background:

Perfect symmetry video.

As user scrolls

Split screen transforms into full monument.

Use parallax.

--------------------------------------------------
SECTION 6

ENGINEERING
--------------------------------------------------

Exploded blueprint image.

Timeline.

Animated lines.

Minimal.

Elegant.

Numbers animate upward.

28

Stone varieties

20,000

Craftsmen

22

Years

Perfectly aligned.

Apple style statistics.

--------------------------------------------------
SECTION 7

THE EXPERIENCE
--------------------------------------------------

Large cinematic video.

Reflection pool.

Huge typography.

Designed for Eternity.

Very subtle fade.

--------------------------------------------------
SECTION 8

DAY TO NIGHT
--------------------------------------------------

As user scrolls

website transitions

Morning

↓

Golden Hour

↓

Night

Background color changes subtly.

Videos blend seamlessly.

Typography changes color accordingly.

--------------------------------------------------
SECTION 9

THE FINALE
--------------------------------------------------

Massive typography.

Some creations
are not built
for generations.

They are built
for forever.

Video fills entire screen.

Slow fade.

==================================================
ENDING
==================================================

Minimal centered text.

Experience it.

Agra, India.

Elegant button

Explore More

Hover animation.

Nothing flashy.

==================================================
MICRO INTERACTIONS
==================================================

Buttons slightly elevate.

Images subtly scale.

Cursor interactions.

Smooth hover easing.

Section transitions feel invisible.

No bounce.

No spring overload.

Everything should feel premium.

==================================================
SOUND DESIGN
==================================================

No autoplay audio.

==================================================
RESPONSIVENESS
==================================================

Desktop first.

Tablet.

Mobile.

Perfect on every screen.

==================================================
CODE QUALITY
==================================================

Separate components.

Separate animation hooks.

Reusable utilities.

No inline styles.

No duplicated code.

Comment major animation logic.

==================================================
IMPORTANT
==================================================

Do NOT build a normal landing page.

Build an immersive storytelling experience.

Every scroll should reveal something new.

Every section should feel like an Apple keynote slide.

The user should continuously think:

"Just one more scroll."

The website should be realistic enough that if shown for 5 seconds in an Instagram Reel, people would genuinely ask:

"Did Apple actually make this?"

Aim for the visual polish of Apple.com, the narrative pacing of a premium product keynote, and the immersive storytelling of an Awwwards-winning creative experience.