Update src/app/page.tsx

This commit is contained in:
2026-04-19 03:54:14 +00:00
parent e3917bacb6
commit 46f81b3381

View File

@@ -29,22 +29,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Rooms",
id: "/rooms",
},
{
name: "Booking",
id: "/booking",
},
{
name: "Contact",
id: "/contact",
},
{ name: "Home", id: "/" },
{ name: "Rooms", id: "/rooms" },
{ name: "Booking", id: "/booking" },
{ name: "Contact", id: "/contact" },
]}
brandName="Serene Haven"
/>
@@ -52,33 +40,15 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Escape to Your Private Paradise"
description="Experience unparalleled luxury nestled in nature's heart. Book your unforgettable retreat today."
tag="Award-Winning Resort"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-natural-view-landscape_23-2150788008.jpg",
imageAlt: "Aerial view of resort",
},
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-natural-view-landscape_23-2150788008.jpg", imageAlt: "Aerial view of resort"},
{
imageSrc: "http://img.b2bpic.net/free-photo/beach-chair-resort_1150-17976.jpg",
imageAlt: "Resort garden oasis",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-nature-aerial-view_23-2151912595.jpg",
imageAlt: "Beautiful nature aerial view",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-sandy-beach-with-tourists-swimming_335224-702.jpg",
imageAlt: "Aerial view of sandy beach with tourists swimming.",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-aerial-view-beach-sea_74190-6782.jpg",
imageAlt: "Beautiful Aerial view of beach and sea",
},
imageSrc: "http://img.b2bpic.net/free-photo/beach-chair-resort_1150-17976.jpg", imageAlt: "Resort garden oasis"}
]}
mediaAnimation="slide-up"
rating={5}
@@ -91,21 +61,9 @@ export default function LandingPage() {
useInvertedBackground={false}
title="A Legacy of Excellence"
metrics={[
{
icon: MapPin,
label: "Locations",
value: "15",
},
{
icon: Users,
label: "Happy Guests",
value: "100k+",
},
{
icon: Award,
label: "Awards Won",
value: "45",
},
{ icon: MapPin, label: "Locations", value: "15" },
{ icon: Users, label: "Happy Guests", value: "100k+" },
{ icon: Award, label: "Awards Won", value: "45" },
]}
metricsAnimation="slide-up"
/>
@@ -118,34 +76,13 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "1",
label: "Wellness",
title: "Spa & Retreat",
items: [
"Sauna access",
"Hot stone massage",
"Zen garden",
],
id: "1", label: "Wellness", title: "Spa & Retreat", items: ["Sauna access", "Hot stone massage", "Zen garden"],
},
{
id: "2",
label: "Dining",
title: "Gourmet Cuisine",
items: [
"Fine dining",
"Room service",
"Private wine cellar",
],
id: "2", label: "Dining", title: "Gourmet Cuisine", items: ["Fine dining", "Room service", "Private wine cellar"],
},
{
id: "3",
label: "Leisure",
title: "Active Living",
items: [
"Fitness gym",
"Private pools",
"Tennis court",
],
id: "3", label: "Leisure", title: "Active Living", items: ["Fitness gym", "Private pools", "Tennis court"],
},
]}
title="Exclusive Amenities"
@@ -160,40 +97,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Alice B.",
handle: "@aliceb",
testimonial: "The best resort experience I've had.",
imageSrc: "http://img.b2bpic.net/free-photo/young-brunette-woman-is-enjoying-morning-with-cup-hot-drink-book-her-hands_169016-10679.jpg",
},
id: "t1", name: "Alice B.", handle: "@aliceb", testimonial: "The best resort experience I've had.", imageSrc: "http://img.b2bpic.net/free-photo/young-brunette-woman-is-enjoying-morning-with-cup-hot-drink-book-her-hands_169016-10679.jpg"},
{
id: "t2",
name: "John D.",
handle: "@johnd",
testimonial: "Everything was perfect, from the service to the view.",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-holding-hands-seaside_23-2149313164.jpg",
},
id: "t2", name: "John D.", handle: "@johnd", testimonial: "Everything was perfect, from the service to the view.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-friends-holding-hands-seaside_23-2149313164.jpg"},
{
id: "t3",
name: "Sarah P.",
handle: "@sarahp",
testimonial: "Absolutely stunning property. Will return.",
imageSrc: "http://img.b2bpic.net/free-photo/skater-girl-posing_1321-1116.jpg",
},
id: "t3", name: "Sarah P.", handle: "@sarahp", testimonial: "Absolutely stunning property. Will return.", imageSrc: "http://img.b2bpic.net/free-photo/skater-girl-posing_1321-1116.jpg"},
{
id: "t4",
name: "Mark L.",
handle: "@markl",
testimonial: "A true five-star luxury escape.",
imageSrc: "http://img.b2bpic.net/free-photo/pretty-brunette-woman-straw-hat-sitting-cozy-tropical-terrace_273443-3787.jpg",
},
id: "t4", name: "Mark L.", handle: "@markl", testimonial: "A true five-star luxury escape.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-brunette-woman-straw-hat-sitting-cozy-tropical-terrace_273443-3787.jpg"},
{
id: "t5",
name: "Emily C.",
handle: "@emilyc",
testimonial: "Heaven on earth. Highly recommended.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-tropical-park_1163-3430.jpg",
},
id: "t5", name: "Emily C.", handle: "@emilyc", testimonial: "Heaven on earth. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-tropical-park_1163-3430.jpg"},
]}
title="Guest Experiences"
description="Hear what our beloved guests have to say about their stay."
@@ -203,18 +115,11 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Book Now"
title="Start Your Luxury Journey"
description="Spaces are limited. Secure your dates at our exclusive resort today for the best rates."
buttons={[
{
text: "Reserve Your Suite",
href: "/booking",
},
]}
buttons={[{ text: "Reserve Your Suite", href: "/booking" }]}
/>
</div>
@@ -222,29 +127,15 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Company",
items: [
{
label: "About Us",
href: "/",
},
{
label: "Careers",
href: "#",
},
title: "Company", items: [
{ label: "About Us", href: "/" },
{ label: "Careers", href: "#" },
],
},
{
title: "Support",
items: [
{
label: "FAQ",
href: "#",
},
{
label: "Contact",
href: "/contact",
},
title: "Support", items: [
{ label: "FAQ", href: "#" },
{ label: "Contact", href: "/contact" },
],
},
]}