From 788cb3122fe40335c32ba8bf1e1c4bc71afb070f Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 29 Mar 2026 09:39:22 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 360 ++++++++++++++---------------------------------
 1 file changed, 104 insertions(+), 256 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 813149f..e237658 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -17,270 +17,118 @@ export default function LandingPage() {
         defaultButtonVariant="elastic-effect"
         defaultTextAnimation="entrance-slide"
         borderRadius="rounded"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Menu",
-          id: "menu",
-        },
-        {
-          name: "Experience",
-          id: "experience",
-        },
-        {
-          name: "Reserve",
-          id: "contact",
-        },
-      ]}
-      brandName="SOHO"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingInline
+              navItems={[
+                { name: "Menu", id: "menu" },
+                { name: "Experience", id: "experience" },
+                { name: "Reserve", id: "contact" },
+              ]}
+              brandName="SOHO"
+              button={{ text: "Book Now", href: "#contact" }}
+            />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardTestimonial
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="SOHO Islamabad"
-      description="Luxury Pan-Asian Dining Experience. A journey across the boldest flavors of the East."
-      testimonials={[
-        {
-          name: "Ayesha K.",
-          handle: "@ayesha_dining",
-          testimonial: "The hotpot was perfect and very reasonable. Excellent experience.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/there-are-glasses-wine-water-table-with-white-cloth-are-ready-dining_613910-3428.jpg?_wi=1",
-          imageAlt: "luxury restaurant interior warm lighting",
-        },
-        {
-          name: "Omar F.",
-          handle: "@foodie_om",
-          testimonial: "Plenty of variety—Korean, Japanese, Thai & Chinese. Well cooked.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/gourmet-food-plates_1121-52.jpg?_wi=1",
-          imageAlt: "asian food assortment flatlay",
-        },
-        {
-          name: "Sara H.",
-          handle: "@sara_eats",
-          testimonial: "Ambiance is great and food quality is consistently high.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-sitting-table_23-2148773522.jpg?_wi=1",
-          imageAlt: "luxury restaurant interior decor",
-        },
-        {
-          name: "Bilal M.",
-          handle: "@bilal_m",
-          testimonial: "Staff was courteous and the atmosphere is unmatched in the city.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/black-chef-modern-kitchen-adding-herbs-leaves-dish-stove_482257-127688.jpg?_wi=1",
-          imageAlt: "chef preparing fresh food",
-        },
-        {
-          name: "Zaid A.",
-          handle: "@zaid_food",
-          testimonial: "A truly refined dining experience. Will definitely return.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/thai-food-tom-yum-seafood-seafood-spicy-soup_1150-38145.jpg?_wi=1",
-          imageAlt: "thai tom yum soup bowl",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Reserve a Table",
-          href: "#contact",
-        },
-        {
-          text: "Explore Menu",
-          href: "#menu",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/there-are-glasses-wine-water-table-with-white-cloth-are-ready-dining_613910-3428.jpg?_wi=2"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+            <HeroBillboardTestimonial
+              background={{ variant: "gradient-bars" }}
+              title="SOHO Islamabad"
+              description="Luxury Pan-Asian Dining Experience. A journey across the boldest flavors of the East."
+              testimonials={[
+                { name: "Ayesha K.", handle: "@ayesha_dining", testimonial: "The hotpot was perfect and very reasonable. Excellent experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/there-are-glasses-wine-water-table-with-white-cloth-are-ready-dining_613910-3428.jpg", imageAlt: "luxury restaurant interior warm lighting" },
+                { name: "Omar F.", handle: "@foodie_om", testimonial: "Plenty of variety—Korean, Japanese, Thai & Chinese. Well cooked.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/gourmet-food-plates_1121-52.jpg", imageAlt: "asian food assortment flatlay" },
+                { name: "Sara H.", handle: "@sara_eats", testimonial: "Ambiance is great and food quality is consistently high.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-sitting-table_23-2148773522.jpg", imageAlt: "luxury restaurant interior decor" },
+                { name: "Bilal M.", handle: "@bilal_m", testimonial: "Staff was courteous and the atmosphere is unmatched in the city.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/black-chef-modern-kitchen-adding-herbs-leaves-dish-stove_482257-127688.jpg", imageAlt: "chef preparing fresh food" },
+                { name: "Zaid A.", handle: "@zaid_food", testimonial: "A truly refined dining experience. Will definitely return.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/thai-food-tom-yum-seafood-seafood-spicy-soup_1150-38145.jpg", imageAlt: "thai tom yum soup bowl" },
+              ]}
+              buttons={[{ text: "Reserve a Table", href: "#contact" }, { text: "Explore Menu", href: "#menu" }]}
+              imageSrc="http://img.b2bpic.net/free-photo/there-are-glasses-wine-water-table-with-white-cloth-are-ready-dining_613910-3428.jpg"
+            />
+        </div>
 
-  <div id="experience" data-section="experience">
-      <FeatureCardEight
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: 1,
-          title: "Pan-Asian Variety",
-          description: "Korean, Japanese, Thai & Chinese specialties.",
-          imageSrc: "http://img.b2bpic.net/free-photo/gourmet-food-plates_1121-52.jpg?_wi=2",
-        },
-        {
-          id: 2,
-          title: "Premium Ambiance",
-          description: "Elegant interiors designed for unforgettable evenings.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-sitting-table_23-2148773522.jpg?_wi=2",
-        },
-        {
-          id: 3,
-          title: "Freshly Crafted",
-          description: "Every dish prepared with care and precision.",
-          imageSrc: "http://img.b2bpic.net/free-photo/black-chef-modern-kitchen-adding-herbs-leaves-dish-stove_482257-127688.jpg?_wi=2",
-        },
-      ]}
-      title="The SOHO Experience"
-      description="Designed for the sophisticated palate, SOHO blends elegance with culinary excellence."
-    />
-  </div>
+        <div id="experience" data-section="experience">
+            <FeatureCardEight
+              textboxLayout="default"
+              useInvertedBackground={false}
+              features={[
+                { id: 1, title: "Pan-Asian Variety", description: "Korean, Japanese, Thai & Chinese specialties.", imageSrc: "http://img.b2bpic.net/free-photo/gourmet-food-plates_1121-52.jpg" },
+                { id: 2, title: "Premium Ambiance", description: "Elegant interiors designed for unforgettable evenings.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-sitting-table_23-2148773522.jpg" },
+                { id: 3, title: "Freshly Crafted", description: "Every dish prepared with care and precision.", imageSrc: "http://img.b2bpic.net/free-photo/black-chef-modern-kitchen-adding-herbs-leaves-dish-stove_482257-127688.jpg" },
+              ]}
+              title="The SOHO Experience"
+              description="Designed for the sophisticated palate, SOHO blends elegance with culinary excellence."
+            />
+        </div>
 
