From ce988c1a26d8519a5437ee07d4cd7182518b2b0b Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 6 May 2026 12:16:59 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 438 +++++++++++++----------------------------------
 1 file changed, 122 insertions(+), 316 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 59f9d91..00847bf 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -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>
   );
-- 
2.49.1