319 lines
14 KiB
TypeScript
319 lines
14 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import HeroSplitAvatars from '@/components/sections/hero/HeroSplitAvatars';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
|
import ContactCenterForm from '@/components/sections/contact/ContactCenterForm';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import { Sparkles, Home, Star, Gift, Calendar, Crown, Facebook, Instagram, Twitter } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="sharp"
|
|
contentWidth="medium"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="noise"
|
|
cardStyle="spotlight"
|
|
primaryButtonStyle="layered-depth"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="LuxeStay"
|
|
navItems={[
|
|
{ name: "Rooms", id: "rooms" },
|
|
{ name: "Amenities", id: "amenities" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{ text: "Book Now", href: "contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitAvatars
|
|
title="Welcome to Luxury Hospitality"
|
|
description="Experience exceptional comfort and world-class service at our premium hotel. Discover elegantly designed rooms, premium amenities, and unforgettable moments in paradise."
|
|
tag="Five-Star Experience"
|
|
tagIcon={Sparkles}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184710583-yt05ru42.jpg"
|
|
imageAlt="Luxury hotel exterior and lobby"
|
|
imagePosition="right"
|
|
avatars={[
|
|
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184200876-idjoemdc.jpg", alt: "Guest avatar 1" },
|
|
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183841431-v1xtegko.jpg", alt: "Guest avatar 2" },
|
|
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184707769-zzdny5qa.jpg", alt: "Guest avatar 3" },
|
|
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184199984-xnv4032m.jpg", alt: "Guest avatar 4" }
|
|
]}
|
|
avatarText="Join 500+ satisfied guests"
|
|
buttons={[
|
|
{ text: "Reserve Your Stay", href: "contact" },
|
|
{ text: "Explore Rooms", href: "rooms" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="rooms" data-section="rooms">
|
|
<ProductCardTwo
|
|
title="Our Room Collection"
|
|
description="Choose from our curated selection of elegantly appointed rooms and suites, each designed for maximum comfort and luxury."
|
|
tag="Premium Accommodations"
|
|
tagIcon={Home}
|
|
products={[
|
|
{
|
|
id: "1",
|
|
brand: "LuxeStay",
|
|
name: "Deluxe Room",
|
|
price: "$189/night",
|
|
rating: 5,
|
|
reviewCount: "2.4k",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184711453-096e89ja.jpg",
|
|
imageAlt: "Deluxe hotel room with king bed"
|
|
},
|
|
{
|
|
id: "2",
|
|
brand: "LuxeStay",
|
|
name: "Standard Room",
|
|
price: "$129/night",
|
|
rating: 4,
|
|
reviewCount: "1.8k",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766837631730-3p442mol.jpg",
|
|
imageAlt: "Standard hotel room with modern amenities"
|
|
},
|
|
{
|
|
id: "3",
|
|
brand: "LuxeStay",
|
|
name: "Presidential Suite",
|
|
price: "$450/night",
|
|
rating: 5,
|
|
reviewCount: "856",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184712312-lhl1h85w.jpg",
|
|
imageAlt: "Presidential suite with lounge area"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
buttons={[
|
|
{ text: "View All Rooms", href: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="amenities" data-section="amenities">
|
|
<FeatureCardNineteen
|
|
title="World-Class Amenities"
|
|
description="Indulge in our comprehensive range of facilities designed to make your stay unforgettable."
|
|
tag="Premium Services"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
tag: "Wellness",
|
|
title: "Spa & Wellness Center",
|
|
subtitle: "Rejuvenate your mind and body",
|
|
description: "Enjoy our full-service spa featuring massage therapy, sauna facilities, and wellness treatments administered by certified professionals. Experience ultimate relaxation in our tranquil sanctuary.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767211437426-jhqsalo3.jpg",
|
|
imageAlt: "Spa and wellness center"
|
|
},
|
|
{
|
|
id: 2,
|
|
tag: "Dining",
|
|
title: "Fine Dining Restaurant",
|
|
subtitle: "Culinary excellence at its finest",
|
|
description: "Savor exquisite dishes prepared by our award-winning chefs. Our restaurant offers international cuisine with a local flair, complemented by an extensive wine collection.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184714161-gbe1frze.jpg",
|
|
imageAlt: "Fine dining restaurant"
|
|
},
|
|
{
|
|
id: 3,
|
|
tag: "Recreation",
|
|
title: "Olympic Swimming Pool",
|
|
subtitle: "Cool off in style",
|
|
description: "Dive into our state-of-the-art swimming pool with heated waters, cabanas, and poolside bar service. Perfect for families and adults seeking a refreshing escape.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767211438371-8670buzm.jpg",
|
|
imageAlt: "Olympic-sized swimming pool"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialCardThirteen
|
|
title="What Our Guests Say"
|
|
description="Real experiences from travelers who stayed with us and loved every moment."
|
|
tag="Guest Reviews"
|
|
tagIcon={Star}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Sarah Mitchell",
|
|
handle: "@sarahmtravel",
|
|
testimonial: "An absolutely incredible experience. The staff went above and beyond to make our honeymoon unforgettable. Every detail was perfect!",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184200876-idjoemdc.jpg",
|
|
imageAlt: "Sarah Mitchell"
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "James Peterson",
|
|
handle: "@jamespetravel",
|
|
testimonial: "Outstanding service and stunning accommodations. This is the best hotel I've stayed at. Highly recommend for anyone visiting the area.",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183841431-v1xtegko.jpg",
|
|
imageAlt: "James Peterson"
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Emma Rodriguez",
|
|
handle: "@emmarodriguez",
|
|
testimonial: "The attention to detail is remarkable. From the room service to the facilities, everything exceeded our expectations. Will definitely return!",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184707769-zzdny5qa.jpg",
|
|
imageAlt: "Emma Rodriguez"
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Michael Chen",
|
|
handle: "@michaelchentravel",
|
|
testimonial: "Perfect location, impeccable rooms, and friendly staff. This hotel sets the standard for luxury hospitality. Absolutely worth the stay.",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184199984-xnv4032m.jpg",
|
|
imageAlt: "Michael Chen"
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Angela Williams",
|
|
handle: "@angelawilliams",
|
|
testimonial: "Every moment was magical. The views, the service, the ambiance - everything worked together beautifully. A truly memorable experience.",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140101670-ttp7xdlv.jpg",
|
|
imageAlt: "Angela Williams"
|
|
},
|
|
{
|
|
id: "6",
|
|
name: "David Thompson",
|
|
handle: "@davidthompson",
|
|
testimonial: "I've traveled to many hotels, and this one ranks at the top. Exceptional value for money with premium amenities. Highly satisfied.",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg",
|
|
imageAlt: "David Thompson"
|
|
}
|
|
]}
|
|
showRating={true}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardTwo
|
|
title="Flexible Room Packages"
|
|
description="Choose the perfect package for your stay with our curated options."
|
|
tag="Special Offers"
|
|
tagIcon={Gift}
|
|
plans={[
|
|
{
|
|
id: "1",
|
|
badge: "Weekend Getaway",
|
|
badgeIcon: Sparkles,
|
|
price: "$349",
|
|
subtitle: "2 nights, Deluxe Room",
|
|
buttons: [
|
|
{ text: "Book Package", href: "contact" },
|
|
{ text: "Learn More", href: "rooms" }
|
|
],
|
|
features: [
|
|
"Complimentary breakfast",
|
|
"Late checkout (2 PM)",
|
|
"Spa credit $50",
|
|
"Welcome drink"
|
|
]
|
|
},
|
|
{
|
|
id: "2",
|
|
badge: "Extended Stay",
|
|
badgeIcon: Calendar,
|
|
price: "$1,199",
|
|
subtitle: "7 nights, Standard Room",
|
|
buttons: [
|
|
{ text: "Book Package", href: "contact" },
|
|
{ text: "Learn More", href: "rooms" }
|
|
],
|
|
features: [
|
|
"15% discount on rooms",
|
|
"Free room service daily",
|
|
"Airport transfers included",
|
|
"Laundry service complimentary"
|
|
]
|
|
},
|
|
{
|
|
id: "3",
|
|
badge: "Luxury Escape",
|
|
badgeIcon: Crown,
|
|
price: "$1,899",
|
|
subtitle: "3 nights, Presidential Suite",
|
|
buttons: [
|
|
{ text: "Book Package", href: "contact" },
|
|
{ text: "Learn More", href: "rooms" }
|
|
],
|
|
features: [
|
|
"Exclusive suite access",
|
|
"Personal concierge service",
|
|
"Fine dining credits $200",
|
|
"Spa treatments included"
|
|
]
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenterForm
|
|
title="Plan Your Perfect Stay"
|
|
description="Get in touch with our reservations team to book your room or inquire about our services. We're here to make your experience exceptional."
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Your Full Name", required: true },
|
|
{ name: "email", type: "email", placeholder: "your@email.com", 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 needs, preferences, or special requests...",
|
|
rows: 5,
|
|
required: true
|
|
}}
|
|
useInvertedBackground="noInvert"
|
|
buttonText="Reserve Your Room"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="LuxeStay"
|
|
copyrightText="© 2025 LuxeStay Hotel. All rights reserved."
|
|
socialLinks={[
|
|
{ icon: Facebook, href: "https://facebook.com/luxestayhotel", ariaLabel: "Facebook" },
|
|
{ icon: Instagram, href: "https://instagram.com/luxestayhotel", ariaLabel: "Instagram" },
|
|
{ icon: Twitter, href: "https://twitter.com/luxestayhotel", ariaLabel: "Twitter" }
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |