337 lines
14 KiB
TypeScript
337 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 TagAbout from '@/components/sections/about/TagAbout';
|
|
import FeatureCardThirteen from '@/components/sections/feature/FeatureCardThirteen';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FooterSplit from '@/components/sections/footer/FooterSplit';
|
|
import { Star, Sparkles, Mail, Phone, MapPin } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="compact"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="fluid"
|
|
cardStyle="spotlight"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Luxury Stays"
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "Rooms", id: "rooms" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{
|
|
text: "Book Now",
|
|
href: "contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitAvatars
|
|
title="Experience Luxury Hospitality"
|
|
description="Discover your perfect retreat at our premium hotel. Immerse yourself in world-class comfort, exceptional service, and unforgettable memories."
|
|
tag="5-Star Hotel"
|
|
tagIcon={Star}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766837631730-3p442mol.jpg"
|
|
imageAlt="Luxury hotel lobby and entrance"
|
|
imagePosition="right"
|
|
avatars={[
|
|
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163678723-295psgl3.jpg", alt: "Guest" },
|
|
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg", alt: "Guest" },
|
|
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767285661408-9193cfrh.png", alt: "Guest" }
|
|
]}
|
|
avatarText="Join 10,000+ satisfied guests"
|
|
buttons={[
|
|
{ text: "Book Your Stay", href: "contact" },
|
|
{ text: "Explore Rooms", href: "rooms" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TagAbout
|
|
tag="About Our Hotel"
|
|
description="Since 1995, we have been committed to delivering exceptional hospitality experiences. Our dedicated team ensures every guest enjoys personalized service, luxurious accommodations, and world-class amenities. We combine timeless elegance with modern comfort to create unforgettable stays."
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="rooms" data-section="rooms">
|
|
<FeatureCardThirteen
|
|
title="Our Room Collection"
|
|
description="Choose from our carefully curated selection of rooms and suites, each designed for maximum comfort and elegance."
|
|
tag="Accommodations"
|
|
features={[
|
|
{
|
|
id: "01",
|
|
title: "Standard Room",
|
|
description: "Cozy and comfortable rooms perfect for business travelers and couples. Features modern amenities, premium bedding, and city views."
|
|
},
|
|
{
|
|
id: "02",
|
|
title: "Deluxe Room",
|
|
description: "Spacious rooms with luxury furnishings, marble bathrooms, and premium toiletries. Ideal for extended stays and special occasions."
|
|
},
|
|
{
|
|
id: "03",
|
|
title: "Premium Suite",
|
|
description: "Our finest accommodations with separate living areas, panoramic views, and personalized concierge service available 24/7."
|
|
},
|
|
{
|
|
id: "04",
|
|
title: "Presidential Suite",
|
|
description: "Ultimate luxury with multi-room layouts, state-of-the-art technology, and exclusive access to our VIP lounge and amenities."
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="amenities" data-section="amenities">
|
|
<ProductCardFour
|
|
title="World-Class Amenities"
|
|
description="From spa to fitness center, our premium facilities are designed to enhance your stay and create lasting memories."
|
|
tag="Features"
|
|
products={[
|
|
{
|
|
id: "spa",
|
|
name: "Spa & Wellness Center",
|
|
price: "Complimentary",
|
|
variant: "Massage, sauna, steam room",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766754765343-zikp31v3.jpg",
|
|
imageAlt: "Spa and wellness center"
|
|
},
|
|
{
|
|
id: "gym",
|
|
name: "24/7 Fitness Center",
|
|
price: "Complimentary",
|
|
variant: "Equipment, yoga classes, personal training",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767285660236-k27cgnlo.jpg",
|
|
imageAlt: "Modern fitness center"
|
|
},
|
|
{
|
|
id: "pool",
|
|
name: "Olympic Pool",
|
|
price: "Complimentary",
|
|
variant: "Heated water, kids area, lounging deck",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766754766208-6g0aukkl.jpg",
|
|
imageAlt: "Resort swimming pool"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardEight
|
|
title="Flexible Room Packages"
|
|
description="Choose the perfect package for your needs. All rates include complimentary breakfast and airport transfers."
|
|
tag="Best Rates"
|
|
plans={[
|
|
{
|
|
id: "weekend",
|
|
badge: "Popular",
|
|
badgeIcon: Sparkles,
|
|
price: "$189/night",
|
|
subtitle: "Perfect for weekend getaways",
|
|
buttons: [{ text: "Book Now", href: "contact" }],
|
|
features: [
|
|
"Deluxe room with city view",
|
|
"Complimentary breakfast",
|
|
"Free Wi-Fi and parking",
|
|
"Pool and gym access",
|
|
"Room service available"
|
|
]
|
|
},
|
|
{
|
|
id: "extended",
|
|
badge: "Best Value",
|
|
badgeIcon: Sparkles,
|
|
price: "$149/night",
|
|
subtitle: "Great for 7+ night stays",
|
|
buttons: [{ text: "Book Now", href: "contact" }],
|
|
features: [
|
|
"Standard room with amenities",
|
|
"Complimentary breakfast daily",
|
|
"Free Wi-Fi and parking",
|
|
"Full facility access",
|
|
"Late checkout available"
|
|
]
|
|
},
|
|
{
|
|
id: "luxury",
|
|
badge: "Premium",
|
|
badgeIcon: Sparkles,
|
|
price: "$349/night",
|
|
subtitle: "Our most luxurious experience",
|
|
buttons: [{ text: "Book Now", href: "contact" }],
|
|
features: [
|
|
"Premium suite with lounge access",
|
|
"Breakfast and evening appetizers",
|
|
"Concierge service 24/7",
|
|
"Spa credits included",
|
|
"Priority everything"
|
|
]
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
title="What Our Guests Say"
|
|
description="Read heartfelt reviews from travelers who have experienced our hospitality."
|
|
tag="Testimonials"
|
|
showRating={true}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Sarah Mitchell",
|
|
handle: "@sarahmitchell",
|
|
testimonial: "An absolute dream stay! The staff was incredibly attentive, the rooms were immaculate, and the amenities were world-class. Will definitely return.",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163678723-295psgl3.jpg",
|
|
imageAlt: "Sarah Mitchell"
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "James Rodriguez",
|
|
handle: "@jamesrod",
|
|
testimonial: "Perfect location, beautiful rooms, and exceptional service. The spa treatment was the highlight of my business trip. Highly recommended!",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg",
|
|
imageAlt: "James Rodriguez"
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Emma Thompson",
|
|
handle: "@emmathompson",
|
|
testimonial: "We celebrated our anniversary here and it was magical. Every detail was perfect, from the room setup to the personalized service.",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767285661408-9193cfrh.png",
|
|
imageAlt: "Emma Thompson"
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Michael Chen",
|
|
handle: "@mchen",
|
|
testimonial: "Outstanding value for money. The breakfast buffet is incredible, and the 24/7 fitness center is excellent. Will book again soon.",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767202265921-ux6avpeh.jpg",
|
|
imageAlt: "Michael Chen"
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Lisa Anderson",
|
|
handle: "@lisaanderson",
|
|
testimonial: "Stayed for a week with my family. Kids loved the pool, we loved the spa. The staff made everything seamless and enjoyable.",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183841431-v1xtegko.jpg",
|
|
imageAlt: "Lisa Anderson"
|
|
},
|
|
{
|
|
id: "6",
|
|
name: "David Park",
|
|
handle: "@davidpark",
|
|
testimonial: "Premium experience at reasonable rates. The attention to detail is remarkable. This is my go-to hotel whenever I visit the city.",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184200876-idjoemdc.jpg",
|
|
imageAlt: "David Park"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Get In Touch"
|
|
title="Ready to Book Your Stay?"
|
|
description="Sign up for exclusive offers, travel tips, and special promotions delivered directly to your inbox."
|
|
tagIcon={Mail}
|
|
inputPlaceholder="Enter your email address"
|
|
buttonText="Subscribe"
|
|
termsText="We respect your privacy. Unsubscribe anytime or visit our privacy policy."
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSplit
|
|
logoText="Luxury Stays"
|
|
title="Experience Unforgettable Moments at Our Premium Hotel"
|
|
columns={[
|
|
{
|
|
title: "Rooms",
|
|
items: [
|
|
{ label: "Standard Room", href: "#rooms" },
|
|
{ label: "Deluxe Room", href: "#rooms" },
|
|
{ label: "Premium Suite", href: "#rooms" },
|
|
{ label: "Presidential Suite", href: "#rooms" }
|
|
]
|
|
},
|
|
{
|
|
title: "About",
|
|
items: [
|
|
{ label: "Our Story", href: "#about" },
|
|
{ label: "Amenities", href: "#amenities" },
|
|
{ label: "Testimonials", href: "#testimonials" },
|
|
{ label: "Careers", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Policies",
|
|
items: [
|
|
{ label: "Cancellation Policy", href: "#" },
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms & Conditions", href: "#" },
|
|
{ label: "Cookie Settings", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Connect",
|
|
items: [
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
{ label: "Facebook", href: "https://facebook.com" },
|
|
{ label: "Twitter", href: "https://twitter.com" },
|
|
{ label: "LinkedIn", href: "https://linkedin.com" }
|
|
]
|
|
}
|
|
]}
|
|
contactItems={[
|
|
{ icon: Phone, text: "+1 (555) 123-4567" },
|
|
{ icon: Mail, text: "reservations@luxurystays.com" },
|
|
{ icon: MapPin, text: "123 Prestige Boulevard, Downtown City, ST 12345" }
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |