bender/699663c8-307c-4767-90d7-731891df1394
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-05 19:57:41 +00:00
parent 8936eae8d2
commit 259ed49c1e
1 changed files with 60 additions and 196 deletions
Download Patch File Download Diff File Expand all files Collapse all files

256
src/app/page.tsx
View File

@@ -32,21 +32,13 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "Experience",
id: "features",
},
name: "Experience", id: "features"},
{
name: "Reviews",
id: "testimonials",
},
name: "Reviews", id: "testimonials"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Diani Bay Resort"
/>
@@ -55,68 +47,43 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Escape to Paradise at Diani Bay Resort"
description="Experience the ultimate coastal retreat where white sandy beaches meet turquoise waters. Your tranquil escape awaits in the heart of Diani."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-happy-smile-relax-around-outdoor-swimming-pool-hotel-resort_74190-10093.jpg",
alt: "Guest",
},
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-happy-smile-relax-around-outdoor-swimming-pool-hotel-resort_74190-10093.jpg", alt: "Guest"},
{
src: "http://img.b2bpic.net/free-photo/couple-chilling-beach_23-2147648997.jpg",
alt: "Guest",
},
src: "http://img.b2bpic.net/free-photo/couple-chilling-beach_23-2147648997.jpg", alt: "Guest"},
{
src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-red-turtleneck-summer-hat-looking-happy-cheerful-smiling-broadly-showing-v-sign_141793-128338.jpg",
alt: "Guest",
},
src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-red-turtleneck-summer-hat-looking-happy-cheerful-smiling-broadly-showing-v-sign_141793-128338.jpg", alt: "Guest"},
{
src: "http://img.b2bpic.net/free-photo/beautiful-young-asian-woman-happy-smiling-balcony_74190-10554.jpg",
alt: "Guest",
},
src: "http://img.b2bpic.net/free-photo/beautiful-young-asian-woman-happy-smiling-balcony_74190-10554.jpg", alt: "Guest"},
{
src: "http://img.b2bpic.net/free-photo/smiling-female-friends-enjoying-beach_23-2147883436.jpg",
alt: "Guest",
},
src: "http://img.b2bpic.net/free-photo/smiling-female-friends-enjoying-beach_23-2147883436.jpg", alt: "Guest"},
]}
avatarText="Join 1000+ satisfied guests"
buttons={[
{
text: "Book Your Stay",
href: "#contact",
},
text: "Book Your Stay", href: "#contact"},
{
text: "Explore Gallery",
href: "#features",
},
text: "Explore Gallery", href: "#features"},
]}
marqueeItems={[
{
type: "text-icon",
text: "5-Star Service",
icon: Star,
type: "text-icon", text: "5-Star Service", icon: Star,
},
{
type: "text-icon",
text: "Beachfront Access",
icon: Waves,
type: "text-icon", text: "Beachfront Access", icon: Waves,
},
{
type: "text-icon",
text: "Luxury Spa",
icon: Sparkles,
type: "text-icon", text: "Luxury Spa", icon: Sparkles,
},
{
type: "text-icon",
text: "Gourmet Dining",
icon: Utensils,
type: "text-icon", text: "Gourmet Dining", icon: Utensils,
},
{
type: "text-icon",
text: "24/7 Concierge",
icon: Bell,
type: "text-icon", text: "24/7 Concierge", icon: Bell,
},
]}
/>
@@ -130,25 +97,13 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "3.8+",
title: "Guest Rating",
description: "Consistently rated highly for service",
icon: Star,
id: "m1", value: "3.8+", title: "Guest Rating", description: "Consistently rated highly for service", icon: Star,
},
{
id: "m2",
value: "100+",
title: "Photos Shared",
description: "Capture the beauty of your stay",
icon: Camera,
id: "m2", value: "100+", title: "Photos Shared", description: "Capture the beauty of your stay", icon: Camera,
},
{
id: "m3",
value: "24/7",
title: "Guest Support",
description: "Always here to make you comfortable",
icon: PhoneCall,
id: "m3", value: "24/7", title: "Guest Support", description: "Always here to make you comfortable", icon: PhoneCall,
},
]}
title="Why Choose Diani Bay"
@@ -163,79 +118,52 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Luxury Accommodations",
description: "Spacious rooms designed with coastal elegance and comfort in mind, overlooking the Indian Ocean.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/summer-sky-bungalow-palm-swimming_1253-648.jpg",
imageAlt: "Luxury Room",
},
title: "Luxury Accommodations", description: "Spacious rooms designed with coastal elegance and comfort in mind, overlooking the Indian Ocean.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/summer-sky-bungalow-palm-swimming_1253-648.jpg", imageAlt: "Luxury Room"},
items: [
{
icon: CheckCircle,
text: "Ocean views",
},
text: "Ocean views"},
{
icon: CheckCircle,
text: "Modern furnishings",
},
text: "Modern furnishings"},
{
icon: CheckCircle,
text: "Daily housekeeping",
},
text: "Daily housekeeping"},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/umbrellas-reflected-water_1203-315.jpg",
imageAlt: "luxury suite resort room view",
},
{
title: "World-Class Amenities",
description: "Dive into our refreshing pools, enjoy spa treatments, or take a direct stroll to the beach.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-caucasian-tanned-woman-bikini-straw-hat-with-floating-breakfast-amazing-luxury-bali-style-villa-sunny-day-by-swimming-pool-tropical-background_343596-1148.jpg",
imageAlt: "Swimming Pool",
},
title: "World-Class Amenities", description: "Dive into our refreshing pools, enjoy spa treatments, or take a direct stroll to the beach.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-caucasian-tanned-woman-bikini-straw-hat-with-floating-breakfast-amazing-luxury-bali-style-villa-sunny-day-by-swimming-pool-tropical-background_343596-1148.jpg", imageAlt: "Swimming Pool"},
items: [
{
icon: CheckCircle,
text: "Infinity pool",
},
text: "Infinity pool"},
{
icon: CheckCircle,
text: "Spa & wellness center",
},
text: "Spa & wellness center"},
{
icon: CheckCircle,
text: "Beach access",
},
text: "Beach access"},
],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/waiter-holds-plate-grilled-smoked-salmon-with-lettuce-tomato-pepper_140725-522.jpg",
imageAlt: "luxury suite resort room view",
},
{
title: "Dining Excellence",
description: "Savor locally sourced ingredients and international cuisine in our beachfront restaurant.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-happy-smile-relax-around-outdoor-swimming-pool-hotel-resort_74190-10093.jpg",
imageAlt: "Dining Area",
},
title: "Dining Excellence", description: "Savor locally sourced ingredients and international cuisine in our beachfront restaurant.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-happy-smile-relax-around-outdoor-swimming-pool-hotel-resort_74190-10093.jpg", imageAlt: "Dining Area"},
items: [
{
icon: CheckCircle,
text: "Fresh seafood",
},
text: "Fresh seafood"},
{
icon: CheckCircle,
text: "Beachfront dining",
},
text: "Beachfront dining"},
{
icon: CheckCircle,
text: "Curated wine list",
},
text: "Curated wine list"},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/couple-chilling-beach_23-2147648997.jpg",
imageAlt: "luxury suite resort room view",
},
]}
title="Your Coastal Experience"
@@ -250,45 +178,20 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah J.",
handle: "@sarahj",
testimonial: "The beach access is unbeatable. Truly a relaxing paradise.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-beautiful-young-female-has-summer-party-with-friends-enjoys-drinking-tasty-fruit-beverage-makes-selfie-with-cheerful-smile-dressed-fashionable-clothing_273609-2276.jpg",
},
id: "t1", name: "Sarah J.", handle: "@sarahj", testimonial: "The beach access is unbeatable. Truly a relaxing paradise.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-beautiful-young-female-has-summer-party-with-friends-enjoys-drinking-tasty-fruit-beverage-makes-selfie-with-cheerful-smile-dressed-fashionable-clothing_273609-2276.jpg"},
{
id: "t2",
name: "Michael K.",
handle: "@mkk",
testimonial: "Excellent service and beautiful rooms. Can't wait to return.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-reading-book-with-happy-smile-relax-lounge-bed-chair-beach-sea-ocean-leisure_74190-8800.jpg",
},
id: "t2", name: "Michael K.", handle: "@mkk", testimonial: "Excellent service and beautiful rooms. Can't wait to return.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-reading-book-with-happy-smile-relax-lounge-bed-chair-beach-sea-ocean-leisure_74190-8800.jpg"},
{
id: "t3",
name: "Emily R.",
handle: "@emilyr",
testimonial: "The restaurant food was delicious. Best place to unwind.",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/summer-pool-concept-with-couple_23-2147814785.jpg",
},
id: "t3", name: "Emily R.", handle: "@emilyr", testimonial: "The restaurant food was delicious. Best place to unwind.", rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/summer-pool-concept-with-couple_23-2147814785.jpg"},
{
id: "t4",
name: "David M.",
handle: "@davidm",
testimonial: "Great pool and peaceful environment. Exactly what we needed.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pretty-brunette-girl-with-long-hair-is-sitting-near-pool-she-holds-hand-drinks-through-straw-view-from-back_197531-1245.jpg",
},
id: "t4", name: "David M.", handle: "@davidm", testimonial: "Great pool and peaceful environment. Exactly what we needed.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pretty-brunette-girl-with-long-hair-is-sitting-near-pool-she-holds-hand-drinks-through-straw-view-from-back_197531-1245.jpg"},
{
id: "t5",
name: "Alice W.",
handle: "@alicew",
testimonial: "Fantastic hospitality from everyone. Highly recommend.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-women-seaside_23-2148996721.jpg",
},
id: "t5", name: "Alice W.", handle: "@alicew", testimonial: "Fantastic hospitality from everyone. Highly recommend.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-women-seaside_23-2148996721.jpg"},
]}
showRating={true}
title="Guest Memories"
@@ -301,14 +204,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"TripAdvisor",
"TravelWeekly",
"Sustainable Tourism",
"Luxury Hotel Group",
"Hospitality Excellence",
"Top Destination Award",
"Travelers Choice",
]}
"TripAdvisor", "TravelWeekly", "Sustainable Tourism", "Luxury Hotel Group", "Hospitality Excellence", "Top Destination Award", "Travelers Choice"]}
title="Accreditations"
description="We are proud to be recognized for our quality service and dedication to sustainable luxury."
/>
@@ -320,25 +216,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "What is the check-in time?",
content: "Our official check-in time is at 20:00.",
},
id: "f1", title: "What is the check-in time?", content: "Our official check-in time is at 20:00."},
{
id: "f2",
title: "What is the check-out time?",
content: "Check-out must be completed by 11:00.",
},
id: "f2", title: "What is the check-out time?", content: "Check-out must be completed by 11:00."},
{
id: "f3",
title: "Do you provide airport transfer?",
content: "Yes, we can arrange airport transfers. Please contact our reception team.",
},
id: "f3", title: "Do you provide airport transfer?", content: "Yes, we can arrange airport transfers. Please contact our reception team."},
{
id: "f4",
title: "Is the beach accessible?",
content: "Yes, we have direct access to the beautiful Diani Beach.",
},
id: "f4", title: "Is the beach accessible?", content: "Yes, we have direct access to the beautiful Diani Beach."},
]}
title="Plan Your Stay"
description="Frequently asked questions to help you prepare for your visit."
@@ -353,22 +237,14 @@ export default function LandingPage() {
description="Ready to book or have questions? We're here to assist you 24/7."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
name: "email", type: "email", placeholder: "Your Email", required: true,
},
]}
textarea={{
name: "message",
placeholder: "How can we help you?",
rows: 4,
name: "message", placeholder: "How can we help you?", rows: 4,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-aerial-view-beach-sea-with-coconut-palm-tree_74190-1039.jpg"
@@ -380,33 +256,21 @@ export default function LandingPage() {
logoText="Diani Bay Resort"
columns={[
{
title: "Resort",
items: [
title: "Resort", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Features",
href: "#features",
},
label: "Features", href: "#features"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
{
title: "Policies",
items: [
title: "Policies", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Check-in/Out",
href: "#faq",
},
label: "Check-in/Out", href: "#faq"},
],
},
]}