From 80d7d65ea95a7dbf8bd4994f43de674d679d78d7 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 11 Apr 2026 22:07:44 +0000
Subject: [PATCH] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 67e567d..a5d1f6e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -27,137 +27,136 @@ export default function LandingPage() {
         headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        { name: "Rooms", id: "rooms" },
-        { name: "Restaurant", id: "restaurant" },
-        { name: "Facilities", id: "facilities" },
-        { name: "Location", id: "location" },
-      ]}
-      brandName="A PLACE TO HOTEL"
-      button={{
-        text: "Book a stay",        href: "#booking"}}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Rooms", id: "rooms" },
+              { name: "Restaurant", id: "restaurant" },
+              { name: "Facilities", id: "facilities" },
+              { name: "Location", id: "location" },
+            ]}
+            brandName="A PLACE TO HOTEL"
+            button={{ text: "Book a stay", href: "#booking" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroLogoBillboard
-      background={{ variant: "gradient-bars" }}
-      logoText="A PLACE TO HOTEL"
-      description="Raw architecture. Panoramic views. Warm, personal service. This is where you come to feel something."
-      buttons={[
-        { text: "Reserve your room", href: "#booking" },
-        { text: "Explore the hotel", href: "#story" },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13119.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroLogoBillboard
+            background={{ variant: "gradient-bars" }}
+            logoText="A PLACE TO HOTEL"
+            description="Raw architecture. Panoramic views. Warm, personal service. This is where you come to feel something."
+            buttons={[
+              { text: "Reserve your room", href: "#booking" },
+              { text: "Explore the hotel", href: "#story" },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13119.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="story" data-section="story">
-      <AboutMetric
-      useInvertedBackground={true}
-      title="A place unlike any other"
-      metrics={[
-        { icon: Building2, label: "Architecture", value: "Designed by BIG" },
-        { icon: Utensils, label: "Rooftop Dining", value: "Floor 17" },
-        { icon: Star, label: "Furniture", value: "Danish HAY" },
-        { icon: Zap, label: "Amenities", value: "EV Charging" },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="story" data-section="story">
+          <AboutMetric
+            useInvertedBackground={true}
+            title="A place unlike any other"
+            metrics={[
+              { icon: Building2, label: "Architecture", value: "Designed by BIG" },
+              { icon: Utensils, label: "Rooftop Dining", value: "Floor 17" },
+              { icon: Star, label: "Furniture", value: "Danish HAY" },
+              { icon: Zap, label: "Amenities", value: "EV Charging" },
+            ]}
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="rooms" data-section="rooms">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        { id: "classic", brand: "Esbjerg View", name: "Classic Room", price: "1.200 DKK", rating: 5, reviewCount: "50+", imageSrc: "http://img.b2bpic.net/free-photo/elegant-black-gold-podium-with-spotlight-product-presentation_84443-73952.jpg" },
-        { id: "superior", brand: "Most Popular", name: "Superior Room", price: "1.600 DKK", rating: 5, reviewCount: "120+", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-sci-fi-techno-lights-cool-background_181624-26156.jpg" },
-        { id: "suite", brand: "Luxury Tier", name: "The Suite", price: "2.800 DKK", rating: 5, reviewCount: "30+", imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13547.jpg" },
-      ]}
-      title="Private Sanctuaries"
-      description="Each room reflects the raw elegance of Bjarke Ingels' brutalist architecture, softened by Danish HAY interior design."
-    />
-  </div>
+        <div id="rooms" data-section="rooms">
+          <ProductCardTwo
+            animationType="slide-up"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            products={[
+              { id: "classic", brand: "Esbjerg View", name: "Classic Room", price: "1.200 DKK", rating: 5, reviewCount: "50+", imageSrc: "http://img.b2bpic.net/free-photo/elegant-black-gold-podium-with-spotlight-product-presentation_84443-73952.jpg" },
+              { id: "superior", brand: "Most Popular", name: "Superior Room", price: "1.600 DKK", rating: 5, reviewCount: "120+", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-sci-fi-techno-lights-cool-background_181624-26156.jpg" },
+              { id: "suite", brand: "Luxury Tier", name: "The Suite", price: "2.800 DKK", rating: 5, reviewCount: "30+", imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13547.jpg" },
+            ]}
+            title="Private Sanctuaries"
+            description="Each room reflects the raw elegance of Bjarke Ingels' brutalist architecture, softened by Danish HAY interior design."
+            textboxLayout="split"
+          />
+        </div>
 
-  <div id="restaurant" data-section="restaurant">
-      <FeatureCardSeven
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      features={[
-        { title: "Panoramic Views", description: "Binoculars at every table to scan the horizon.", imageSrc: "http://img.b2bpic.net/free-photo/gray-concrete-pillars_181624-1500.jpg" },
-        { title: "Tasting Menus", description: "Curated dishes designed to showcase local produce.", imageSrc: "http://img.b2bpic.net/free-photo/modern-architecture-building_1150-11016.jpg" },
-        { title: "Cocktail Bar", description: "Expertly crafted drinks as the sun sets.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283245.jpg" },
-      ]}
-      title="Dinner at 17"
-      description="Dine amongst the clouds at Restaurant Plate. With panoramic views of the harbour and Fanø island, our tasting menus focus on local, seasonal Danish ingredients."
-    />
-  </div>
+        <div id="restaurant" data-section="restaurant">
+          <FeatureCardSeven
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            features={[
+              { title: "Panoramic Views", description: "Binoculars at every table to scan the horizon.", imageSrc: "http://img.b2bpic.net/free-photo/gray-concrete-pillars_181624-1500.jpg" },
+              { title: "Tasting Menus", description: "Curated dishes designed to showcase local produce.", imageSrc: "http://img.b2bpic.net/free-photo/modern-architecture-building_1150-11016.jpg" },
+              { title: "Cocktail Bar", description: "Expertly crafted drinks as the sun sets.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283245.jpg" },
+            ]}
+            title="Dinner at 17"
+            description="Dine amongst the clouds at Restaurant Plate. With panoramic views of the harbour and Fanø island, our tasting menus focus on local, seasonal Danish ingredients."
+          />
+        </div>
 
-  <div id="facilities" data-section="facilities">
-      <FeatureCardSeven
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        { title: "Dog-Friendly", description: "Your four-legged friends are welcome here.", imageSrc: "http://img.b2bpic.net/free-photo/silhouette-person-city_23-2149211284.jpg" },
-        { title: "Fitness & Wellness", description: "Stay active in our minimalist gym.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-palm-tree-leaves_23-2148229264.jpg" },
-        { title: "EV Charging", description: "We support your sustainable journey.", imageSrc: "http://img.b2bpic.net/free-photo/corner-orange-wall-low-view_23-2148742540.jpg" },
-      ]}
-      title="Thoughtful Amenities"
-      description="From our lobby lounge filled with board games to our dog-friendly policies, every detail serves a purpose."
-    />
-  </div>
+        <div id="facilities" data-section="facilities">
+          <FeatureCardSeven
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { title: "Dog-Friendly", description: "Your four-legged friends are welcome here.", imageSrc: "http://img.b2bpic.net/free-photo/silhouette-person-city_23-2149211284.jpg" },
+              { title: "Fitness & Wellness", description: "Stay active in our minimalist gym.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-palm-tree-leaves_23-2148229264.jpg" },
+              { title: "EV Charging", description: "We support your sustainable journey.", imageSrc: "http://img.b2bpic.net/free-photo/corner-orange-wall-low-view_23-2148742540.jpg" },
+            ]}
+            title="Thoughtful Amenities"
+            description="From our lobby lounge filled with board games to our dog-friendly policies, every detail serves a purpose."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardThirteen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      testimonials={[
-        { id: "1", name: "Smilla R.", handle: "Google Review", testimonial: "Service in top. The view — formidable. We will 100% return.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-portrait_23-2149213189.jpg" },
-        { id: "2", name: "Arthur Z.", handle: "Google Review", testimonial: "The exterior architecture is a masterpiece... a truly wonderful stay.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-taking-selfie-medium-shot_23-2149737033.jpg" },
-        { id: "3", name: "Alex", handle: "Google Review", testimonial: "Added so much to our wedding weekend. The restaurant at the top was amazing.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-traveler-posing_23-2148357248.jpg" },
-        { id: "4", name: "Eric B.", handle: "Google Review", testimonial: "Modern, clean, very quiet rooms. Best hotel dining in Denmark.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/photo-beautiful-seductive-young-caucasian-woman-golden-cocktail-dress-looking-into-camera-brown-background_639032-1807.jpg" },
-        { id: "5", name: "Jens", handle: "Google Review", testimonial: "Friendly staff, comfortable rooms with balcony, great view, delicious breakfast.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-thinking-about-business-while-holding-hand-chin-isolated-dark-background_613910-6615.jpg" },
-        { id: "6", name: "Roman S.", handle: "Google Review", testimonial: "Super hotel with very friendly staff. We would love to come back.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-adult-trekker-camping-with-his-tent-mountain-top_482257-119705.jpg" },
-      ]}
-      showRating={true}
-      title="Guest Experiences"
-      description="Voices from our guests who discovered the brutalist charm of Esbjerg."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardThirteen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            testimonials={[
+              { id: "1", name: "Smilla R.", handle: "Google Review", testimonial: "Service in top. The view — formidable. We will 100% return.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-portrait_23-2149213189.jpg" },
+              { id: "2", name: "Arthur Z.", handle: "Google Review", testimonial: "The exterior architecture is a masterpiece... a truly wonderful stay.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-taking-selfie-medium-shot_23-2149737033.jpg" },
+              { id: "3", name: "Alex", handle: "Google Review", testimonial: "Added so much to our wedding weekend. The restaurant at the top was amazing.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-traveler-posing_23-2148357248.jpg" },
+              { id: "4", name: "Eric B.", handle: "Google Review", testimonial: "Modern, clean, very quiet rooms. Best hotel dining in Denmark.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/photo-beautiful-seductive-young-caucasian-woman-golden-cocktail-dress-looking-into-camera-brown-background_639032-1807.jpg" },
+              { id: "5", name: "Jens", handle: "Google Review", testimonial: "Friendly staff, comfortable rooms with balcony, great view, delicious breakfast.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-thinking-about-business-while-holding-hand-chin-isolated-dark-background_613910-6615.jpg" },
+              { id: "6", name: "Roman S.", handle: "Google Review", testimonial: "Super hotel with very friendly staff. We would love to come back.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-adult-trekker-camping-with-his-tent-mountain-top_482257-119705.jpg" },
+            ]}
+            showRating={true}
+            title="Guest Experiences"
+            description="Voices from our guests who discovered the brutalist charm of Esbjerg."
+          />
+        </div>
 
-  <div id="booking" data-section="booking">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Your room is waiting."
-      description="Whether you're here for business, a wedding, or simply to see Esbjerg from above."
-      inputs={[
-        { name: "name", type: "text", placeholder: "Name", required: true },
-        { name: "email", type: "email", placeholder: "Email", required: true },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151012332.jpg"
-      buttonText="Reserve now →"
-    />
-  </div>
+        <div id="booking" data-section="booking">
+          <ContactSplitForm
+            useInvertedBackground={false}
+            title="Your room is waiting."
+            description="Whether you're here for business, a wedding, or simply to see Esbjerg from above."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Name", required: true },
+              { name: "email", type: "email", placeholder: "Email", required: true },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151012332.jpg"
+            buttonText="Reserve now →"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="A PLACE TO HOTEL"
-      copyrightText="© 2025 A Place To Hotel · Esbjerg, Denmark."
-      socialLinks={[
-        { icon: Instagram, href: "#", ariaLabel: "Instagram" },
-        { icon: Facebook, href: "#", ariaLabel: "Facebook" },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="A PLACE TO HOTEL"
+            copyrightText="© 2025 A Place To Hotel · Esbjerg, Denmark."
+            socialLinks={[
+              { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+              { icon: Facebook, href: "#", ariaLabel: "Facebook" },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1