From acde2ad7ab81351251cb04ee61d8912ad4c18e82 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 11 Apr 2026 15:03:05 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 277 +++++++++++++++--------------------------------
 1 file changed, 88 insertions(+), 189 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 942c26c..eb6c836 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -26,201 +26,100 @@ export default function LandingPage() {
         headingFontWeight="light"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Amenities",
-          id: "features",
-        },
-        {
-          name: "Reservations",
-          id: "contact",
-        },
-      ]}
-      brandName="BJ's Lounge"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Amenities", id: "features" },
+              { name: "Reservations", id: "contact" },
+            ]}
+            brandName="BJ's Lounge"
+            button={{ text: "Book Now", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroLogo
-      logoText="BJ's Lounge"
-      description="Your local spot for great drinks, fun games, and unforgettable birthday celebrations. Book your lane or lounge space today!"
-      buttons={[
-        {
-          text: "Book a Party",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-sitting-cafe_627829-5456.jpg"
-      imageAlt="BJ's Lounge atmosphere"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroLogo
+            logoText="BJ's Lounge"
+            description="Your local spot for great drinks, fun games, and unforgettable birthday celebrations. Book your lane or lounge space today!"
+            buttons={[{ text: "Book a Party", href: "#contact" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-sitting-cafe_627829-5456.jpg"
+            imageAlt="BJ's Lounge atmosphere"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MetricSplitMediaAbout
-      useInvertedBackground={true}
-      title="The Ultimate Social Spot"
-      description="BJ's Lounge combines the best of a relaxed pub environment with active entertainment. Whether you're here for a drink after work, a game of pool, or a birthday bash, we've got you covered."
-      metrics={[
-        {
-          value: "15+",
-          title: "Events Hosted",
-        },
-        {
-          value: "4",
-          title: "Bowling Lanes",
-        },
-        {
-          value: "Daily",
-          title: "Happy Hours",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/friends-party-billiard-club_329181-1920.jpg"
-      imageAlt="Social lounge atmosphere"
-      mediaAnimation="slide-up"
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MetricSplitMediaAbout
+            useInvertedBackground={true}
+            title="The Ultimate Social Spot"
+            description="BJ's Lounge combines the best of a relaxed pub environment with active entertainment. Whether you're here for a drink after work, a game of pool, or a birthday bash, we've got you covered."
+            metrics={[
+              { value: "15+", title: "Events Hosted" },
+              { value: "4", title: "Bowling Lanes" },
+              { value: "Daily", title: "Happy Hours" },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/friends-party-billiard-club_329181-1920.jpg"
+            imageAlt="Social lounge atmosphere"
+            mediaAnimation="slide-up"
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureHoverPattern
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          icon: Circle,
-          title: "Bowling Alley",
-          description: "Challenge your friends to a game on our well-maintained lanes.",
-        },
-        {
-          icon: LayoutDashboard,
-          title: "Pool Tables",
-          description: "High-quality billiards tables for friendly competition.",
-        },
-        {
-          icon: Gift,
-          title: "Birthday Parties",
-          description: "Customizable packages for your special day.",
-        },
-      ]}
-      title="More Than Just A Bar"
-      description="Everything you need for an entertaining night out in one place."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureHoverPattern
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { icon: Circle, title: "Bowling Alley", description: "Challenge your friends to a game on our well-maintained lanes." },
+              { icon: LayoutDashboard, title: "Pool Tables", description: "High-quality billiards tables for friendly competition." },
+              { icon: Gift, title: "Birthday Parties", description: "Customizable packages for your special day." },
+            ]}
+            title="More Than Just A Bar"
+            description="Everything you need for an entertaining night out in one place."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",
-          name: "Alex R.",
-          role: "Local Guest",
-          company: "Birthday Celebration",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-tender-parisian-girl-stylish-outfit-sends-air-kiss-portrait-young-woman-with-expressive-look_197531-12004.jpg",
-        },
-        {
-          id: "2",
-          name: "Jordan P.",
-          role: "Regular",
-          company: "Weekend Bowling",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-friends-indoors_23-2148965330.jpg",
-        },
-        {
-          id: "3",
-          name: "Casey L.",
-          role: "Planner",
-          company: "Corporate Event",
-          rating: 4,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-delicious-cocktail_23-2150166153.jpg",
-        },
-        {
-          id: "4",
-          name: "Sam M.",
-          role: "Local",
-          company: "Friday Night",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-holding-heart-eyes-emoticon-star-icons_53876-71034.jpg",
-        },
-        {
-          id: "5",
-          name: "Taylor B.",
-          role: "Visitor",
-          company: "Birthday Party",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-chair_114579-80182.jpg",
-        },
-      ]}
-      title="Loved By Locals"
-      description="See why everyone makes BJ's Lounge their favorite weekend destination."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={true}
+            testimonials={[
+              { id: "1", name: "Alex R.", role: "Local Guest", company: "Birthday Celebration", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-tender-parisian-girl-stylish-outfit-sends-air-kiss-portrait-young-woman-with-expressive-look_197531-12004.jpg" },
+              { id: "2", name: "Jordan P.", role: "Regular", company: "Weekend Bowling", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-friends-indoors_23-2148965330.jpg" },
+              { id: "3", name: "Casey L.", role: "Planner", company: "Corporate Event", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-delicious-cocktail_23-2150166153.jpg" },
+              { id: "4", name: "Sam M.", role: "Local", company: "Friday Night", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-holding-heart-eyes-emoticon-star-icons_53876-71034.jpg" },
+              { id: "5", name: "Taylor B.", role: "Visitor", company: "Birthday Party", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-chair_114579-80182.jpg" },
+            ]}
+            title="Loved By Locals"
+            description="See why everyone makes BJ's Lounge their favorite weekend destination."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Book Now"
-      title="Ready to Celebrate?"
-      description="Secure your birthday reservation or private lane booking today. Our team is here to make your event perfect."
-      buttons={[
-        {
-          text: "Contact Us",
-          href: "mailto:hello@bjslounge.com",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Book Now"
+            title="Ready to Celebrate?"
+            description="Secure your birthday reservation or private lane booking today. Our team is here to make your event perfect."
+            buttons={[{ text: "Contact Us", href: "mailto:hello@bjslounge.com" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Amenities",
-              href: "#features",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Book Event",
-              href: "#contact",
-            },
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="BJ's Lounge"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              { items: [{ label: "About", href: "#about" }, { label: "Amenities", href: "#features" }] },
+              { items: [{ label: "Book Event", href: "#contact" }, { label: "Privacy Policy", href: "#" }] },
+            ]}
+            logoText="BJ's Lounge"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file