Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-04-15 14:19:32 +00:00

View File

@@ -16,418 +16,141 @@ import { Clock, MapPin, Sun } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="small"
sizing="mediumLargeSizeLargeTitles"
background="blurBottom"
cardStyle="solid"
primaryButtonStyle="gradient"
secondaryButtonStyle="radial-glow"
headingFontWeight="bold"
defaultButtonVariant="hover-bubble"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="small"
sizing="mediumLargeSizeLargeTitles"
background="blurBottom"
cardStyle="solid"
primaryButtonStyle="gradient"
secondaryButtonStyle="radial-glow"
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "#hero",
},
{
name: "Rooms",
id: "#rooms",
},
{
name: "Dining",
id: "#amenities",
},
{
name: "Attractions",
id: "#attractions",
},
{
name: "Contact",
id: "#contact",
},
]}
brandName="Bekele Mola Hotel"
button={{
text: "Book Your Stay",
href: "#contact",
}}
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "#hero" },
{ name: "Rooms", id: "#rooms" },
{ name: "Dining", id: "#amenities" },
{ name: "Attractions", id: "#attractions" },
{ name: "Contact", id: "#contact" }
]}
brandName="Bekele Mola Hotel"
button={{ text: "Book Your Stay", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "gradient-bars",
}}
title="Experience the Gateway to the Rift Valley."
description="Authentic Ethiopian hospitality nestled between Lake Chamo and Lake Abaya. Discover the legendary legacy of Bekele Mola in the heart of Arba Minch."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-landscape-gavi-hillside-piedmont-italy-sunset_181624-52111.jpg",
imageAlt: "Hotel view",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/scenery-different-kinds-plants-growing-middle-hills-canyon_181624-11182.jpg",
imageAlt: "Garden terrace",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-vacation-looking-sea_1303-14411.jpg",
imageAlt: "Landscape",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-landscape_8327-239.jpg",
imageAlt: "Lakes",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-asian-woman-relax-smile-happy-around-swimming-pool-hotel-resort_74190-8840.jpg",
imageAlt: "Hotel entrance",
},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/summer-sunrise-yellow-striped-sky_1203-4408.jpg",
imageAlt: "Panoramic view",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-man-s-shirt-summer-terrace-resting-luxury-resort-posing-instagram_496169-1954.jpg",
imageAlt: "Sunset terrace",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/valley-fire-nevada-from-entrance-car-parking-lot-bright-red-aztec-sandstone-outcrops-nestled-gray-tan-limestone_181624-20178.jpg",
imageAlt: "Local nature",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-yoga-roof-skyscraper-big-city_1153-4507.jpg",
imageAlt: "Pool side",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-happy-smiling-caucasian-woman-traveller-fitting-dress-sunglasses-high-floor-bangkok_343596-1429.jpg",
imageAlt: "Lush scenery",
},
]}
buttons={[
{
text: "Book Your Stay",
href: "#contact",
},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/high-angle-shot-huts-trees-beautiful-sunset-captured-samburu-kenya_181624-8059.jpg",
alt: "Happy guest",
},
{
src: "http://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool-neary-sea-ocean-beach-sunrise-sunset-time_74190-8444.jpg",
alt: "Satisfied visitor",
},
{
src: "http://img.b2bpic.net/free-photo/contemplated-young-woman-sitting-restaurant-table-with-digital-tablet-cellphone-diary_23-2147936104.jpg",
alt: "Relaxed traveler",
},
{
src: "http://img.b2bpic.net/free-photo/sunlight-covering-palm-trees-body-lake_181624-19280.jpg",
alt: "Smiling guest",
},
{
src: "http://img.b2bpic.net/free-photo/aerial-top-view-beautiful-landscape_23-2148346119.jpg",
alt: "Happy tourist",
},
]}
avatarText="Join 10,000+ satisfied explorers"
marqueeItems={[
{
type: "text",
text: "Stunning Rift Valley Views",
},
{
type: "text",
text: "Traditional Ethiopian Hospitality",
},
{
type: "text",
text: "Near Nechisar National Park",
},
{
type: "text",
text: "Serene Lakefront Setting",
},
{
type: "text",
text: "Legendary Heritage Since 1968",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{ variant: "gradient-bars" }}
title="Experience the Gateway to the Rift Valley."
description="Authentic Ethiopian hospitality nestled between Lake Chamo and Lake Abaya. Discover the legendary legacy of Bekele Mola in the heart of Arba Minch."
leftCarouselItems={[{ imageSrc: "asset://hero-bg", imageAlt: "Hotel view" }, { imageSrc: "asset://hero-bg__2", imageAlt: "Garden terrace" }, { imageSrc: "asset://hero-bg__3", imageAlt: "Landscape" }, { imageSrc: "asset://hero-bg__4", imageAlt: "Lakes" }, { imageSrc: "asset://hero-bg__5", imageAlt: "Hotel entrance" }]}
rightCarouselItems={[{ imageSrc: "asset://hero-bg__7", imageAlt: "Panoramic view" }, { imageSrc: "asset://hero-bg__8", imageAlt: "Sunset terrace" }, { imageSrc: "asset://hero-bg__9", imageAlt: "Local nature" }, { imageSrc: "asset://hero-bg__10", imageAlt: "Pool side" }, { imageSrc: "asset://hero-bg__11", imageAlt: "Lush scenery" }]}
buttons={[{ text: "Book Your Stay", href: "#contact" }]}
avatars={[{ src: "asset://gen-stock-rsv-0", alt: "Happy guest" }, { src: "asset://gen-stock-rsv-1", alt: "Satisfied visitor" }, { src: "asset://gen-stock-rsv-2", alt: "Relaxed traveler" }, { src: "asset://gen-stock-rsv-3", alt: "Smiling guest" }, { src: "asset://gen-stock-rsv-48", alt: "Happy tourist" }]}
avatarText="Join 10,000+ satisfied explorers"
marqueeItems={[{ type: "text", text: "Stunning Rift Valley Views" }, { type: "text", text: "Traditional Ethiopian Hospitality" }, { type: "text", text: "Near Nechisar National Park" }, { type: "text", text: "Serene Lakefront Setting" }, { type: "text", text: "Legendary Heritage Since 1968" }]}
/>
</div>
<div id="about" data-section="about">
<AboutMetric
useInvertedBackground={false}
title="A Legacy of Hospitality"
metrics={[
{
icon: MapPin,
label: "Location",
value: "Shecha, Arba Minch",
},
{
icon: Clock,
label: "History",
value: "Pioneering Spirit",
},
{
icon: Sun,
label: "Views",
value: "Two Lakes",
},
]}
metricsAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<AboutMetric
useInvertedBackground={false}
title="A Legacy of Hospitality"
metrics={[{ icon: MapPin, label: "Location", value: "Shecha, Arba Minch" }, { icon: Clock, label: "History", value: "Pioneering Spirit" }, { icon: Sun, label: "Views", value: "Two Lakes" }]}
metricsAnimation="slide-up"
/>
</div>
<div id="rooms" data-section="rooms">
<ProductCardTwo
animationType="slide-up"
textboxLayout="split"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "std",
brand: "Standard",
name: "Standard Twin",
price: "Contact for rate",
rating: 4,
reviewCount: "12",
imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497258.jpg",
},
{
id: "dlx",
brand: "Deluxe",
name: "Deluxe Queen",
price: "Contact for rate",
rating: 5,
reviewCount: "24",
imageSrc: "http://img.b2bpic.net/free-photo/view-romantic-castle-bedroom_23-2150844387.jpg",
},
{
id: "fam",
brand: "Suite",
name: "Family Suite",
price: "Contact for rate",
rating: 5,
reviewCount: "18",
imageSrc: "asset://room-3",
},
]}
title="Our Accommodations"
description="Choose from a selection of rooms designed for comfort and relaxation."
/>
</div>
<div id="rooms" data-section="rooms">
<ProductCardTwo
animationType="slide-up"
textboxLayout="split"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{ id: "std", brand: "Standard", name: "Standard Twin", price: "Contact for rate", rating: 4, reviewCount: "12", imageSrc: "asset://room-1" },
{ id: "dlx", brand: "Deluxe", name: "Deluxe Queen", price: "Contact for rate", rating: 5, reviewCount: "24", imageSrc: "asset://room-2" },
{ id: "fam", brand: "Suite", name: "Family Suite", price: "Contact for rate", rating: 5, reviewCount: "18", imageSrc: "asset://room-3" }
]}
title="Our Accommodations"
description="Choose from a selection of rooms designed for comfort and relaxation."
/>
</div>
<div id="amenities" data-section="amenities">
<FeatureCardSixteen
textboxLayout="default"
useInvertedBackground={false}
negativeCard={{
items: [
"No loud noises",
"No urban traffic",
"No stress",
"No humidity",
"No crowds",
],
}}
positiveCard={{
items: [
"Free High-Speed Wi-Fi",
"Swimming Pool",
"Garden Restaurant",
"Fitness Center",
"Free Secure Parking",
],
}}
title="Hotel Amenities"
description="Everything you need for a comfortable stay in Arba Minch."
/>
</div>
<div id="amenities" data-section="amenities">
<FeatureCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
negativeCard={{ items: ["No loud noises", "No urban traffic", "No stress", "No humidity", "No crowds"] }}
positiveCard={{ items: ["Free High-Speed Wi-Fi", "Swimming Pool", "Garden Restaurant", "Fitness Center", "Free Secure Parking"] }}
title="Hotel Amenities"
description="Everything you need for a comfortable stay in Arba Minch."
/>
</div>
<div id="attractions" data-section="attractions">
<MetricCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "17 min",
description: "Nechisar National Park",
},
{
id: "m2",
value: "Boat",
description: "Lake Chamo / Crocodile Market",
},
{
id: "m3",
value: "Natural",
description: "Forty Springs Experience",
},
{
id: "m4",
value: "Culture",
description: "Dorze Village Craftsmanship",
},
]}
title="Local Attractions"
description="Discover the wonders of the Gamo Highlands and Nechisar."
/>
</div>
<div id="attractions" data-section="attractions">
<MetricCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{ id: "m1", value: "17 min", description: "Nechisar National Park" },
{ id: "m2", value: "Boat", description: "Lake Chamo / Crocodile Market" },
{ id: "m3", value: "Natural", description: "Forty Springs Experience" },
{ id: "m4", value: "Culture", description: "Dorze Village Craftsmanship" }
]}
title="Local Attractions"
description="Discover the wonders of the Gamo Highlands and Nechisar."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Tripadvisor Guest",
date: "2024",
title: "Great View",
quote: "The view of the two lakes from the terrace is the best in town.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/casually-dressed-attractive-dark-skinned-backpacker-travelling-european-city-going-back-from-viewing-platform_273609-794.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-taking-photos_23-2148966589.jpg",
},
{
id: "2",
name: "Local Explorer",
date: "2024",
title: "Authentic",
quote: "A true piece of Ethiopian history, lovely gardens and quiet rooms.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/mom-son-resting-by-lake_158595-6.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/cute-lovely-couple-beach_1328-1308.jpg",
},
{
id: "3",
name: "Adventure Seeker",
date: "2024",
title: "Perfect Location",
quote: "Excellent for trips to the national park, very convenient.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-shot-cheerful-woman-tourist-dressed-orange-jumper-strolls-near-small-stream-green-forest_273609-27389.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-hat-sunglasses_23-2148442109.jpg",
},
{
id: "4",
name: "Business Traveler",
date: "2024",
title: "Comfortable",
quote: "Reliable Wi-Fi and quiet atmosphere, perfect for working.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/smiley-mature-man-holding-laptop-bed-with-copy-space_23-2148404445.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-using-laptop-while-having-coffee-break-cafe_637285-7438.jpg",
},
{
id: "5",
name: "World Traveler",
date: "2024",
title: "Recommended",
quote: "Beautiful architecture and top-tier hospitality.",
tag: "Verified",
avatarSrc: "http://img.b2bpic.net/free-photo/young-wedding-couple-sailing-boat_7502-4947.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman_1328-1295.jpg",
},
]}
title="Guest Voices"
description="What our guests say about their stay at Bekele Mola."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Tripadvisor Guest", date: "2024", title: "Great View", quote: "The view of the two lakes from the terrace is the best in town.", tag: "Verified", avatarSrc: "asset://test-1", imageSrc: "asset://test-1__2" },
{ id: "2", name: "Local Explorer", date: "2024", title: "Authentic", quote: "A true piece of Ethiopian history, lovely gardens and quiet rooms.", tag: "Verified", avatarSrc: "asset://test-2", imageSrc: "asset://test-2__2" },
{ id: "3", name: "Adventure Seeker", date: "2024", title: "Perfect Location", quote: "Excellent for trips to the national park, very convenient.", tag: "Verified", avatarSrc: "asset://test-3", imageSrc: "asset://test-3__2" },
{ id: "4", name: "Business Traveler", date: "2024", title: "Comfortable", quote: "Reliable Wi-Fi and quiet atmosphere, perfect for working.", tag: "Verified", avatarSrc: "asset://test-4", imageSrc: "asset://test-4__2" },
{ id: "5", name: "World Traveler", date: "2024", title: "Recommended", quote: "Beautiful architecture and top-tier hospitality.", tag: "Verified", avatarSrc: "asset://test-5", imageSrc: "asset://test-5__2" }
]}
title="Guest Voices"
description="What our guests say about their stay at Bekele Mola."
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={true}
background={{
variant: "plain",
}}
tag="Booking"
title="Ready to Visit Arba Minch?"
description="Contact us directly to reserve your stay at the legendary Bekele Mola Hotel."
buttons={[
{
text: "Call Now: +251 46 881 0046",
href: "tel:+251468810046",
},
{
text: "Email Reservations",
href: "mailto:reservations@bekelemola-arbaminch.com",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={true}
background={{ variant: "plain" }}
tag="Booking"
title="Ready to Visit Arba Minch?"
description="Contact us directly to reserve your stay at the legendary Bekele Mola Hotel."
buttons={[
{ text: "Call Now: +251 46 881 0046", href: "tel:+251468810046" },
{ text: "Email Reservations", href: "mailto:reservations@bekelemola-arbaminch.com" }
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Hotel",
items: [
{
label: "Rooms",
href: "#rooms",
},
{
label: "Dining",
href: "#amenities",
},
{
label: "Contact Us",
href: "#contact",
},
],
},
{
title: "Local",
items: [
{
label: "Nechisar Park",
href: "#attractions",
},
{
label: "Lake Boat Trips",
href: "#attractions",
},
{
label: "Forty Springs",
href: "#attractions",
},
],
},
{
title: "Support",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
logoText="Bekele Mola Hotel"
copyrightText="© 2025 Bekele Mola Hotel. All rights reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{ title: "Hotel", items: [{ label: "Rooms", href: "#rooms" }, { label: "Dining", href: "#amenities" }, { label: "Contact Us", href: "#contact" }] },
{ title: "Local", items: [{ label: "Nechisar Park", href: "#attractions" }, { label: "Lake Boat Trips", href: "#attractions" }, { label: "Forty Springs", href: "#attractions" }] },
{ title: "Support", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
]}
logoText="Bekele Mola Hotel"
copyrightText="© 2025 Bekele Mola Hotel. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);