165 lines
8.4 KiB
TypeScript
165 lines
8.4 KiB
TypeScript
"use client";
|
|
import Link from "next/link";
|
|
import { Sparkles, Home, Star, MessageCircle, Gift, Sun, Heart, Users, Mail } from "lucide-react";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
|
|
export default function HomePage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="small"
|
|
sizing="largeSmall"
|
|
background="aurora"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Luxe Haven"
|
|
navItems={[
|
|
{ name: "Rooms", id: "/rooms" },
|
|
{ name: "Amenities", id: "/amenities" },
|
|
{ name: "Reviews", id: "/reviews" },
|
|
{ name: "Offers", id: "/offers" },
|
|
]}
|
|
button={{
|
|
text: "Book Now", href: "#booking"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardScroll
|
|
title="Experience Timeless Luxury at Luxe Haven"
|
|
description="Discover the perfect escape with world-class amenities, breathtaking views, and personalized service. Your sanctuary awaits."
|
|
tag="5-Star Hospitality"
|
|
tagIcon={Sparkles}
|
|
background={{ variant: "radial-gradient" }}
|
|
imageSrc="https://img.b2bpic.net/free-photo/wooden-sauna-with-mountain-view-panoramic-calm_169016-70823.jpg"
|
|
imageAlt="Luxe Haven Hotel - Luxury accommodation with stunning architecture"
|
|
buttons={[
|
|
{ text: "Book Your Stay", href: "#rooms" },
|
|
{ text: "Explore Amenities", href: "/amenities" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="rooms" data-section="rooms">
|
|
<ProductCardFour
|
|
title="Our Signature Room Collections"
|
|
description="Hand-curated accommodations designed for comfort and elegance"
|
|
tag="Featured Rooms"
|
|
tagIcon={Home}
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
useInvertedBackground="invertDefault"
|
|
carouselMode="buttons"
|
|
products={[
|
|
{
|
|
id: "suite", name: "Presidential Suite", price: "$450", variant: "2 Beds • King Size Master", imageSrc: "https://img.b2bpic.net/free-photo/panoramic-sauna-view-organic-wooden-columns-resort-style-wellness_169016-68883.jpg", imageAlt: "Luxurious Presidential Suite with panoramic views", isFavorited: false,
|
|
},
|
|
{
|
|
id: "deluxe", name: "Deluxe Room", price: "$280", variant: "King Bed • City View", imageSrc: "https://img.b2bpic.net/free-photo/modern-sauna-with-panoramic-windows-wooden-design_169016-70021.jpg", imageAlt: "Spacious Deluxe Room with modern amenities", isFavorited: false,
|
|
},
|
|
{
|
|
id: "standard", name: "Standard Room", price: "$150", variant: "Twin Beds • Garden View", imageSrc: "https://img.b2bpic.net/free-photo/bellhop-offering-services-woman-lounge-area-waiting-room-check-seaside-hotel-tourist-sitting-couch-talking-hotel-concierge-summer-clothes-handheld-shot_482257-67916.jpg", imageAlt: "Comfortable Standard Room perfect for every guest", isFavorited: false,
|
|
},
|
|
]}
|
|
buttons={[{ text: "View All Rooms", href: "/rooms" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardTwelve
|
|
cardTitle="Trusted by over 50,000 satisfied guests worldwide"
|
|
cardTag="See what our guests say"
|
|
cardTagIcon={MessageCircle}
|
|
useInvertedBackground="noInvert"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Johnson", imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", imageAlt: "Sarah Johnson - Guest Review"},
|
|
{
|
|
id: "2", name: "Michael Chen", imageSrc: "https://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg", imageAlt: "Michael Chen - Guest Review"},
|
|
{
|
|
id: "3", name: "Emma Rodriguez", imageSrc: "https://img.b2bpic.net/free-photo/portrait-business-woman-office_1398-6.jpg", imageAlt: "Emma Rodriguez - Guest Review"},
|
|
{
|
|
id: "4", name: "David Kim", imageSrc: "https://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", imageAlt: "David Kim - Guest Review"},
|
|
{
|
|
id: "5", name: "Lisa Anderson", imageSrc: "https://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg", imageAlt: "Lisa Anderson - Guest Review"},
|
|
{
|
|
id: "6", name: "James Wilson", imageSrc: "https://img.b2bpic.net/free-photo/portrait-confident-businesswoman_107420-84872.jpg", imageAlt: "James Wilson - Guest Review"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Stay Connected"
|
|
tagIcon={Mail}
|
|
title="Subscribe to Our Newsletter"
|
|
description="Receive exclusive offers, travel tips, and updates about special events delivered straight to your inbox. Be the first to know about our latest promotions and new amenities."
|
|
inputPlaceholder="your@email.com"
|
|
buttonText="Subscribe"
|
|
termsText="We respect your privacy. Unsubscribe at any time. Check our Privacy Policy for details on how we handle your information."
|
|
useInvertedBackground="invertDefault"
|
|
/>
|
|
</div>
|
|
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Rooms & Rates", items: [
|
|
{ label: "Room Types", href: "/rooms" },
|
|
{ label: "Current Offers", href: "/offers" },
|
|
{ label: "Group Bookings", href: "/contact" },
|
|
{ label: "Corporate Rates", href: "/contact" },
|
|
],
|
|
},
|
|
{
|
|
title: "Amenities", items: [
|
|
{ label: "Spa & Wellness", href: "/amenities" },
|
|
{ label: "Fine Dining", href: "/amenities" },
|
|
{ label: "Swimming Pool", href: "/amenities" },
|
|
{ label: "Fitness Center", href: "/amenities" },
|
|
],
|
|
},
|
|
{
|
|
title: "Guest Services", items: [
|
|
{ label: "Concierge", href: "/contact" },
|
|
{ label: "Room Service", href: "/contact" },
|
|
{ label: "Housekeeping", href: "/contact" },
|
|
{ label: "Guest Support", href: "/contact" },
|
|
],
|
|
},
|
|
{
|
|
title: "About", items: [
|
|
{ label: "Our Story", href: "/about" },
|
|
{ label: "Careers", href: "/about" },
|
|
{ label: "Sustainability", href: "/about" },
|
|
{ label: "Media", href: "/about" },
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "/legal" },
|
|
{ label: "Terms of Service", href: "/legal" },
|
|
{ label: "Cookie Policy", href: "/legal" },
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="© 2025 Luxe Haven Hotel. All rights reserved."
|
|
bottomRightText="Crafted with elegance for travelers worldwide"
|
|
/>
|
|
</ThemeProvider>
|
|
);
|
|
} |