Angkor Wat Home Page With v0 AI

Website Link: https://v0-angkor-wat-landing-page.vercel.app

Generate By: https://v0.app  Model: v0 min

Prompt:

Create a world-class cinematic tourism landing page for Angkor Wat, Cambodia.
STYLE DIRECTION
Design should feel like:
- Architectural editorial magazine
- Luxury travel campaign
- Modern storytelling website
The result must look like a $100,000 custom-designed tourism website.
TECH STACK
- Next.js 15
- React
- TypeScript
- Tailwind CSS
- Framer Motion
- Lucide Icons
- Fully responsive
=================================================
LAYOUT
=================================================
Create a full-screen hero section.
Height:
100vh
Composition:
Top section:
- Vast cinematic sky
- Large negative space
- Atmospheric clouds
- Deep teal blue gradient
Center:
- Massive transparent typography
- Text integrated into background
Text:
ANGKOR
Height should occupy nearly 70% of viewport.
Typography:
- Ultra condensed
- Bold
- Editorial
- Monumental
- Slight stone texture effect
- Semi transparent
- Blend with image
Under title:
CAMBODIA
Small elegant serif typography
Wide letter spacing
Bottom center:
Angkor Wat temple
The temple should emerge from mist and golden sunlight.
=================================================
BACKGROUND IMAGE
=================================================
Full screen image:
Angkor Wat sunrise
Features:
- Golden hour lighting
- Soft morning mist
- Dramatic clouds
- Warm sunlight rays
- Reflection water
- Lotus flowers
- Palm trees
- Flying birds
- Atmospheric depth
Parallax effect:
Temple moves slower than foreground.
=================================================
HEADER
=================================================
Transparent navigation.
Text:
CAMBODIA
KINGDOM OF WONDER
Typography:
Small uppercase
Elegant spacing
Center:
Minimal line illustration of Angkor Wat
Under it:
ANCIENT • SACRED • TIMELESS
Right:
Coordinates
13°24'41" N
103°51'30" E
Location icon
=================================================
LEFT INFO COLUMN
=================================================
Floating vertical sidebar.
Thin gold lines.
BEST TIME
NOVEMBER – FEBRUARY
Each item:
- Outline icon
- Thin gold separator
- Small editorial typography
=================================================
BOTTOM STATISTICS
=================================================
Glassmorphism floating panel.
Centered.
5 columns.
Area
1,626 hectares
Main Temple
213m length
Construction
50+ million stone blocks
Moat
1.5 km wide
Location
Siem Reap
Design:
- Frosted glass
- Subtle blur
- Gold borders
- Elegant icons
=================================================
ANIMATIONS
=================================================
Use Framer Motion.
Hero load sequence:
1.
Sky fades in
2.
Temple rises upward
3.
ANGKOR typography fades in
4.
Stats animate upward
5.
Quote slides from right
6.
Info column slides from left
7.
Birds slowly move
8.
Clouds drift
9.
Water shimmer effect
=================================================
COLORS
=================================================
Primary:
#0A2336
Secondary:
#D6B06B
Gold:
#E5C07B
Light:
#F7F1E8
Dark:
#08151F
=================================================
TYPOGRAPHY
=================================================
Heading:
Bebas Neue
Oswald
Anton
Body:
Inter
Editorial Serif:
Cormorant Garamond
=================================================
VISUAL EFFECTS
=================================================
- Cinematic color grading
- Atmospheric fog
- Lens glow
- Light rays
- Depth layers
- Smooth parallax
- Glassmorphism
- Soft grain texture
- Gold accent lines
- Premium luxury appearance
=================================================
RESPONSIVE
=================================================
Desktop:
exact editorial composition
Tablet:
preserve hierarchy
Mobile:
- Angkor title stacked
- Sidebar becomes cards
- Stats become carousel
=================================================
OUTPUT
=================================================
Generate:
1. Complete Next.js page.tsx
2. Reusable Hero component
3. Tailwind styling
4. Framer Motion animations
5. Responsive design
6. Production-ready code
7. Clean component structure
8. No placeholder wireframes
9. Premium realistic UI 
10. Ready to paste and run