Merge version_1 into main #2
411
src/app/page.tsx
411
src/app/page.tsx
@@ -16,296 +16,149 @@ import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCa
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="blurBottom"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="semibold"
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="blurBottom"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Rooms",
|
||||
id: "rooms",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="The Grand Azure"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Rooms", id: "rooms" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="The Grand Azure"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="The Grand Azure"
|
||||
description="Experience unparalleled five-star luxury, where timeless elegance meets modern comfort in the heart of the city."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Stay",
|
||||
href: "#rooms",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-hotel-reception-hall-office-with-decor-shelf_105762-1676.jpg?_wi=1"
|
||||
imageAlt="Grand hotel exterior"
|
||||
showDimOverlay={true}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="The Grand Azure"
|
||||
description="Experience unparalleled five-star luxury, where timeless elegance meets modern comfort in the heart of the city."
|
||||
buttons={[{ text: "Book Your Stay", href: "#rooms" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-hotel-reception-hall-office-with-decor-shelf_105762-1676.jpg"
|
||||
imageAlt="Grand hotel exterior"
|
||||
showDimOverlay={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy of Hospitality"
|
||||
description="Since 1920, The Grand Azure has been a sanctuary for travelers seeking the highest standard of sophistication. From our meticulously crafted interiors to our world-class dining, every detail is designed to ensure an unforgettable stay."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "World-Class Dining",
|
||||
description: "Three Michelin-star restaurants featuring seasonal, locally-sourced ingredients.",
|
||||
},
|
||||
{
|
||||
title: "Wellness Sanctuary",
|
||||
description: "Full-service spa offering curated treatments to rejuvenate your spirit.",
|
||||
},
|
||||
{
|
||||
title: "Concierge Service",
|
||||
description: "24/7 personalized assistance for all your travel and reservation needs.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/wine-glass_1203-2992.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy of Hospitality"
|
||||
description="Since 1920, The Grand Azure has been a sanctuary for travelers seeking the highest standard of sophistication. From our meticulously crafted interiors to our world-class dining, every detail is designed to ensure an unforgettable stay."
|
||||
bulletPoints={[
|
||||
{ title: "World-Class Dining", description: "Three Michelin-star restaurants featuring seasonal, locally-sourced ingredients." },
|
||||
{ title: "Wellness Sanctuary", description: "Full-service spa offering curated treatments to rejuvenate your spirit." },
|
||||
{ title: "Concierge Service", description: "24/7 personalized assistance for all your travel and reservation needs." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/wine-glass_1203-2992.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Infinity Pool",
|
||||
subtitle: "Sky-high relaxation",
|
||||
category: "Leisure",
|
||||
value: "24/7 Access",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Executive Lounge",
|
||||
subtitle: "Private workspace",
|
||||
category: "Business",
|
||||
value: "Complimentary",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Valet Parking",
|
||||
subtitle: "Seamless arrival",
|
||||
category: "Service",
|
||||
value: "Included",
|
||||
},
|
||||
]}
|
||||
title="Unrivaled Amenities"
|
||||
description="Indulge in our curated selection of services designed to elevate your experience."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", title: "Infinity Pool", subtitle: "Sky-high relaxation", category: "Leisure", value: "24/7 Access" },
|
||||
{ id: "f2", title: "Executive Lounge", subtitle: "Private workspace", category: "Business", value: "Complimentary" },
|
||||
{ id: "f3", title: "Valet Parking", subtitle: "Seamless arrival", category: "Service", value: "Included" },
|
||||
]}
|
||||
title="Unrivaled Amenities"
|
||||
description="Indulge in our curated selection of services designed to elevate your experience."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="rooms" data-section="rooms">
|
||||
<ProductCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Grand Suite",
|
||||
price: "$1,200/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rendering-elegant-neoclassical-interior_23-2151059694.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Classic Deluxe",
|
||||
price: "$650/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-comtemporary-luxury-bedroom-suite-hotel-with-tv_105762-2058.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Ocean Premier",
|
||||
price: "$890/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-sauna-with-mountain-view-panoramic-calm_169016-70823.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Junior Suite",
|
||||
price: "$520/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-romantic-breakfast-bed-arrangement_23-2150956523.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Royal Suite",
|
||||
price: "$2,500/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-having-intimacy-moments_23-2149162175.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Signature Room",
|
||||
price: "$780/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Accommodations"
|
||||
description="Discover a collection of rooms and suites designed for the modern connoisseur."
|
||||
/>
|
||||
</div>
|
||||
<div id="rooms" data-section="rooms">
|
||||
<ProductCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Grand Suite", price: "$1,200/night", imageSrc: "http://img.b2bpic.net/free-photo/rendering-elegant-neoclassical-interior_23-2151059694.jpg" },
|
||||
{ id: "p2", name: "Classic Deluxe", price: "$650/night", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-comtemporary-luxury-bedroom-suite-hotel-with-tv_105762-2058.jpg" },
|
||||
{ id: "p3", name: "Ocean Premier", price: "$890/night", imageSrc: "http://img.b2bpic.net/free-photo/wooden-sauna-with-mountain-view-panoramic-calm_169016-70823.jpg" },
|
||||
{ id: "p4", name: "Junior Suite", price: "$520/night", imageSrc: "http://img.b2bpic.net/free-photo/close-up-romantic-breakfast-bed-arrangement_23-2150956523.jpg" },
|
||||
{ id: "p5", name: "Royal Suite", price: "$2,500/night", imageSrc: "http://img.b2bpic.net/free-photo/women-having-intimacy-moments_23-2149162175.jpg" },
|
||||
{ id: "p6", name: "Signature Room", price: "$780/night", imageSrc: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg" },
|
||||
]}
|
||||
title="Our Accommodations"
|
||||
description="Discover a collection of rooms and suites designed for the modern connoisseur."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Eleanor Vance",
|
||||
date: "Jan 2025",
|
||||
title: "Luxury Enthusiast",
|
||||
quote: "The service was impeccable. Truly a top-tier hotel experience.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/full-shot-people-working-laptop_23-2149963926.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-hotel-reception-hall-office-with-decor-shelf_105762-1676.jpg?_wi=2",
|
||||
imageAlt: "happy hotel guest portrait",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Arthur Pendragon",
|
||||
date: "Dec 2024",
|
||||
title: "Frequent Traveler",
|
||||
quote: "The Grand Azure is now my only choice when I visit the city.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-meditating-bed-after-packing-suitcase-summer-holiday-sitting-with_1258-270228.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wine-glass_1203-2992.jpg?_wi=2",
|
||||
imageAlt: "happy hotel guest portrait",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Isolde Thorne",
|
||||
date: "Nov 2024",
|
||||
title: "Corporate Leader",
|
||||
quote: "Stunning design and exceptional attention to detail.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/picture-showing-happy-couple-resting-hotel-room_1153-3764.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-spa_23-2148000228.jpg",
|
||||
imageAlt: "happy hotel guest portrait",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Julian Thorne",
|
||||
date: "Oct 2024",
|
||||
title: "Travel Vlogger",
|
||||
quote: "Absolutely gorgeous interiors and unparalleled dining.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe-drinking-coffee_1157-31442.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rendering-elegant-neoclassical-interior_23-2151059694.jpg?_wi=2",
|
||||
imageAlt: "happy hotel guest portrait",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Clara Oswald",
|
||||
date: "Sep 2024",
|
||||
title: "Hospitality Critic",
|
||||
quote: "Five-star service from start to finish.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/slim-woman-enjoying-exotic-place-joyful-tanned-lady-standing-near-palm-trees-smiling_197531-21133.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-comtemporary-luxury-bedroom-suite-hotel-with-tv_105762-2058.jpg?_wi=2",
|
||||
imageAlt: "happy hotel guest portrait",
|
||||
},
|
||||
]}
|
||||
title="Guest Experiences"
|
||||
description="Read what our discerning guests have to say about their stay at The Grand Azure."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Eleanor Vance", date: "Jan 2025", title: "Luxury Enthusiast", quote: "The service was impeccable. Truly a top-tier hotel experience.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/full-shot-people-working-laptop_23-2149963926.jpg", imageSrc: "http://img.b2bpic.net/free-photo/luxury-hotel-reception-hall-office-with-decor-shelf_105762-1676.jpg" },
|
||||
{ id: "t2", name: "Arthur Pendragon", date: "Dec 2024", title: "Frequent Traveler", quote: "The Grand Azure is now my only choice when I visit the city.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-meditating-bed-after-packing-suitcase-summer-holiday-sitting-with_1258-270228.jpg", imageSrc: "http://img.b2bpic.net/free-photo/wine-glass_1203-2992.jpg" },
|
||||
{ id: "t3", name: "Isolde Thorne", date: "Nov 2024", title: "Corporate Leader", quote: "Stunning design and exceptional attention to detail.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/picture-showing-happy-couple-resting-hotel-room_1153-3764.jpg", imageSrc: "http://img.b2bpic.net/free-photo/still-life-spa_23-2148000228.jpg" },
|
||||
{ id: "t4", name: "Julian Thorne", date: "Oct 2024", title: "Travel Vlogger", quote: "Absolutely gorgeous interiors and unparalleled dining.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe-drinking-coffee_1157-31442.jpg", imageSrc: "http://img.b2bpic.net/free-photo/rendering-elegant-neoclassical-interior_23-2151059694.jpg" },
|
||||
{ id: "t5", name: "Clara Oswald", date: "Sep 2024", title: "Hospitality Critic", quote: "Five-star service from start to finish.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/slim-woman-enjoying-exotic-place-joyful-tanned-lady-standing-near-palm-trees-smiling_197531-21133.jpg", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-comtemporary-luxury-bedroom-suite-hotel-with-tv_105762-2058.jpg" },
|
||||
]}
|
||||
title="Guest Experiences"
|
||||
description="Read what our discerning guests have to say about their stay at The Grand Azure."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="proof" data-section="proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"World Travel Awards",
|
||||
"Condé Nast Gold",
|
||||
"Forbes Five Star",
|
||||
"Luxury Hotel Guild",
|
||||
"Michelin Guide Rated",
|
||||
"Boutique Hospitality",
|
||||
"Global Concierge Alliance",
|
||||
]}
|
||||
title="Recognized Excellence"
|
||||
description="Honored by the world's most prestigious travel organizations."
|
||||
/>
|
||||
</div>
|
||||
<div id="proof" data-section="proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["World Travel Awards", "Condé Nast Gold", "Forbes Five Star", "Luxury Hotel Guild", "Michelin Guide Rated", "Boutique Hospitality", "Global Concierge Alliance"]}
|
||||
title="Recognized Excellence"
|
||||
description="Honored by the world's most prestigious travel organizations."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is parking available?",
|
||||
content: "Yes, we offer 24/7 valet parking services for all guests.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are pets allowed?",
|
||||
content: "We offer pet-friendly accommodations with prior reservation.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "When is check-in?",
|
||||
content: "Standard check-in is at 3:00 PM; early check-in is subject to availability.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Common Inquiries"
|
||||
sideDescription="Everything you need to know to plan your perfect getaway."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Is parking available?", content: "Yes, we offer 24/7 valet parking services for all guests." },
|
||||
{ id: "q2", title: "Are pets allowed?", content: "We offer pet-friendly accommodations with prior reservation." },
|
||||
{ id: "q3", title: "When is check-in?", content: "Standard check-in is at 3:00 PM; early check-in is subject to availability." },
|
||||
]}
|
||||
sideTitle="Common Inquiries"
|
||||
sideDescription="Everything you need to know to plan your perfect getaway."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Reservations"
|
||||
title="Inquire About Availability"
|
||||
description="Ready to experience The Grand Azure? Our concierge team is standing by to assist with your booking."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/filling-registration-form_1098-14557.jpg"
|
||||
inputPlaceholder="Enter your email for exclusive offers"
|
||||
buttonText="Subscribe"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Reservations"
|
||||
title="Inquire About Availability"
|
||||
description="Ready to experience The Grand Azure? Our concierge team is standing by to assist with your booking."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/filling-registration-form_1098-14557.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="The Grand Azure"
|
||||
copyrightText="© 2025 The Grand Azure. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="The Grand Azure"
|
||||
copyrightText="© 2025 The Grand Azure. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user