bender/f899187b-c6c8-433e-ada3-298be66c192b
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #2

Merged
bender merged 2 commits from version_2 into main 2026-04-15 18:19:21 +00:00
Conversation 0 Commits 2 Files Changed 2 +66 -260
2 changed files with 66 additions and 260 deletions
Download Patch File Download Diff File Expand all files Collapse all files

312
src/app/page.tsx
View File

@@ -21,88 +21,41 @@ export default function LandingPage() {
contentWidth="mediumSmall"
sizing="mediumSizeLargeTitles"
background="none"
cardStyle="inset"
cardStyle="glass-elevated"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="solid"
headingFontWeight="extrabold"
secondaryButtonStyle="glass"
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Rooms",
id: "rooms",
},
{
name: "Dining",
id: "dining",
},
{
name: "Facilities",
id: "facilities",
},
{
name: "Location",
id: "location",
},
{ name: "Rooms", id: "rooms" },
{ name: "Dining", id: "dining" },
{ name: "Facilities", id: "facilities" },
{ name: "Location", id: "location" },
]}
brandName="Calabash Hotel"
button={{
text: "Book Now",
href: "#contact",
}}
button={{ text: "Book Now", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-animated",
}}
title="Experience Comfort, Culture & Luxury at Calabash Hotel, Migori"
description="Your serene sanctuary in Migori, offering modern rooms, authentic African hospitality, fine dining, and relaxation near Lake Victoria."
background={{ variant: "rotated-rays-animated" }}
title="Five-Star Luxury in Migori"
description="A serene, cinematic sanctuary offering unparalleled hospitality, refined suites, and authentic dining near the scenic shores of Lake Victoria."
buttons={[
{
text: "Check Availability",
href: "#contact",
},
{
text: "Book Now",
href: "#contact",
},
{ text: "Check Availability", href: "#contact" },
{ text: "Book Now", href: "#contact" },
]}
carouselItems={[
{
id: "1",
imageSrc: "http://img.b2bpic.net/free-photo/wedding-couple-beautiful-couple-bride-groom-against-white-castle_8353-5884.jpg?_wi=1",
imageAlt: "Luxury Poolside",
},
{
id: "2",
imageSrc: "http://img.b2bpic.net/free-photo/elegant-bed_181624-5566.jpg?_wi=1",
imageAlt: "Suite Bedroom",
},
{
id: "3",
imageSrc: "http://img.b2bpic.net/free-photo/hotel-balcony-with-tables-chairs-overlooking-surrounding-alps-lakes-cloudy-day_181624-21210.jpg?_wi=1",
imageAlt: "Terrace View",
},
{
id: "4",
imageSrc: "http://img.b2bpic.net/free-photo/bar-cafeteria-family-restaurant-interior-shooting_114579-1119.jpg?_wi=1",
imageAlt: "Dining Area",
},
{
id: "5",
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool-with-umbrella-chair-lounge-around-there-leisure-travel_74190-7880.jpg?_wi=1",
imageAlt: "Outdoor Pool",
},
{
id: "6",
imageSrc: "http://img.b2bpic.net/free-photo/vintage-landscape-photo_23-2149728869.jpg",
imageAlt: "Hotel Exterior",
},
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/wedding-couple-beautiful-couple-bride-groom-against-white-castle_8353-5884.jpg?_wi=1", imageAlt: "Luxury Poolside Retreat" },
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/elegant-bed_181624-5566.jpg?_wi=1", imageAlt: "Opulent Suite Bedroom" },
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/hotel-balcony-with-tables-chairs-overlooking-surrounding-alps-lakes-cloudy-day_181624-21210.jpg?_wi=1", imageAlt: "Panoramic Terrace View" },
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/bar-cafeteria-family-restaurant-interior-shooting_114579-1119.jpg?_wi=1", imageAlt: "Elegant Dining Experience" },
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool-with-umbrella-chair-lounge-around-there-leisure-travel_74190-7880.jpg?_wi=1", imageAlt: "Serene Poolside Oasis" },
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/vintage-landscape-photo_23-2149728869.jpg", imageAlt: "Grand Hotel Exterior" },
]}
/>
</div>
@@ -110,74 +63,35 @@ export default function LandingPage() {
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={true}
title="Where Hospitality Meets Heritage"
description="Calabash Hotel Migori offers a calm, safe, and professional haven. From our clean, modern family rooms with private baths to our dedicated team, we provide an unparalleled comfort experience in the heart of Migori."
title="Where Heritage Meets Elegance"
description="Discover a haven of refined comfort in Migori. We blend modern luxury with deep cultural roots, ensuring every guest feels the essence of 5-star hospitality in a private, tranquil sanctuary."
metrics={[
{
value: "7.4",
title: "Guest Rating",
},
{
value: "9.5",
title: "Staff Excellence",
},
{
value: "9.4",
title: "Location Appeal",
},
{ value: "7.4", title: "Expert Concierge" },
{ value: "9.5", title: "Impeccable Service" },
{ value: "9.4", title: "Scenic Location" },
]}
imageSrc="http://img.b2bpic.net/free-photo/friendly-afro-man-traditional-yellow-clothes-restaurant_627829-1132.jpg"
imageAlt="Hotel About Section"
mediaAnimation="slide-up"
imageAlt="Sophisticated Atmosphere"
mediaAnimation="blur-reveal"
/>
</div>
<div id="rooms" data-section="rooms">
<ProductCardThree
animationType="slide-up"
animationType="blur-reveal"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "r1",
name: "Executive Suite",
price: "From $120",
imageSrc: "http://img.b2bpic.net/free-photo/bedroom-stylish-apartment-decoration-home_1203-4566.jpg",
},
{
id: "r2",
name: "Deluxe Twin",
price: "From $90",
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-laptop-bed_23-2148055842.jpg",
},
{
id: "r3",
name: "Family Haven",
price: "From $150",
imageSrc: "http://img.b2bpic.net/free-photo/mother-daughter-using-digital-tablet-bedroom_1170-2784.jpg",
},
{
id: "r4",
name: "Terrace View Room",
price: "From $110",
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-going-up-stairs-walking-down-city_176420-4026.jpg",
},
{
id: "r5",
name: "Standard Classic",
price: "From $70",
imageSrc: "http://img.b2bpic.net/free-photo/view-nordic-minimalism-japanese-wabi-sabi-interior-design-blend_23-2151160174.jpg",
},
{
id: "r6",
name: "Junior Suite",
price: "From $105",
imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg",
},
{ id: "r1", name: "Executive Suite", price: "From $120", imageSrc: "http://img.b2bpic.net/free-photo/bedroom-stylish-apartment-decoration-home_1203-4566.jpg" },
{ id: "r2", name: "Deluxe Twin", price: "From $90", imageSrc: "http://img.b2bpic.net/free-photo/woman-using-laptop-bed_23-2148055842.jpg" },
{ id: "r3", name: "Family Haven", price: "From $150", imageSrc: "http://img.b2bpic.net/free-photo/mother-daughter-using-digital-tablet-bedroom_1170-2784.jpg" },
{ id: "r4", name: "Terrace View Room", price: "From $110", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-going-up-stairs-walking-down-city_176420-4026.jpg" },
{ id: "r5", name: "Standard Classic", price: "From $70", imageSrc: "http://img.b2bpic.net/free-photo/view-nordic-minimalism-japanese-wabi-sabi-interior-design-blend_23-2151160174.jpg" },
{ id: "r6", name: "Junior Suite", price: "From $105", imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg" },
]}
title="Our Accommodations"
description="Sophisticated rooms designed for your total comfort."
title="Curated Accommodations"
description="Indulge in sophisticated design and timeless comfort."
/>
</div>
@@ -186,57 +100,27 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
features={[
{
title: "Swimming Pool",
description: "Relax in our year-round crystal clear pool.",
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool-with-umbrella-chair-lounge-around-there-leisure-travel_74190-7878.jpg",
},
{
title: "Dining & Bar",
description: "Exquisite local and continental culinary delights.",
imageSrc: "http://img.b2bpic.net/free-photo/shrimp-plate-garnished-with-sauce-bread-stuffing-spinach-shredded-carrot_141793-2275.jpg",
},
{
title: "Free Parking",
description: "Secure, complimentary parking for all our guests.",
imageSrc: "http://img.b2bpic.net/free-photo/sea-beautiful-blue-deck-lounge_1203-6241.jpg",
},
{ title: "Infinite Pool", description: "Rejuvenate in our serene, crystalline waters.", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool-with-umbrella-chair-lounge-around-there-leisure-travel_74190-7878.jpg" },
{ title: "Fine Dining", description: "Gourmet local and international culinary artistry.", imageSrc: "http://img.b2bpic.net/free-photo/shrimp-plate-garnished-with-sauce-bread-stuffing-spinach-shredded-carrot_141793-2275.jpg" },
{ title: "Elite Parking", description: "Private, secure, and dedicated valet access.", imageSrc: "http://img.b2bpic.net/free-photo/sea-beautiful-blue-deck-lounge_1203-6241.jpg" },
]}
title="World-Class Amenities"
description="Everything you need for an unforgettable stay."
description="Curated experiences for the discerning traveler."
/>
</div>
<div id="dining" data-section="dining">
<MetricCardEleven
animationType="slide-up"
animationType="blur-reveal"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "d1",
value: "100%",
title: "Fresh Ingredients",
description: "Locally sourced farm produce.",
imageSrc: "http://img.b2bpic.net/free-photo/wedding-hall-with-white-wooden-furniture-interior_114579-2232.jpg",
},
{
id: "d2",
value: "24/7",
title: "Room Service",
description: "Dining delivered to your door.",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-luxury-modern-bedroom-suite-hotel-with-tv-cabinet_105762-2282.jpg",
},
{
id: "d3",
value: "Daily",
title: "Buffet Breakfast",
description: "Start your day with hearty variety.",
imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-placing-round-cushion-bed_53876-132377.jpg",
},
{ id: "d1", value: "100%", title: "Locally Sourced", description: "Fresh, sustainable, organic harvest.", imageSrc: "http://img.b2bpic.net/free-photo/wedding-hall-with-white-wooden-furniture-interior_114579-2232.jpg" },
{ id: "d2", value: "24/7", title: "Private Service", description: "Dining excellence delivered in-suite.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-luxury-modern-bedroom-suite-hotel-with-tv-cabinet_105762-2282.jpg" },
{ id: "d3", value: "Daily", title: "Gourmet Breakfast", description: "Artisan morning culinary variety.", imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-placing-round-cushion-bed_53876-132377.jpg" },
]}
title="A Taste of Migori"
description="Experience fresh, local African and international cuisine."
title="Gastronomic Excellence"
description="A symphony of local and international flavors."
/>
</div>
@@ -245,64 +129,12 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Alice & John",
date: "Oct 2023",
title: "Great Location",
quote: "The proximity to Lake Victoria was perfect for our trip.",
tag: "Couples",
avatarSrc: "http://img.b2bpic.net/free-photo/young-adults-travelling-winter-time_23-2149211162.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/wedding-couple-beautiful-couple-bride-groom-against-white-castle_8353-5884.jpg?_wi=2",
imageAlt: "happy couple hotel lobby",
},
{
id: "t2",
name: "Mark O.",
date: "Sep 2023",
title: "Professional Service",
quote: "Staff were incredibly friendly and accommodating.",
tag: "Business",
avatarSrc: "http://img.b2bpic.net/free-photo/couple-having-dinner-restaurant_23-2148018820.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/elegant-bed_181624-5566.jpg?_wi=2",
imageAlt: "happy couple hotel lobby",
},
{
id: "t3",
name: "Susan W.",
date: "Aug 2023",
title: "Beautiful Garden",
quote: "Enjoyed the relaxation spaces and fresh pastries.",
tag: "Family",
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-woman-taking-photograph-her-female-friend-posing-outside_23-2148027162.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/hotel-balcony-with-tables-chairs-overlooking-surrounding-alps-lakes-cloudy-day_181624-21210.jpg?_wi=2",
imageAlt: "happy couple hotel lobby",
},
{
id: "t4",
name: "David K.",
date: "Jul 2023",
title: "Best in Migori",
quote: "Clean, comfortable and very safe feeling.",
tag: "Traveler",
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-holding-orange-juice-cafe-with-man-background_1170-551.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/bar-cafeteria-family-restaurant-interior-shooting_114579-1119.jpg?_wi=2",
imageAlt: "happy couple hotel lobby",
},
{
id: "t5",
name: "Jane L.",
date: "Jun 2023",
title: "Stunning Pools",
quote: "Loved the swimming pool atmosphere.",
tag: "Family",
avatarSrc: "http://img.b2bpic.net/free-photo/happy-couple-standing-balcony-having-some-romantic-time-together_181624-33239.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool-with-umbrella-chair-lounge-around-there-leisure-travel_74190-7880.jpg?_wi=2",
imageAlt: "happy couple hotel lobby",
},
{ id: "t1", name: "Alice & John", date: "Oct 2023", title: "Exceptional Experience", quote: "A truly refined retreat by Lake Victoria.", tag: "Couples", avatarSrc: "http://img.b2bpic.net/free-photo/young-adults-travelling-winter-time_23-2149211162.jpg", imageSrc: "http://img.b2bpic.net/free-photo/wedding-couple-beautiful-couple-bride-groom-against-white-castle_8353-5884.jpg?_wi=2", imageAlt: "Happy couple in lobby" },
{ id: "t2", name: "Mark O.", date: "Sep 2023", title: "Impeccable Service", quote: "Professional, warm, and highly accommodating.", tag: "Business", avatarSrc: "http://img.b2bpic.net/free-photo/couple-having-dinner-restaurant_23-2148018820.jpg", imageSrc: "http://img.b2bpic.net/free-photo/elegant-bed_181624-5566.jpg?_wi=2", imageAlt: "Sophisticated suite" },
{ id: "t3", name: "Susan W.", date: "Aug 2023", title: "Grand Ambience", quote: "Peaceful, stylish, and utterly luxurious.", tag: "Family", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-woman-taking-photograph-her-female-friend-posing-outside_23-2148027162.jpg", imageSrc: "http://img.b2bpic.net/free-photo/hotel-balcony-with-tables-chairs-overlooking-surrounding-alps-lakes-cloudy-day_181624-21210.jpg?_wi=2", imageAlt: "Terrace view" },
]}
title="Guest Voices"
description="See why couples, families, and travelers choose us."
description="Refined experiences from discerning guests."
/>
</div>
@@ -311,43 +143,23 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Thimlich Ohinga",
description: "Explore 27 miles away.",
imageSrc: "http://img.b2bpic.net/free-photo/important-building-facade_1127-23.jpg",
},
{
title: "Nyaandui Forest",
description: "For nature lovers.",
imageSrc: "http://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool-neary-sea-ocean-beach-sunrise-sunset-time_74190-8446.jpg",
},
{
title: "Lake Victoria",
description: "Beautiful nearby shores.",
imageSrc: "http://img.b2bpic.net/free-photo/bright-pop-park-landscape_23-2149213431.jpg",
},
{ title: "Thimlich Ohinga", description: "Historical explorations nearby.", imageSrc: "http://img.b2bpic.net/free-photo/important-building-facade_1127-23.jpg" },
{ title: "Nyaandui Forest", description: "Nature's quiet path.", imageSrc: "http://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool-neary-sea-ocean-beach-sunrise-sunset-time_74190-8446.jpg" },
{ title: "Lake Victoria", description: "Scenic lakefront tranquility.", imageSrc: "http://img.b2bpic.net/free-photo/bright-pop-park-landscape_23-2149213431.jpg" },
]}
title="Perfectly Positioned"
description="Base yourself at Ombo Road, Migori for local attractions."
description="Discover the charm of Migori from our hub."
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{
variant: "rotated-rays-animated",
}}
text="Your Perfect Stay in Migori is Waiting. Book Direct for Best Rates and Guaranteed Comfort."
background={{ variant: "rotated-rays-animated" }}
text="Reserve your exquisite stay in Migori today."
buttons={[
{
text: "Book Now",
href: "#contact",
},
{
text: "Check Availability",
href: "#",
},
{ text: "Book Now", href: "#contact" },
{ text: "Inquire", href: "#" },
]}
/>
</div>
@@ -355,14 +167,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Calabash Hotel"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "© 2024 Calabash Hotel",
href: "#",
}}
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "© 2025 Calabash Hotel", href: "#" }}
/>
</div>
</ReactLenis>

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f6f0e9;
--card: #efe7dd;
--foreground: #2b180a;
--primary-cta: #b8860b;
--background: #fbfaf8;
--card: #ffffff;
--foreground: #1a1614;
--primary-cta: #1a1614;
--primary-cta-text: #ffffff;
--secondary-cta: #2b180a;
--secondary-cta: #f1eee9;
--secondary-cta-text: #ffffff;
--accent: #0a7039;
--background-accent: #efe7dd;
--accent: #c5a059;
--background-accent: #f1eee9;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);