From e63dd6895b6ddb945f627c73b720ea6b321ee14c Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 28 Apr 2026 12:18:56 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 413 ++++++++++++++++-------------------------------
 1 file changed, 135 insertions(+), 278 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3782b54..ce86553 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,293 +28,150 @@ export default function LandingPage() {
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Rooms",
-          id: "rooms",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Pearl of Beirut"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Rooms", id: "rooms" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Pearl of Beirut"
+            button={{ text: "Book Now", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardGallery
-      background={{
-        variant: "radial-gradient",
-      }}
-      title="Timeless Elegance in the Heart of Beirut"
-      description="Experience unparalleled comfort and historic charm at Pearl of Beirut."
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/day-view-dam-ebro-river-logrono_1398-4853.jpg",
-          imageAlt: "Beirut skyline view",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/dreamy-interior-mall_23-2151591376.jpg",
-          imageAlt: "Hotel lobby entrance",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-apartment-with-elegant-wood-flooring-generated-by-ai_188544-36597.jpg",
-          imageAlt: "Deluxe room interior",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/gourmet-meal-served-with-wine_23-2148516896.jpg",
-          imageAlt: "Elegant restaurant dining",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/cocktail-refreshment-neo-futuristic-style_23-2151370310.jpg",
-          imageAlt: " Rooftop bar sunset",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/house-exterior-with-wooden-fence_23-2147663471.jpg",
-          imageAlt: "Outdoor courtyard patio",
-        },
-      ]}
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardGallery
+            background={{ variant: "radial-gradient" }}
+            title="Timeless Elegance in the Heart of Beirut"
+            description="Experience unparalleled comfort and historic charm at Pearl of Beirut."
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/day-view-dam-ebro-river-logrono_1398-4853.jpg", imageAlt: "Beirut skyline view" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/dreamy-interior-mall_23-2151591376.jpg", imageAlt: "Hotel lobby entrance" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-apartment-with-elegant-wood-flooring-generated-by-ai_188544-36597.jpg", imageAlt: "Deluxe room interior" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/gourmet-meal-served-with-wine_23-2148516896.jpg", imageAlt: "Elegant restaurant dining" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/cocktail-refreshment-neo-futuristic-style_23-2151370310.jpg", imageAlt: "Rooftop bar sunset" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/house-exterior-with-wooden-fence_23-2147663471.jpg", imageAlt: "Outdoor courtyard patio" },
+            ]}
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <SplitAbout
-      textboxLayout="split"
-      useInvertedBackground={false}
-      title="A Legacy of Hospitality"
-      description="Nestled in the center of Beirut, our hotel combines classic heritage with modern luxury, offering a tranquil sanctuary for travelers from around the world."
-      bulletPoints={[
-        {
-          title: "Historic Location",
-          description: "Ideally situated for exploring city landmarks.",
-        },
-        {
-          title: "Luxurious Amenities",
-          description: "Enjoy world-class dining, spa, and fitness facilities.",
-        },
-        {
-          title: "Personalized Service",
-          description: "Our team ensures every stay is curated to perfection.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/facade-window-colonial-style-bangkok-thailand_1150-10807.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <SplitAbout
+            textboxLayout="split"
+            useInvertedBackground={false}
+            title="A Legacy of Hospitality"
+            description="Nestled in the center of Beirut, our hotel combines classic heritage with modern luxury, offering a tranquil sanctuary for travelers from around the world."
+            bulletPoints={[
+              { title: "Historic Location", description: "Ideally situated for exploring city landmarks." },
+              { title: "Luxurious Amenities", description: "Enjoy world-class dining, spa, and fitness facilities." },
+              { title: "Personalized Service", description: "Our team ensures every stay is curated to perfection." },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/facade-window-colonial-style-bangkok-thailand_1150-10807.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="rooms" data-section="rooms">
-      <ProductCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "1",
-          name: "Standard Suite",
-          price: "$150/night",
-          imageSrc: "http://img.b2bpic.net/free-photo/white-comfortable-pillow-decoration-interior-bedroom_74190-11125.jpg",
-        },
-        {
-          id: "2",
-          name: "Deluxe Room",
-          price: "$220/night",
-          imageSrc: "http://img.b2bpic.net/free-photo/bedroom-with-bed-chair-front-sliding-glass-door_1340-25294.jpg",
-        },
-        {
-          id: "3",
-          name: "Executive Suite",
-          price: "$350/night",
-          imageSrc: "http://img.b2bpic.net/free-photo/relaxed-businessman-sitting-bed-besides-luggage-bag_1163-5498.jpg",
-        },
-        {
-          id: "4",
-          name: "Royal Suite",
-          price: "$500/night",
-          imageSrc: "http://img.b2bpic.net/free-photo/ornate-bed-art-nouveau-style_23-2150975587.jpg",
-        },
-        {
-          id: "5",
-          name: "Family Room",
-          price: "$280/night",
-          imageSrc: "http://img.b2bpic.net/free-photo/bellboy-providing-services-client-lounge-area-before-registering-front-desk-hotel-guest-waiting-couch-talking-african-american-bellhop-summer-vacation-handheld-shot_482257-72657.jpg",
-        },
-        {
-          id: "6",
-          name: "Honeymoon Suite",
-          price: "$400/night",
-          imageSrc: "http://img.b2bpic.net/free-photo/flowers-glasses-drink-near-couple-kissing-spa-tub_23-2148003837.jpg",
-        },
-      ]}
-      title="Accommodations"
-      description="Discover our uniquely designed rooms and suites tailored for your comfort."
-    />
-  </div>
+        <div id="rooms" data-section="rooms">
+          <ProductCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={true}
+            products={[
+              { id: "1", name: "Standard Suite", price: "$150/night", imageSrc: "http://img.b2bpic.net/free-photo/white-comfortable-pillow-decoration-interior-bedroom_74190-11125.jpg" },
+              { id: "2", name: "Deluxe Room", price: "$220/night", imageSrc: "http://img.b2bpic.net/free-photo/bedroom-with-bed-chair-front-sliding-glass-door_1340-25294.jpg" },
+              { id: "3", name: "Executive Suite", price: "$350/night", imageSrc: "http://img.b2bpic.net/free-photo/relaxed-businessman-sitting-bed-besides-luggage-bag_1163-5498.jpg" },
+              { id: "4", name: "Royal Suite", price: "$500/night", imageSrc: "http://img.b2bpic.net/free-photo/ornate-bed-art-nouveau-style_23-2150975587.jpg" },
+              { id: "5", name: "Family Room", price: "$280/night", imageSrc: "http://img.b2bpic.net/free-photo/bellboy-providing-services-client-lounge-area-before-registering-front-desk-hotel-guest-waiting-couch-talking-african-american-bellhop-summer-vacation-handheld-shot_482257-72657.jpg" },
+              { id: "6", name: "Honeymoon Suite", price: "$400/night", imageSrc: "http://img.b2bpic.net/free-photo/flowers-glasses-drink-near-couple-kissing-spa-tub_23-2148003837.jpg" },
+            ]}
+            title="Accommodations"
+            description="Discover our uniquely designed rooms and suites tailored for your comfort."
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardSix
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Rooftop Restaurant",
-          description: "Authentic Mediterranean cuisine with panoramic views.",
-          imageSrc: "http://img.b2bpic.net/free-photo/wooden-table-background-cityscape_1153-3807.jpg",
-        },
-        {
-          title: "Wellness Spa",
-          description: "Rejuvenating treatments and modern hydrotherapy.",
-          imageSrc: "http://img.b2bpic.net/free-photo/girl-enjoying-spa-day-robe_23-2148238375.jpg",
-        },
-        {
-          title: "Business Center",
-          description: "Fully equipped spaces for meetings and conferences.",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-employee-leaving-office-job-waving-colleague-woman-sitting-desk-working-business-report-presentation-doing-executive-project-work-company-network-sunset_482257-48874.jpg",
-        },
-      ]}
-      title="Exceptional Amenities"
-      description="Enhance your stay with our thoughtfully curated services."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardSix
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { title: "Rooftop Restaurant", description: "Authentic Mediterranean cuisine with panoramic views.", imageSrc: "http://img.b2bpic.net/free-photo/wooden-table-background-cityscape_1153-3807.jpg" },
+              { title: "Wellness Spa", description: "Rejuvenating treatments and modern hydrotherapy.", imageSrc: "http://img.b2bpic.net/free-photo/girl-enjoying-spa-day-robe_23-2148238375.jpg" },
+              { title: "Business Center", description: "Fully equipped spaces for meetings and conferences.", imageSrc: "http://img.b2bpic.net/free-photo/male-employee-leaving-office-job-waving-colleague-woman-sitting-desk-working-business-report-presentation-doing-executive-project-work-company-network-sunset_482257-48874.jpg" },
+            ]}
+            title="Exceptional Amenities"
+            description="Enhance your stay with our thoughtfully curated services."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="bento-grid"
-      useInvertedBackground={true}
-      metrics={[
-        {
-          id: "1",
-          value: "50+",
-          description: "Years of experience",
-        },
-        {
-          id: "2",
-          value: "10k+",
-          description: "Happy guests hosted",
-        },
-        {
-          id: "3",
-          value: "98%",
-          description: "Satisfaction rate",
-        },
-      ]}
-      title="A Trusted Choice"
-      description="Numbers that speak to our commitment to excellence."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="bento-grid"
+            useInvertedBackground={true}
+            metrics={[
+              { id: "1", value: "50+", description: "Years of experience" },
+              { id: "2", value: "10k+", description: "Happy guests hosted" },
+              { id: "3", value: "98%", description: "Satisfaction rate" },
+            ]}
+            title="A Trusted Choice"
+            description="Numbers that speak to our commitment to excellence."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardThirteen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah Miller",
-          handle: "@sarah_m",
-          testimonial: "A beautiful stay in the heart of the city.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/employee-working-with-trendy-clothes_482257-78860.jpg",
-        },
-        {
-          id: "2",
-          name: "David Clark",
-          handle: "@d_clark",
-          testimonial: "Exceptional service and amazing rooftop view.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-surfer-snapback-looking-smiling-cheerfully-after-winning-sports-contest-surfers-holding-his-white-surfboard-his-arm_273609-1551.jpg",
-        },
-        {
-          id: "3",
-          name: "Maria Rossi",
-          handle: "@m_rossi",
-          testimonial: "My favorite hotel in Beirut. Highly recommend.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-caucasian-brunette-woman-wear-white-sweater-with-crossed-arms-looks-away-city-indoors_197531-33292.jpg",
-        },
-        {
-          id: "4",
-          name: "John Doe",
-          handle: "@john_d",
-          testimonial: "Perfect location and very clean rooms.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-standing-with-luggage-waiting-area-airport_107420-95857.jpg",
-        },
-        {
-          id: "5",
-          name: "Elena P.",
-          handle: "@elena_p",
-          testimonial: "A truly wonderful experience for our anniversary.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/carefree-elder-tourist-woman-beach_23-2148620254.jpg",
-        },
-      ]}
-      showRating={true}
-      title="Guest Experiences"
-      description="Read what our cherished guests have to say about their stay."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardThirteen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Sarah Miller", handle: "@sarah_m", testimonial: "A beautiful stay in the heart of the city.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/employee-working-with-trendy-clothes_482257-78860.jpg" },
+              { id: "2", name: "David Clark", handle: "@d_clark", testimonial: "Exceptional service and amazing rooftop view.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-young-surfer-snapback-looking-smiling-cheerfully-after-winning-sports-contest-surfers-holding-his-white-surfboard-his-arm_273609-1551.jpg" },
+              { id: "3", name: "Maria Rossi", handle: "@m_rossi", testimonial: "My favorite hotel in Beirut. Highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-caucasian-brunette-woman-wear-white-sweater-with-crossed-arms-looks-away-city-indoors_197531-33292.jpg" },
+              { id: "4", name: "John Doe", handle: "@john_d", testimonial: "Perfect location and very clean rooms.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businessman-standing-with-luggage-waiting-area-airport_107420-95857.jpg" },
+              { id: "5", name: "Elena P.", handle: "@elena_p", testimonial: "A truly wonderful experience for our anniversary.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/carefree-elder-tourist-woman-beach_23-2148620254.jpg" },
+            ]}
+            showRating={true}
+            title="Guest Experiences"
+            description="Read what our cherished guests have to say about their stay."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "1",
-          title: "Is parking available?",
-          content: "Yes, we provide valet parking for all our guests.",
-        },
-        {
-          id: "2",
-          title: "Are airport transfers included?",
-          content: "Transfers can be arranged upon request at an additional fee.",
-        },
-        {
-          id: "3",
-          title: "Are pets allowed?",
-          content: "We allow small pets with prior notice.",
-        },
-      ]}
-      sideTitle="Frequently Asked Questions"
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitText
+            useInvertedBackground={true}
+            faqs={[
+              { id: "1", title: "Is parking available?", content: "Yes, we provide valet parking for all our guests." },
+              { id: "2", title: "Are airport transfers included?", content: "Transfers can be arranged upon request at an additional fee." },
+              { id: "3", title: "Are pets allowed?", content: "We allow small pets with prior notice." },
+            ]}
+            sideTitle="Frequently Asked Questions"
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Contact Us"
-      title="Start Your Beirut Journey"
-      description="Have questions or ready to book your stay? Get in touch with us today."
-      imageSrc="http://img.b2bpic.net/free-photo/woman-traveler-talking-receptionist-about-room-reservation_482257-82841.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Contact Us"
+            title="Start Your Beirut Journey"
+            description="Have questions or ready to book your stay? Get in touch with us today."
+            imageSrc="http://img.b2bpic.net/free-photo/woman-traveler-talking-receptionist-about-room-reservation_482257-82841.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="Pearl of Beirut"
-      copyrightText="© 2025 Pearl of Beirut. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="Pearl of Beirut"
+            copyrightText="© 2025 Pearl of Beirut. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1