-  <div id="menu" data-section="menu">
-      <ProductCardFour
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "p1",
-          name: "Tom Yum Gung",
-          price: "Market",
-          variant: "Authentic Thai",
-          imageSrc: "http://img.b2bpic.net/free-photo/thai-food-tom-yum-seafood-seafood-spicy-soup_1150-38145.jpg?_wi=2",
-        },
-        {
-          id: "p2",
-          name: "Prawn Teriyaki",
-          price: "Market",
-          variant: "Japanese Style",
-          imageSrc: "http://img.b2bpic.net/free-photo/shrimps-served-with-arugula-tomatoes_140725-8052.jpg",
-        },
-        {
-          id: "p3",
-          name: "Signature Hotpot",
-          price: "Market",
-          variant: "Customer Favorite",
-          imageSrc: "http://img.b2bpic.net/free-photo/thai-food-tom-yum-seafood-seafood-spicy-soup_1150-38153.jpg",
-        },
-      ]}
-      title="Signature Selections"
-      description="Curated dishes that define the SOHO standard."
-    />
-  </div>
+        <div id="menu" data-section="menu">
+            <ProductCardFour
+              animationType="slide-up"
+              textboxLayout="default"
+              gridVariant="three-columns-all-equal-width"
+              useInvertedBackground={true}
+              products={[
+                { id: "p1", name: "Tom Yum Gung", price: "Market", variant: "Authentic Thai", imageSrc: "http://img.b2bpic.net/free-photo/thai-food-tom-yum-seafood-seafood-spicy-soup_1150-38145.jpg" },
+                { id: "p2", name: "Prawn Teriyaki", price: "Market", variant: "Japanese Style", imageSrc: "http://img.b2bpic.net/free-photo/shrimps-served-with-arugula-tomatoes_140725-8052.jpg" },
+                { id: "p3", name: "Signature Hotpot", price: "Market", variant: "Customer Favorite", imageSrc: "http://img.b2bpic.net/free-photo/thai-food-tom-yum-seafood-seafood-spicy-soup_1150-38153.jpg" },
+              ]}
+              title="Signature Selections"
+              description="Curated dishes that define the SOHO standard."
+            />
+        </div>
 
