Merge version_1 into main #1
324
src/app/page.tsx
324
src/app/page.tsx
@@ -14,219 +14,135 @@ import TestimonialCardFifteen from '@/components/sections/testimonial/Testimonia
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "History",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Visiting",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
]}
|
||||
brandName="Grand Palace"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "History", id: "about" },
|
||||
{ name: "Visiting", id: "features" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Grand Palace"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Experience the Majesty of the Grand Palace"
|
||||
description="Discover the historic home of Thai kings, featuring intricate architecture and the sacred Temple of the Emerald Buddha."
|
||||
buttons={[
|
||||
{
|
||||
text: "Plan Your Visit",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Explore History",
|
||||
href: "#about",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chapel-golden-pagoda-wat-phra-singh-woramahawihan-chiang-mai-north-thailand_554837-227.jpg"
|
||||
imageAlt="Grand Palace Bangkok Architecture"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/shot-thanboddhay-pagoda-mandalay-myanmar_181624-29156.jpg",
|
||||
alt: "Shot of Thanboddhay Pagoda Mandalay Myanmar",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/temple-bangkok-thailand_53876-31077.jpg",
|
||||
alt: "Temple in Bangkok Thailand",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/delicious-candy-shaped-like-buildings_23-2150799004.jpg",
|
||||
alt: "Delicious candy shaped like buildings",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/thai-style-buddhist-architecture-concept_53876-31097.jpg",
|
||||
alt: "Thai Style Buddhist Architecture Concept",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/statue_1203-3138.jpg",
|
||||
alt: "Statue",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 77k+ satisfied visitors"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Experience the Majesty of the Grand Palace"
|
||||
description="Discover the historic home of Thai kings, featuring intricate architecture and the sacred Temple of the Emerald Buddha."
|
||||
buttons={[
|
||||
{ text: "Plan Your Visit", href: "#contact" },
|
||||
{ text: "Explore History", href: "#about" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/chapel-golden-pagoda-wat-phra-singh-woramahawihan-chiang-mai-north-thailand_554837-227.jpg"
|
||||
imageAlt="Grand Palace Bangkok Architecture"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/shot-thanboddhay-pagoda-mandalay-myanmar_181624-29156.jpg", alt: "Shot of Thanboddhay Pagoda Mandalay Myanmar" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/temple-bangkok-thailand_53876-31077.jpg", alt: "Temple in Bangkok Thailand" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/delicious-candy-shaped-like-buildings_23-2150799004.jpg", alt: "Delicious candy shaped like buildings" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/thai-style-buddhist-architecture-concept_53876-31097.jpg", alt: "Thai Style Buddhist Architecture Concept" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/statue_1203-3138.jpg", alt: "Statue" }
|
||||
]}
|
||||
avatarText="Join 77k+ satisfied visitors"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy Built in 1782"
|
||||
description="As the spiritual and political heart of Bangkok, the Grand Palace showcases centuries of Thai craftsmanship, golden architecture, and royal heritage. It stands as an iconic landmark and a breathtaking witness to Thai history."
|
||||
metrics={[
|
||||
{
|
||||
value: "240+",
|
||||
title: "Years of History",
|
||||
},
|
||||
{
|
||||
value: "4.6",
|
||||
title: "Star Rating",
|
||||
},
|
||||
{
|
||||
value: "77k+",
|
||||
title: "Reviews",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pipe-organ-with-golden-details-inside-european-church_169016-39066.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy Built in 1782"
|
||||
description="As the spiritual and political heart of Bangkok, the Grand Palace showcases centuries of Thai craftsmanship, golden architecture, and royal heritage. It stands as an iconic landmark and a breathtaking witness to Thai history."
|
||||
metrics={[
|
||||
{ value: "240+", title: "Years of History" },
|
||||
{ value: "4.6", title: "Star Rating" },
|
||||
{ value: "77k+", title: "Reviews" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pipe-organ-with-golden-details-inside-european-church_169016-39066.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Dress Code Observed",
|
||||
description: "Please wear respectful clothing. Shorts, sleeveless shirts, and revealing garments are not permitted.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-female-friends-having-fun-flea-market-together_23-2148721118.jpg",
|
||||
imageAlt: "Dress Code",
|
||||
},
|
||||
{
|
||||
title: "Start Your Morning",
|
||||
description: "We recommend arriving early in the morning to beat the crowds and enjoy the palace in cooler temperatures.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-tourists-hold-map-find-places_1150-5817.jpg",
|
||||
imageAlt: "Early visit",
|
||||
},
|
||||
{
|
||||
title: "Stay Hydrated",
|
||||
description: "Bangkok can get very hot. Please bring a bottle of water to stay comfortable during your palace exploration.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-with-sports-equipment-black_169016-17106.jpg",
|
||||
imageAlt: "Hydration",
|
||||
},
|
||||
]}
|
||||
title="Important Visiting Tips"
|
||||
description="Ensure your visit to the Grand Palace is comfortable and respectful by following these guidelines."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Dress Code Observed", description: "Please wear respectful clothing. Shorts, sleeveless shirts, and revealing garments are not permitted.", imageSrc: "http://img.b2bpic.net/free-photo/two-female-friends-having-fun-flea-market-together_23-2148721118.jpg", imageAlt: "Dress Code" },
|
||||
{ title: "Start Your Morning", description: "We recommend arriving early in the morning to beat the crowds and enjoy the palace in cooler temperatures.", imageSrc: "http://img.b2bpic.net/free-photo/female-tourists-hold-map-find-places_1150-5817.jpg", imageAlt: "Early visit" },
|
||||
{ title: "Stay Hydrated", description: "Bangkok can get very hot. Please bring a bottle of water to stay comfortable during your palace exploration.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-with-sports-equipment-black_169016-17106.jpg", imageAlt: "Hydration" }
|
||||
]}
|
||||
title="Important Visiting Tips"
|
||||
description="Ensure your visit to the Grand Palace is comfortable and respectful by following these guidelines."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="An absolutely breathtaking experience. The level of detail in the golden architecture is unparalleled. Definitely worth the ticket price!"
|
||||
rating={5}
|
||||
author="Sarah Johnson"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-posing_23-2148601985.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-tourist-posing-swing_23-2147643235.jpg",
|
||||
alt: "Smiley tourist",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-traveling_23-2148601995.jpg",
|
||||
alt: "Woman traveling",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-blonde-woman-holding-vintage-camera-sticking-tongue-out-happy-with-funny-expression_839833-3025.jpg",
|
||||
alt: "Happy blonde woman",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-wearing-hat_23-2148631369.jpg",
|
||||
alt: "Smiley woman with hat",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="An absolutely breathtaking experience. The level of detail in the golden architecture is unparalleled. Definitely worth the ticket price!"
|
||||
rating={5}
|
||||
author="Sarah Johnson"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-posing_23-2148601985.jpg", alt: "Sarah" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiley-tourist-posing-swing_23-2147643235.jpg", alt: "Smiley tourist" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-woman-traveling_23-2148601995.jpg", alt: "Woman traveling" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-young-blonde-woman-holding-vintage-camera-sticking-tongue-out-happy-with-funny-expression_839833-3025.jpg", alt: "Happy blonde woman" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-wearing-hat_23-2148631369.jpg", alt: "Smiley woman with hat" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What are the opening hours?",
|
||||
content: "The Grand Palace is open daily, usually closing at 3:30 PM.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "How much is the ticket price?",
|
||||
content: "The official ticket price is approximately 650 THB.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I visit Wat Phra Kaew too?",
|
||||
content: "Yes, Wat Phra Kaew (Temple of the Emerald Buddha) is located inside the palace complex.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mid-shot-woman-table-checking-menu_23-2148637034.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
description="Quick information for a smooth visit to Bangkok's premier landmark."
|
||||
faqsAnimation="slide-up"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "1", title: "What are the opening hours?", content: "The Grand Palace is open daily, usually closing at 3:30 PM." },
|
||||
{ id: "2", title: "How much is the ticket price?", content: "The official ticket price is approximately 650 THB." },
|
||||
{ id: "3", title: "Can I visit Wat Phra Kaew too?", content: "Yes, Wat Phra Kaew (Temple of the Emerald Buddha) is located inside the palace complex." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mid-shot-woman-table-checking-menu_23-2148637034.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
description="Quick information for a smooth visit to Bangkok's premier landmark."
|
||||
faqsAnimation="slide-up"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
text="Ready to discover Thailand's most iconic landmark? Plan your route to Phra Nakhon today."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Location on Maps",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready to discover Thailand's most iconic landmark? Plan your route to Phra Nakhon today."
|
||||
buttons={[
|
||||
{ text: "View Location on Maps", href: "https://maps.google.com" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Grand Palace Museum"
|
||||
copyrightText="© 2025 | Bangkok Heritage Site"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Grand Palace Museum"
|
||||
copyrightText="© 2025 | Bangkok Heritage Site"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user