Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 363640eb89 |
286
src/app/page.tsx
286
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Rooms",
|
||||
id: "#rooms",
|
||||
},
|
||||
name: "Rooms", id: "#rooms"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="StayBook"
|
||||
/>
|
||||
@@ -56,53 +48,30 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Your Home Away From Home"
|
||||
description="Experience unparalleled comfort and convenience with our premium room booking service designed for every traveler."
|
||||
carouselItems={[
|
||||
{
|
||||
id: "c1",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1fmsnb",
|
||||
imageAlt: "luxury hotel interior photography",
|
||||
},
|
||||
id: "c1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1fmsnb", imageAlt: "luxury hotel interior photography"},
|
||||
{
|
||||
id: "c2",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8by64g",
|
||||
imageAlt: "cozy apartment interior living space",
|
||||
},
|
||||
id: "c2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8by64g", imageAlt: "cozy apartment interior living space"},
|
||||
{
|
||||
id: "c3",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fatwoa",
|
||||
imageAlt: "hotel lobby interior design",
|
||||
},
|
||||
id: "c3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fatwoa", imageAlt: "hotel lobby interior design"},
|
||||
{
|
||||
id: "c4",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y6tmmd",
|
||||
imageAlt: "luxury resort lounge interior",
|
||||
},
|
||||
id: "c4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y6tmmd", imageAlt: "luxury resort lounge interior"},
|
||||
{
|
||||
id: "c5",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xdtzo3",
|
||||
imageAlt: "hotel balcony city view sunset",
|
||||
},
|
||||
id: "c5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xdtzo3", imageAlt: "hotel balcony city view sunset"},
|
||||
{
|
||||
id: "c6",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vrzonm",
|
||||
imageAlt: "luxury hotel bedding suite",
|
||||
},
|
||||
id: "c6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vrzonm", imageAlt: "luxury hotel bedding suite"},
|
||||
]}
|
||||
tag="Luxury Hospitality"
|
||||
tagIcon={Sparkles}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#rooms",
|
||||
},
|
||||
text: "Find Your Stay", href: "#rooms"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -112,14 +81,10 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Redefining Hospitality"
|
||||
description={[
|
||||
"Our mission is to provide seamless, high-quality stays for guests who appreciate attention to detail and modern comfort.",
|
||||
"We carefully curate every property to ensure you get the best experience possible, whether you're traveling for business or pleasure.",
|
||||
]}
|
||||
"Our mission is to provide seamless, high-quality stays for guests who appreciate attention to detail and modern comfort.", "We carefully curate every property to ensure you get the best experience possible, whether you're traveling for business or pleasure."]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Services",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Explore Services", href: "#features"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -132,29 +97,19 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Wifi,
|
||||
title: "High-Speed Internet",
|
||||
description: "Stay connected with lightning-fast Wi-Fi available in every room.",
|
||||
},
|
||||
title: "High-Speed Internet", description: "Stay connected with lightning-fast Wi-Fi available in every room."},
|
||||
{
|
||||
icon: Coffee,
|
||||
title: "Breakfast Included",
|
||||
description: "Start your day right with a delicious breakfast served fresh daily.",
|
||||
},
|
||||
title: "Breakfast Included", description: "Start your day right with a delicious breakfast served fresh daily."},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "24/7 Security",
|
||||
description: "Rest easy knowing our properties have round-the-clock security surveillance.",
|
||||
},
|
||||
title: "24/7 Security", description: "Rest easy knowing our properties have round-the-clock security surveillance."},
|
||||
{
|
||||
icon: MapPin,
|
||||
title: "Prime Locations",
|
||||
description: "Ideally situated near top attractions and business districts.",
|
||||
},
|
||||
title: "Prime Locations", description: "Ideally situated near top attractions and business districts."},
|
||||
{
|
||||
icon: CalendarDays,
|
||||
title: "Flexible Booking",
|
||||
description: "Hassle-free reservation management and easy cancellation.",
|
||||
},
|
||||
title: "Flexible Booking", description: "Hassle-free reservation management and easy cancellation."},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="We offer more than just a place to sleep. Discover the perks of booking with StayBook."
|
||||
@@ -169,65 +124,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "r1",
|
||||
brand: "Standard",
|
||||
name: "Superior Queen",
|
||||
price: "$120/night",
|
||||
rating: 4.8,
|
||||
reviewCount: "124",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ot0zmx",
|
||||
imageAlt: "superior queen room modern hotel",
|
||||
},
|
||||
id: "r1", brand: "Standard", name: "Superior Queen", price: "$120/night", rating: 4.8,
|
||||
reviewCount: "124", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ot0zmx", imageAlt: "superior queen room modern hotel"},
|
||||
{
|
||||
id: "r2",
|
||||
brand: "Deluxe",
|
||||
name: "King Suite",
|
||||
price: "$250/night",
|
||||
rating: 4.9,
|
||||
reviewCount: "89",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=skwy10",
|
||||
imageAlt: "spacious deluxe hotel suite",
|
||||
},
|
||||
id: "r2", brand: "Deluxe", name: "King Suite", price: "$250/night", rating: 4.9,
|
||||
reviewCount: "89", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=skwy10", imageAlt: "spacious deluxe hotel suite"},
|
||||
{
|
||||
id: "r3",
|
||||
brand: "Executive",
|
||||
name: "Modern Studio",
|
||||
price: "$180/night",
|
||||
rating: 4.7,
|
||||
reviewCount: "156",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1faa74",
|
||||
imageAlt: "executive studio hotel room",
|
||||
},
|
||||
id: "r3", brand: "Executive", name: "Modern Studio", price: "$180/night", rating: 4.7,
|
||||
reviewCount: "156", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1faa74", imageAlt: "executive studio hotel room"},
|
||||
{
|
||||
id: "r4",
|
||||
brand: "Family",
|
||||
name: "Family Suite",
|
||||
price: "$300/night",
|
||||
rating: 4.9,
|
||||
reviewCount: "210",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6zcprg",
|
||||
imageAlt: "spacious family hotel suite",
|
||||
},
|
||||
id: "r4", brand: "Family", name: "Family Suite", price: "$300/night", rating: 4.9,
|
||||
reviewCount: "210", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6zcprg", imageAlt: "spacious family hotel suite"},
|
||||
{
|
||||
id: "r5",
|
||||
brand: "Luxury",
|
||||
name: "Penthouse Suite",
|
||||
price: "$600/night",
|
||||
rating: 5,
|
||||
reviewCount: "45",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eef8o3",
|
||||
imageAlt: "luxury hotel penthouse suite",
|
||||
},
|
||||
id: "r5", brand: "Luxury", name: "Penthouse Suite", price: "$600/night", rating: 5,
|
||||
reviewCount: "45", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eef8o3", imageAlt: "luxury hotel penthouse suite"},
|
||||
{
|
||||
id: "r6",
|
||||
brand: "Accessible",
|
||||
name: "Twin Suite",
|
||||
price: "$140/night",
|
||||
rating: 4.7,
|
||||
reviewCount: "67",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d5jn3e",
|
||||
imageAlt: "spacious accessible twin room",
|
||||
},
|
||||
id: "r6", brand: "Accessible", name: "Twin Suite", price: "$140/night", rating: 4.7,
|
||||
reviewCount: "67", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d5jn3e", imageAlt: "spacious accessible twin room"},
|
||||
]}
|
||||
title="Featured Rooms"
|
||||
description="Discover our collection of premium rooms designed to fit your unique travel needs and style."
|
||||
@@ -241,36 +154,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$99",
|
||||
subtitle: "Perfect for casual travelers",
|
||||
features: [
|
||||
"10% off bookings",
|
||||
"Early check-in",
|
||||
],
|
||||
id: "basic", badge: "Essential", price: "$99", subtitle: "Perfect for casual travelers", features: [
|
||||
"10% off bookings", "Early check-in"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Popular",
|
||||
price: "$199",
|
||||
subtitle: "For frequent travelers",
|
||||
features: [
|
||||
"20% off bookings",
|
||||
"Free breakfast",
|
||||
"Late check-out",
|
||||
],
|
||||
id: "pro", badge: "Popular", price: "$199", subtitle: "For frequent travelers", features: [
|
||||
"20% off bookings", "Free breakfast", "Late check-out"],
|
||||
},
|
||||
{
|
||||
id: "elite",
|
||||
badge: "Exclusive",
|
||||
price: "$399",
|
||||
subtitle: "For luxury seekers",
|
||||
features: [
|
||||
"30% off bookings",
|
||||
"Free upgrades",
|
||||
"Priority concierge",
|
||||
],
|
||||
id: "elite", badge: "Exclusive", price: "$399", subtitle: "For luxury seekers", features: [
|
||||
"30% off bookings", "Free upgrades", "Priority concierge"],
|
||||
},
|
||||
]}
|
||||
title="Membership Plans"
|
||||
@@ -286,20 +179,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15,000+",
|
||||
description: "Happy Guests",
|
||||
},
|
||||
id: "m1", value: "15,000+", description: "Happy Guests"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
description: "Hand-picked Properties",
|
||||
},
|
||||
id: "m2", value: "500+", description: "Hand-picked Properties"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4.9/5",
|
||||
description: "Avg Guest Rating",
|
||||
},
|
||||
id: "m3", value: "4.9/5", description: "Avg Guest Rating"},
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Building a global community of satisfied travelers."
|
||||
@@ -314,50 +198,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
role: "Entrepreneur",
|
||||
company: "TechStartup",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jyqeut",
|
||||
imageAlt: "professional woman business traveler",
|
||||
},
|
||||
id: "t1", name: "Sarah Miller", role: "Entrepreneur", company: "TechStartup", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jyqeut", imageAlt: "professional woman business traveler"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "James Wilson",
|
||||
role: "Manager",
|
||||
company: "GlobalCo",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wkdtf4",
|
||||
imageAlt: "friendly male traveler portrait",
|
||||
},
|
||||
id: "t2", name: "James Wilson", role: "Manager", company: "GlobalCo", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wkdtf4", imageAlt: "friendly male traveler portrait"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Rodriguez",
|
||||
role: "Designer",
|
||||
company: "CreativeStudio",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t0dn2s",
|
||||
imageAlt: "creative professional headshot",
|
||||
},
|
||||
id: "t3", name: "Elena Rodriguez", role: "Designer", company: "CreativeStudio", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t0dn2s", imageAlt: "creative professional headshot"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Linda Thompson",
|
||||
role: "Retired",
|
||||
company: "N/A",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9ym0jd",
|
||||
imageAlt: "happy senior traveler portrait",
|
||||
},
|
||||
id: "t4", name: "Linda Thompson", role: "Retired", company: "N/A", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9ym0jd", imageAlt: "happy senior traveler portrait"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Marc & Chloe",
|
||||
role: "Travelers",
|
||||
company: "Vloggers",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k6l6jm",
|
||||
imageAlt: "laughing young couple traveler",
|
||||
},
|
||||
id: "t5", name: "Marc & Chloe", role: "Travelers", company: "Vloggers", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k6l6jm", imageAlt: "laughing young couple traveler"},
|
||||
]}
|
||||
title="What Guests Say"
|
||||
description="Don't just take our word for it. Read about the experiences of travelers who have stayed with us."
|
||||
@@ -368,8 +222,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact"
|
||||
title="Get In Touch"
|
||||
description="Have questions about your booking? Our support team is here to help 24/7."
|
||||
@@ -383,42 +236,27 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Room Booking",
|
||||
href: "#rooms",
|
||||
},
|
||||
label: "Room Booking", href: "#rooms"},
|
||||
{
|
||||
label: "Concierge",
|
||||
href: "#",
|
||||
},
|
||||
label: "Concierge", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -428,4 +266,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user