-  <div id="reviews" data-section="reviews">
-      <TestimonialCardSix
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Sarah",
-          handle: "@sarah",
-          testimonial: "The hotpot was perfect.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-people-with-drinks_23-2149213373.jpg?_wi=1",
-        },
-        {
-          id: "t2",
-          name: "Michael",
-          handle: "@mike",
-          testimonial: "Variety and quality were excellent.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-glass_23-2148965393.jpg",
-        },
-        {
-          id: "t3",
-          name: "Emily",
-          handle: "@emily",
-          testimonial: "Great ambiance, amazing food.",
-          imageSrc: "http://img.b2bpic.net/free-photo/charming-successful-female-entrepreneur-sit-alone-table-restaurant-modern-cafe-touch-neck-cute-tender-smiling-camera-eat-salad-enjoy-coffee-good-food-lead-healthy-diet-relaxing-break-lunch_197531-30650.jpg",
-        },
-        {
-          id: "t4",
-          name: "David",
-          handle: "@david",
-          testimonial: "Courteous staff, lovely evening.",
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-positive-young-woman-with-pinkish-hair-sitting-home-against-golden-light-background-having-optimistic-happy-facial-expression-keeping-hands-chin-smiling-broadly-camera_343059-1907.jpg",
-        },
-        {
-          id: "t5",
-          name: "Farhan",
-          handle: "@farhan",
-          testimonial: "Simply the best fine dining in Islamabad.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-people-with-drinks_23-2149213373.jpg?_wi=2",
-        },
-      ]}
-      title="Guest Experiences"
-      description="Hear what our guests say about their nights at SOHO."
-    />
-  </div>
+        <div id="reviews" data-section="reviews">
+            <TestimonialCardSix
+              animationType="slide-up"
+              textboxLayout="default"
+              useInvertedBackground={false}
+              testimonials={[
+                { id: "t1", name: "Sarah", handle: "@sarah", testimonial: "The hotpot was perfect.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-people-with-drinks_23-2149213373.jpg" },
+                { id: "t2", name: "Michael", handle: "@mike", testimonial: "Variety and quality were excellent.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-glass_23-2148965393.jpg" },
+                { id: "t3", name: "Emily", handle: "@emily", testimonial: "Great ambiance, amazing food.", imageSrc: "http://img.b2bpic.net/free-photo/charming-successful-female-entrepreneur-sit-alone-table-restaurant-modern-cafe-touch-neck-cute-tender-smiling-camera-eat-salad-enjoy-coffee-good-food-lead-healthy-diet-relaxing-break-lunch_197531-30650.jpg" },
+                { id: "t4", name: "David", handle: "@david", testimonial: "Courteous staff, lovely evening.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-positive-young-woman-with-pinkish-hair-sitting-home-against-golden-light-background-having-optimistic-happy-facial-expression-keeping-hands-chin-smiling-broadly-camera_343059-1907.jpg" },
+                { id: "t5", name: "Farhan", handle: "@farhan", testimonial: "Simply the best fine dining in Islamabad.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-people-with-drinks_23-2149213373.jpg" },
+              ]}
+              title="Guest Experiences"
+              description="Hear what our guests say about their nights at SOHO."
+            />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactFaq
-      animationType="slide-up"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "f1",
-          title: "Do I need a reservation?",
-          content: "While walk-ins are welcome, reservations are highly recommended.",
-        },
-        {
-          id: "f2",
-          title: "Are there vegetarian options?",
-          content: "Yes, we offer a dedicated selection of vegetarian dishes.",
-        },
-        {
-          id: "f3",
-          title: "Is parking available?",
-          content: "Yes, valet parking is provided for all our guests.",
-        },
-      ]}
-      ctaTitle="Reserve Your Table"
-      ctaDescription="Join us for an unforgettable Pan-Asian experience."
-      ctaButton={{
-        text: "Book Now",
-        href: "https://booking.soho.pk",
-      }}
-      ctaIcon={Calendar}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+            <ContactFaq
+              animationType="slide-up"
+              useInvertedBackground={true}
+              faqs={[
+                { id: "f1", title: "Do I need a reservation?", content: "While walk-ins are welcome, reservations are highly recommended." },
+                { id: "f2", title: "Are there vegetarian options?", content: "Yes, we offer a dedicated selection of vegetarian dishes." },
+                { id: "f3", title: "Is parking available?", content: "Yes, valet parking is provided for all our guests." },
+              ]}
+              ctaTitle="Reserve Your Table"
+              ctaDescription="Join us for an unforgettable Pan-Asian experience."
+              ctaButton={{ text: "Book Now", href: "https://booking.soho.pk" }}
+              ctaIcon={Calendar}
+            />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="SOHO"
-      columns={[
-        {
-          title: "Navigation",
-          items: [
-            {
-              label: "Menu",
-              href: "#menu",
-            },
-            {
-              label: "Experience",
-              href: "#experience",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2026 SOHO Islamabad — Pan-Asian Luxury Dining"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+            <FooterBaseCard
+              logoText="SOHO"
+              columns={[
+                { title: "Navigation", items: [{ label: "Menu", href: "#menu" }, { label: "Experience", href: "#experience" }, { label: "Contact", href: "#contact" }] },
+                { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
+              ]}
+              copyrightText="© 2026 SOHO Islamabad — Pan-Asian Luxury Dining"
+            />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1