Initial commit
This commit is contained in:
214
src/app/page.tsx
Normal file
214
src/app/page.tsx
Normal file
@@ -0,0 +1,214 @@
|
||||
"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: "aurora" }}
|
||||
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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user