Initial commit
This commit is contained in:
353
src/app/page.tsx
Normal file
353
src/app/page.tsx
Normal file
@@ -0,0 +1,353 @@
|
||||
"use client"
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardEight from '@/components/sections/testimonial/TestimonialCardEight';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import { Award, Globe, Home, HelpCircle, Sparkles, Star, Users } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="smallSizeLargeTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="spotlight"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="outline"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
{/* Navbar */}
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
brandName="Luxe Haven"
|
||||
navItems={[
|
||||
{ name: "Rooms", id: "rooms" },
|
||||
{ name: "Amenities", id: "amenities" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Guests", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
bottomLeftText="Luxury Hospitality Experience"
|
||||
bottomRightText="reservations@luxehaven.com"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Hero Section */}
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
title="Indulge in Timeless Luxury"
|
||||
description="Experience the pinnacle of hospitality at Luxe Haven. Our five-star accommodations and world-class amenities await your arrival."
|
||||
tag="Premium Experience"
|
||||
tagIcon={Sparkles}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kw96qc"
|
||||
imageAlt="Luxury hotel lobby with elegant architecture"
|
||||
imagePosition="right"
|
||||
buttons={[
|
||||
{ text: "Book Your Stay", href: "#contact" },
|
||||
{ text: "Explore Rooms", href: "#rooms" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* About Section */}
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
title="Award-winning hospitality since 1995. Crafting unforgettable memories through exceptional service and timeless elegance."
|
||||
metrics={[
|
||||
{ icon: Award, label: "International Awards", value: "47+" },
|
||||
{ icon: Users, label: "Satisfied Guests", value: "250K+" },
|
||||
{ icon: Star, label: "Average Rating", value: "4.9/5" },
|
||||
{ icon: Globe, label: "Years Excellence", value: "29" }
|
||||
]}
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Amenities Section */}
|
||||
<div id="amenities" data-section="amenities">
|
||||
<FeatureCardOne
|
||||
title="World-Class Amenities"
|
||||
description="Every detail crafted to perfection. Discover our collection of premium facilities designed for your ultimate comfort and relaxation."
|
||||
tag="Facilities"
|
||||
tagIcon={Sparkles}
|
||||
features={[
|
||||
{
|
||||
title: "Luxury Spa & Wellness",
|
||||
description: "Rejuvenate with our full-service spa featuring holistic treatments and state-of-the-art wellness facilities.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184718910-pnoqmtth.jpg",
|
||||
imageAlt: "Luxury spa treatment area",
|
||||
button: { text: "Explore Spa", href: "#contact" }
|
||||
},
|
||||
{
|
||||
title: "Fine Dining Restaurant",
|
||||
description: "Savor culinary excellence. Our Michelin-recommended restaurant offers innovative cuisine prepared by award-winning chefs.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6arjaf",
|
||||
imageAlt: "Elegant fine dining restaurant",
|
||||
button: { text: "Reserve Table", href: "#contact" }
|
||||
},
|
||||
{
|
||||
title: "Olympic-Size Pool",
|
||||
description: "Swim in our crystalline pools surrounded by lush gardens and premium lounging areas with personalized service.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b1ov8g",
|
||||
imageAlt: "Luxury resort swimming pool",
|
||||
button: { text: "Learn More", href: "#contact" }
|
||||
},
|
||||
{
|
||||
title: "24/7 Concierge Service",
|
||||
description: "Our dedicated concierge team is available around the clock to fulfill your every request with impeccable attention to detail.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184199984-xnv4032m.jpg",
|
||||
imageAlt: "Professional concierge assistance",
|
||||
button: { text: "Contact Concierge", href: "#contact" }
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
containerStyle="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Rooms Section */}
|
||||
<div id="rooms" data-section="rooms">
|
||||
<ProductCardOne
|
||||
title="Exceptional Rooms & Suites"
|
||||
description="Each room is a sanctuary of elegance and comfort. Discover our carefully curated collection of accommodations."
|
||||
tag="Accommodations"
|
||||
tagIcon={Home}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Deluxe Room",
|
||||
price: "$280/night",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jnly5q",
|
||||
imageAlt: "Deluxe hotel room with premium furnishings"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Presidential Suite",
|
||||
price: "$650/night",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=55xjqe",
|
||||
imageAlt: "Luxurious presidential suite with panoramic views"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Standard Room",
|
||||
price: "$180/night",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9vj3gy",
|
||||
imageAlt: "Comfortable standard room with modern amenities"
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
containerStyle="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground="noInvert"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Partners Section */}
|
||||
<div id="partners" data-section="partners">
|
||||
<SocialProofOne
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Luxe Haven partners with the world's most prestigious hospitality and luxury brands."
|
||||
tag="Partnerships"
|
||||
tagIcon={Award}
|
||||
logos={[
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140108208-9jx2n5py.jpg",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183580042-1z23mdom.jpg",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140106374-le5uxrj5.jpg",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183581068-iklr7ul7.jpg",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140107205-4bafhl5z.jpg",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183582037-814qymx8.jpg",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766185073175-imh155jb.jpg",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140109000-ndb7534s.jpg"
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
speed={50}
|
||||
showCard={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Testimonials Section */}
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardEight
|
||||
title="Cherished by Our Guests"
|
||||
description="Read what our valued guests have experienced at Luxe Haven. Their stories inspire us to maintain our commitment to excellence."
|
||||
tag="Guest Reviews"
|
||||
tagIcon={Star}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alexandra Chen",
|
||||
role: "Executive Director",
|
||||
company: "Global Ventures Inc.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=64stsb",
|
||||
imageAlt: "Alexandra Chen, Executive Director"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus Johnson",
|
||||
role: "CEO",
|
||||
company: "Premier Consulting",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=emj3il",
|
||||
imageAlt: "Marcus Johnson, CEO"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sophie Laurent",
|
||||
role: "Creative Director",
|
||||
company: "Design Studios Paris",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6nuror",
|
||||
imageAlt: "Sophie Laurent, Creative Director"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Entrepreneur",
|
||||
company: "Tech Innovations Asia",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=duzd08",
|
||||
imageAlt: "David Kim, Entrepreneur"
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Isabella Rossi",
|
||||
role: "Fashion Designer",
|
||||
company: "Luxury Fashion House",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tfmytp",
|
||||
imageAlt: "Isabella Rossi, Fashion Designer"
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "James Wellington",
|
||||
role: "Investment Manager",
|
||||
company: "Wealth Partners Global",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3el4it",
|
||||
imageAlt: "James Wellington, Investment Manager"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* FAQ Section */}
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to common questions about our rooms, amenities, policies, and services."
|
||||
tag="Help & Support"
|
||||
tagIcon={HelpCircle}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What is your cancellation policy?",
|
||||
content: "We offer flexible cancellation up to 48 hours before arrival for full refund. Cancellations within 48 hours are subject to one night's charge. Special rates and packages may have different terms."
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer early check-in or late checkout?",
|
||||
content: "Early check-in (from 10 AM) and late checkout (until 6 PM) are subject to availability. Please contact our concierge at least 24 hours in advance. Premium suites may have complimentary extended hours."
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "What amenities are included in the room rate?",
|
||||
content: "All rooms include luxury bedding, marble bathrooms, premium toiletries, flat-screen TV, high-speed internet, mini bar, and access to our fitness center and pool. Suite guests enjoy complimentary spa credits and butler service."
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Do you have parking facilities?",
|
||||
content: "Yes, we offer complimentary valet parking for all guests. Self-parking is also available in our secure underground garage. Electric vehicle charging stations are available upon request."
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Can you accommodate special dietary requirements?",
|
||||
content: "Absolutely. Our culinary team is experienced in accommodating all dietary preferences and restrictions. Please inform us at the time of booking or contact our concierge upon arrival."
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
title: "What is your pet policy?",
|
||||
content: "We welcome pets in select rooms for a fee of $50 per night. Pets must be well-behaved and owners are responsible for any damages. Please inform us at booking if you plan to bring a pet."
|
||||
}
|
||||
]}
|
||||
animationType="smooth"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Contact Section */}
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Reserve Your Luxury Experience"
|
||||
description="Book your stay with us or inquire about our premium services. Our team is ready to craft your perfect getaway."
|
||||
useInvertedBackground="noInvert"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=winnic"
|
||||
imageAlt="Luxury hotel concierge service"
|
||||
mediaPosition="right"
|
||||
inputs={[
|
||||
{ name: "fullName", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
{ name: "checkIn", type: "date", placeholder: "Check-in Date", required: true },
|
||||
{ name: "checkOut", type: "date", placeholder: "Check-out Date", required: true }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your preferences or special requests", rows: 5, required: true }}
|
||||
buttonText="Complete Reservation"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Footer Section */}
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Accommodations",
|
||||
items: [
|
||||
{ label: "Deluxe Rooms", href: "rooms" },
|
||||
{ label: "Presidential Suites", href: "rooms" },
|
||||
{ label: "Standard Rooms", href: "rooms" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{ label: "Spa & Wellness", href: "amenities" },
|
||||
{ label: "Fine Dining", href: "amenities" },
|
||||
{ label: "Concierge", href: "amenities" },
|
||||
{ label: "Room Service", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{ label: "About Us", href: "about" },
|
||||
{ label: "Contact", href: "contact" },
|
||||
{ label: "FAQ", href: "faq" },
|
||||
{ label: "Careers", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 Luxe Haven. All rights reserved. Luxury redefined."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user