Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-05-06 12:17:03 +00:00

View File

@@ -14,331 +14,137 @@ import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCa
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="bounce-effect"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
defaultButtonVariant="bounce-effect"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "home",
},
{
name: "About",
id: "about",
},
{
name: "Rooms",
id: "rooms",
},
{
name: "Dining",
id: "dining",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Planet Hotel"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "home" },
{ name: "About", id: "about" },
{ name: "Rooms", id: "rooms" },
{ name: "Dining", id: "dining" },
{ name: "Contact", id: "contact" },
]}
brandName="Planet Hotel"
/>
</div>
<div id="home" data-section="home">
<HeroOverlayTestimonial
title="Welcome to Planet Hotel"
description="Luxurious and comfortable stay, with an exceptional experience that is tailored to your need."
testimonials={[
{
name: "John Doe",
handle: "@traveler",
testimonial: "The best modern hotel in Mekelle. A true five-star experience.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-traveler-with-luggage-standing-airport-terminal_259150-58765.jpg",
},
{
name: "Sarah J.",
handle: "@sarahj",
testimonial: "An incredible sanctuary of luxury and comfort.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-stylish-woman-writing-notebook_23-2148777591.jpg",
},
{
name: "Michael T.",
handle: "@michaelt",
testimonial: "Impeccable service and breathtaking views.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-elegant-magnificent-woman-posing-near-luxury-yacht-club-wearing-beige-cashmere-coat-backpack-tourist-warm-pastel-toned-colors_291049-1500.jpg",
},
{
name: "Emily R.",
handle: "@emilytravels",
testimonial: "The perfect blend of traditional warmth and modern elegance.",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-suitcase-walking-summer-city_1157-38185.jpg",
},
{
name: "David K.",
handle: "@davidk",
testimonial: "My go-to destination for every business trip.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-suit-looking-camera_23-2148112202.jpg",
},
]}
buttons={[
{
text: "Book Now",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-beautiful-comtemporary-luxury-bedroom-suite-hotel-with-tv_105762-2058.jpg?_wi=1"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/stylish-smiling-young-woman-coming-out-from-elevator-with-her-suitcase_23-2148033340.jpg",
alt: "happy hotel guest smiling",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg",
alt: "tourist visiting ethiopia smiling",
},
{
src: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-woman_23-2148317338.jpg",
alt: "business guest portrait",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-traveller-with-hat-looking-away_23-2148588543.jpg",
alt: "traveller portrait",
},
{
src: "http://img.b2bpic.net/free-photo/happy-female-explorer-observes-something-far-away-uses-binoculars-observes-spectacular-view-discovers-new-places-carries-rucksack-isolated-brown-background-blank-space-your-promotion_273609-61768.jpg",
alt: "relaxed guest portrait",
},
]}
avatarText="Join 5,000+ satisfied guests"
/>
</div>
<div id="home" data-section="home">
<HeroOverlayTestimonial
title="Welcome to Planet Hotel"
description="Luxurious and comfortable stay, with an exceptional experience that is tailored to your need."
testimonials={[
{ name: "John Doe", handle: "@traveler", testimonial: "The best modern hotel in Mekelle. A true five-star experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-traveler-with-luggage-standing-airport-terminal_259150-58765.jpg" },
{ name: "Sarah J.", handle: "@sarahj", testimonial: "An incredible sanctuary of luxury and comfort.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-stylish-woman-writing-notebook_23-2148777591.jpg" },
{ name: "Michael T.", handle: "@michaelt", testimonial: "Impeccable service and breathtaking views.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-elegant-magnificent-woman-posing-near-luxury-yacht-club-wearing-beige-cashmere-coat-backpack-tourist-warm-pastel-toned-colors_291049-1500.jpg" },
{ name: "Emily R.", handle: "@emilytravels", testimonial: "The perfect blend of traditional warmth and modern elegance.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-suitcase-walking-summer-city_1157-38185.jpg" },
{ name: "David K.", handle: "@davidk", testimonial: "My go-to destination for every business trip.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-suit-looking-camera_23-2148112202.jpg" },
]}
buttons={[{ text: "Book Now", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-beautiful-comtemporary-luxury-bedroom-suite-hotel-with-tv_105762-2058.jpg"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/stylish-smiling-young-woman-coming-out-from-elevator-with-her-suitcase_23-2148033340.jpg", alt: "happy hotel guest" },
{ src: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg", alt: "tourist guest" },
{ src: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-woman_23-2148317338.jpg", alt: "business guest" },
{ src: "http://img.b2bpic.net/free-photo/portrait-traveller-with-hat-looking-away_23-2148588543.jpg", alt: "traveller" },
{ src: "http://img.b2bpic.net/free-photo/happy-female-explorer-observes-something-far-away-uses-binoculars-observes-spectacular-view-discovers-new-places-carries-rucksack-isolated-brown-background-blank-space-your-promotion_273609-61768.jpg", alt: "relaxed guest" },
]}
avatarText="Join 5,000+ satisfied guests"
/>
</div>
<div id="dining" data-section="dining">
<MediaAbout
useInvertedBackground={true}
title="Exquisite Dining Experience"
description="We offer a variety of options to tantalize your taste buds. From traditional Ethiopian cuisine to international favorites, our talented chefs ensure a memorable culinary journey."
imageSrc="http://img.b2bpic.net/free-photo/luxurious-hotel-bar-lounge_23-2151933842.jpg?_wi=1"
/>
</div>
<div id="dining" data-section="dining">
<MediaAbout
useInvertedBackground={true}
title="Exquisite Dining Experience"
description="We offer a variety of options to tantalize your taste buds. From traditional Ethiopian cuisine to international favorites, our talented chefs ensure a memorable culinary journey."
imageSrc="http://img.b2bpic.net/free-photo/luxurious-hotel-bar-lounge_23-2151933842.jpg"
/>
</div>
<div id="rooms" data-section="rooms">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Executive Suite",
price: "From $150",
imageSrc: "http://img.b2bpic.net/free-photo/interior-modern-comfortable-hotel-room_1232-1822.jpg?_wi=1",
},
{
id: "2",
name: "Standard Twin Room",
price: "From $90",
imageSrc: "http://img.b2bpic.net/free-photo/two-individual-beds_1203-18.jpg?_wi=1",
},
{
id: "3",
name: "Deluxe Suite",
price: "From $200",
imageSrc: "http://img.b2bpic.net/free-photo/elegant-hotel-room-with-big-bed_1203-1494.jpg?_wi=1",
},
{
id: "4",
name: "Family Suite",
price: "From $250",
imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497267.jpg",
},
{
id: "5",
name: "Junior Room",
price: "From $80",
imageSrc: "http://img.b2bpic.net/free-photo/white-modern-clean-house-blue_1203-5089.jpg",
},
{
id: "6",
name: "Penthouse Suite",
price: "From $400",
imageSrc: "http://img.b2bpic.net/free-photo/view-futuristic-bedroom-with-furniture_23-2151151898.jpg",
},
]}
title="Our Luxurious Collections"
description="Indulge in our carefully designed suites and rooms, built for ultimate comfort and elegance."
/>
</div>
<div id="rooms" data-section="rooms">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{ id: "1", name: "Executive Suite", price: "From $150", imageSrc: "http://img.b2bpic.net/free-photo/interior-modern-comfortable-hotel-room_1232-1822.jpg" },
{ id: "2", name: "Standard Twin Room", price: "From $90", imageSrc: "http://img.b2bpic.net/free-photo/two-individual-beds_1203-18.jpg" },
{ id: "3", name: "Deluxe Suite", price: "From $200", imageSrc: "http://img.b2bpic.net/free-photo/elegant-hotel-room-with-big-bed_1203-1494.jpg" },
{ id: "4", name: "Family Suite", price: "From $250", imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497267.jpg" },
{ id: "5", name: "Junior Room", price: "From $80", imageSrc: "http://img.b2bpic.net/free-photo/white-modern-clean-house-blue_1203-5089.jpg" },
{ id: "6", name: "Penthouse Suite", price: "From $400", imageSrc: "http://img.b2bpic.net/free-photo/view-futuristic-bedroom-with-furniture_23-2151151898.jpg" },
]}
title="Our Luxurious Collections"
description="Indulge in our carefully designed suites and rooms, built for ultimate comfort and elegance."
/>
</div>
<div id="amenities" data-section="amenities">
<FeatureCardTwentyThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{
id: "a1",
title: "Swimming Pool",
tags: [
"Relaxation",
],
imageSrc: "http://img.b2bpic.net/free-photo/hammocks-spa-with-wooden-boxes_1203-1120.jpg",
},
{
id: "a2",
title: "Free WiFi",
tags: [
"Connectivity",
],
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-around-swimming-pool_74190-9625.jpg",
},
{
id: "a3",
title: "Business Center",
tags: [
"Productivity",
],
imageSrc: "http://img.b2bpic.net/free-photo/empty-swimming-pool-with-hydrotherapy-showers-health-spa-copy-space_637285-6699.jpg",
},
]}
title="World-Class Amenities"
description="Relax, refresh and rejuvenate under one roof."
/>
</div>
<div id="amenities" data-section="amenities">
<FeatureCardTwentyThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{ id: "a1", title: "Swimming Pool", tags: ["Relaxation"], imageSrc: "http://img.b2bpic.net/free-photo/hammocks-spa-with-wooden-boxes_1203-1120.jpg" },
{ id: "a2", title: "Free WiFi", tags: ["Connectivity"], imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-around-swimming-pool_74190-9625.jpg" },
{ id: "a3", title: "Business Center", tags: ["Productivity"], imageSrc: "http://img.b2bpic.net/free-photo/empty-swimming-pool-with-hydrotherapy-showers-health-spa-copy-space_637285-6699.jpg" },
]}
title="World-Class Amenities"
description="Relax, refresh and rejuvenate under one roof."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah J.",
date: "Jan 2024",
title: "Best in Mekelle",
quote: "Five star rated, probably the only five star hotel in the area.",
tag: "Top Review",
avatarSrc: "http://img.b2bpic.net/free-photo/stylish-smiling-young-woman-coming-out-from-elevator-with-her-suitcase_23-2148033340.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-comtemporary-luxury-bedroom-suite-hotel-with-tv_105762-2058.jpg?_wi=2",
imageAlt: "happy hotel guest smiling",
},
{
id: "2",
name: "Michael T.",
date: "Feb 2024",
title: "Amazing Stay",
quote: "Beautiful pool, quality dining and excellent staff.",
tag: "Recommend",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-hotel-bar-lounge_23-2151933842.jpg?_wi=2",
imageAlt: "happy hotel guest smiling",
},
{
id: "3",
name: "Emily R.",
date: "Mar 2024",
title: "Professional",
quote: "Highly recommended for business trips to Ethiopia.",
tag: "Excellent",
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-woman_23-2148317338.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/interior-modern-comfortable-hotel-room_1232-1822.jpg?_wi=2",
imageAlt: "happy hotel guest smiling",
},
{
id: "4",
name: "David K.",
date: "Apr 2024",
title: "Comfortable",
quote: "Everything was perfect and seamless.",
tag: "Great",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-traveller-with-hat-looking-away_23-2148588543.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/two-individual-beds_1203-18.jpg?_wi=2",
imageAlt: "happy hotel guest smiling",
},
{
id: "5",
name: "Anna S.",
date: "May 2024",
title: "Great Staff",
quote: "Very accommodating and friendly team.",
tag: "Lovely",
avatarSrc: "http://img.b2bpic.net/free-photo/happy-female-explorer-observes-something-far-away-uses-binoculars-observes-spectacular-view-discovers-new-places-carries-rucksack-isolated-brown-background-blank-space-your-promotion_273609-61768.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/elegant-hotel-room-with-big-bed_1203-1494.jpg?_wi=2",
imageAlt: "happy hotel guest smiling",
},
]}
title="Guest Reviews"
description="We take pride in serving our guests with the best experience."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Sarah J.", date: "Jan 2024", title: "Best in Mekelle", quote: "Five star rated.", tag: "Top Review", avatarSrc: "http://img.b2bpic.net/free-photo/stylish-smiling-young-woman-coming-out-from-elevator-with-her-suitcase_23-2148033340.jpg" },
{ id: "2", name: "Michael T.", date: "Feb 2024", title: "Amazing Stay", quote: "Beautiful pool.", tag: "Recommend", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg" },
{ id: "3", name: "Emily R.", date: "Mar 2024", title: "Professional", quote: "Highly recommended.", tag: "Excellent", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-woman_23-2148317338.jpg" },
{ id: "4", name: "David K.", date: "Apr 2024", title: "Comfortable", quote: "Everything was perfect.", tag: "Great", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-traveller-with-hat-looking-away_23-2148588543.jpg" },
{ id: "5", name: "Anna S.", date: "May 2024", title: "Great Staff", quote: "Very accommodating.", tag: "Lovely", avatarSrc: "http://img.b2bpic.net/free-photo/happy-female-explorer-observes-something-far-away-uses-binoculars-observes-spectacular-view-discovers-new-places-carries-rucksack-isolated-brown-background-blank-space-your-promotion_273609-61768.jpg" },
]}
title="Guest Reviews"
description="We take pride in serving our guests."
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={true}
title="Book Your Stay Today"
description="Plan an unforgettable experience in Mek'ele and Addis Ababa."
inputs={[
{
name: "fullName",
type: "text",
placeholder: "Full Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Email Address",
required: true,
},
]}
textarea={{
name: "message",
placeholder: "Tell us about your reservation requirements...",
rows: 4,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-beautiful-luxury-bedroom-suite-hotel-with-tv-working-table_105762-2022.jpg"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={true}
title="Book Your Stay Today"
description="Plan an unforgettable experience in Mek'ele and Addis Ababa."
inputs={[
{ name: "fullName", type: "text", placeholder: "Full Name", required: true },
{ name: "email", type: "email", placeholder: "Email Address", required: true },
]}
textarea={{ name: "message", placeholder: "Tell us about your requirements...", rows: 4, required: true }}
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-beautiful-luxury-bedroom-suite-hotel-with-tv-working-table_105762-2022.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Planet Hotel Ethiopia"
columns={[
{
title: "Contact",
items: [
{
label: "+251 935 987272",
href: "tel:+251935987272",
},
{
label: "reservation@planethotelethiopia.com",
href: "mailto:reservation@planethotelethiopia.com",
},
],
},
{
title: "Office",
items: [
{
label: "Bole, Wollosefer, Addis Ababa",
href: "#",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Planet Hotel Ethiopia"
columns={[
{ title: "Contact", items: [{ label: "+251 935 987272", href: "tel:+251935987272" }, { label: "reservation@planethotelethiopia.com", href: "mailto:reservation@planethotelethiopia.com" }] },
{ title: "Office", items: [{ label: "Bole, Wollosefer, Addis Ababa", href: "#" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);