228 lines
9.4 KiB
TypeScript
228 lines
9.4 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroBillboardCarouselSplit from '@/components/sections/hero/HeroBillboardCarouselSplit';
|
|
import TagAbout from '@/components/sections/about/TagAbout';
|
|
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
|
import ProductCardSix from '@/components/sections/product/ProductCardSix';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="compact"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="plain"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="outline"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="Luxe Haven"
|
|
navItems={[
|
|
{ name: "Rooms", id: "rooms" },
|
|
{ name: "Amenities", id: "amenities" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Reviews", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{
|
|
text: "Book Now",
|
|
href: "contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarouselSplit
|
|
title="Experience Luxury and Comfort"
|
|
mediaItems={[
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766843739035-hfbm6cme.jpg", imageAlt: "Luxury hotel lobby" },
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767006038597-n7qc8lnx.jpg", imageAlt: "Deluxe suite bedroom" },
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184712312-lhl1h85w.jpg", imageAlt: "Ocean view from balcony" },
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766185878910-obewt98e.jpg", imageAlt: "Spa and wellness center" },
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767209261226-izrwuf3i.jpg", imageAlt: "Fine dining restaurant" },
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766452376695-4rxtbd0x.jpg", imageAlt: "Resort gardens and pool" }
|
|
]}
|
|
buttons={[
|
|
{ text: "Check Availability", href: "contact" },
|
|
{ text: "Explore Rooms", href: "rooms" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TagAbout
|
|
tag="Our Legacy"
|
|
description="Welcome to Luxe Haven, where timeless elegance meets modern comfort. For over two decades, we have been crafting unforgettable experiences for discerning travelers from around the world. Our commitment to exceptional service, stunning architecture, and world-class amenities makes us a preferred destination for those seeking the finest in hospitality."
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="amenities" data-section="amenities">
|
|
<FeatureCardSix
|
|
title="World-Class Amenities"
|
|
description="Discover the perfect blend of relaxation and recreation at our resort"
|
|
tag="Facilities"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Swimming Pool",
|
|
description: "Olympic-sized infinity pool overlooking the ocean with heated waters year-round",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766970344835-04ez2hbz.jpg"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Fitness Center",
|
|
description: "State-of-the-art gym equipment, personal trainers, and wellness classes daily",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767211376648-u4jwiie1.jpg"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Spa & Wellness",
|
|
description: "Full-service spa offering massages, treatments, and holistic wellness programs",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767276881290-m7jobce6.jpg"
|
|
},
|
|
{
|
|
id: 4,
|
|
title: "Fine Dining",
|
|
description: "Award-winning restaurant serving international and local cuisine nightly",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184721770-arv4645s.jpg"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="rooms" data-section="rooms">
|
|
<ProductCardSix
|
|
title="Discover Our Rooms"
|
|
description="Choose from our carefully curated collection of elegant accommodations"
|
|
tag="Accommodations"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
products={[
|
|
{
|
|
id: "1",
|
|
name: "Deluxe Room",
|
|
price: "From $199/night",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767276882211-42u3ehy1.jpg",
|
|
imageAlt: "Deluxe room with modern amenities"
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Executive Suite",
|
|
price: "From $349/night",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766452377555-j35y7gow.jpg",
|
|
imageAlt: "Executive suite with premium furnishings"
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Oceanfront Villa",
|
|
price: "From $599/night",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766185877436-fl4vf3vx.jpg",
|
|
imageAlt: "Oceanfront villa with private balcony"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
cardTitle="Trusted by thousands of satisfied guests worldwide"
|
|
cardTag="Guest Reviews"
|
|
useInvertedBackground="noInvert"
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Sarah Mitchell",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767276883020-d89qn853.jpg"
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "James Richardson",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766158633273-eydixnw1.jpg"
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Emma & David",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767276883743-i2yhpwy7.jpg"
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Victoria Chen",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767276884683-i8x8dtqb.jpg"
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Michael Torres",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767195026929-zu71bw7f.jpg"
|
|
},
|
|
{
|
|
id: "6",
|
|
name: "Lisa & Mark",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767276885456-fyy7s6lx.jpg"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to plan your perfect getaway? Contact our reservations team today to book your stay and experience luxury hospitality at its finest."
|
|
animationType="entrance-slide"
|
|
useInvertedBackground="noInvert"
|
|
buttons={[
|
|
{ text: "Book Your Stay", href: "https://booking.example.com" },
|
|
{ text: "Contact Us" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
copyrightText="© 2025 Luxe Haven Hotel. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "About",
|
|
items: [
|
|
{ label: "Our Story", href: "about" },
|
|
{ label: "Awards", href: "#" },
|
|
{ label: "Careers", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Guest Services",
|
|
items: [
|
|
{ label: "Rooms & Rates", href: "rooms" },
|
|
{ label: "Amenities", href: "amenities" },
|
|
{ label: "Dining", href: "#" },
|
|
{ label: "Spa", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contact",
|
|
items: [
|
|
{ label: "Reservations", href: "contact" },
|
|
{ label: "Group Events", href: "#" },
|
|
{ label: "Feedback", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|