From 85e18bcf87f18db2f2c182a7575e87dab0132315 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 12 May 2026 15:57:35 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 412 ++++++++++++++---------------------------------
 1 file changed, 124 insertions(+), 288 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5eb924d..b45f7c1 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -18,304 +18,140 @@ export default function LandingPage() {
         defaultButtonVariant="bounce-effect"
         defaultTextAnimation="reveal-blur"
         borderRadius="pill"
+        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: "Home",
-          id: "hero",
-        },
-        {
-          name: "Experience",
-          id: "features",
-        },
-        {
-          name: "Menu",
-          id: "menu",
-        },
-        {
-          name: "Reviews",
-          id: "testimonials",
-        },
-        {
-          name: "Location",
-          id: "contact",
-        },
-      ]}
-      brandName="Raub SYC"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Experience", id: "features" },
+              { name: "Menu", id: "menu" },
+              { name: "Reviews", id: "testimonials" },
+              { name: "Location", id: "contact" }
+            ]}
+            brandName="Raub SYC"
+            button={{ text: "Reserve Now", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardGallery
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      title="Where Heritage Meets Comfort"
-      description="Authentic Raub-style Hainan coffee, legendary curry noodles, and premium Malaysian comfort food in the heart of Setapak."
-      buttons={[
-        {
-          text: "Reserve a Table",
-          href: "#contact",
-        },
-        {
-          text: "View Signature Menu",
-          href: "#menu",
-        },
-      ]}
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-iron-teapot-with-glass-tea-potted-plant-table_141793-13004.jpg",
-          imageAlt: "luxurious malaysian kopitiam atmosphere interior",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/barbecue-salad-with-crisp-slice-bread_140725-2015.jpg",
-          imageAlt: "steaming hot kaya toast close up",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081461.jpg",
-          imageAlt: "cozy upscale kopitiam dining room",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-red-cafe-interior-with-tiled-walls_181624-59785.jpg",
-          imageAlt: "Vertical shot of a red cafe interior with tiled walls",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/two-men-cafe_23-2147775893.jpg",
-          imageAlt: "Two men in cafe",
-        },
-      ]}
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardGallery
+            background={{ variant: "sparkles-gradient" }}
+            title="Where Heritage Meets Comfort"
+            description="Authentic Raub-style Hainan coffee, legendary curry noodles, and premium Malaysian comfort food in the heart of Setapak."
+            buttons={[
+              { text: "Reserve a Table", href: "#contact" },
+              { text: "View Signature Menu", href: "#menu" }
+            ]}
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/side-view-iron-teapot-with-glass-tea-potted-plant-table_141793-13004.jpg", imageAlt: "luxurious malaysian kopitiam atmosphere interior" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/barbecue-salad-with-crisp-slice-bread_140725-2015.jpg", imageAlt: "steaming hot kaya toast close up" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081461.jpg", imageAlt: "cozy upscale kopitiam dining room" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-red-cafe-interior-with-tiled-walls_181624-59785.jpg", imageAlt: "Vertical shot of a red cafe interior with tiled walls" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/two-men-cafe_23-2147775893.jpg", imageAlt: "Two men in cafe" }
+            ]}
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyEight
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      features={[
-        {
-          id: "f1",
-          title: "Legendary Curry",
-          subtitle: "Rich, spicy, deeply satisfying curry broth loved by returning customers.",
-          category: "Authentic",
-          value: "100%",
-        },
-        {
-          id: "f2",
-          title: "Big Portions",
-          subtitle: "Hearty meals that leave customers full and happy, offering incredible value.",
-          category: "Value",
-          value: "Top",
-        },
-        {
-          id: "f3",
-          title: "Modern Comfort",
-          subtitle: "Air-conditioned comfort with warm hospitality and nostalgic charm.",
-          category: "Service",
-          value: "5*",
-        },
-      ]}
-      title="The Kopitiam Everyone Comes Back For"
-      description="Discover why we are the premium choice in Setapak for authentic heritage flavors."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentyEight
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            features={[
+              { id: "f1", title: "Legendary Curry", subtitle: "Rich, spicy, deeply satisfying curry broth loved by returning customers.", category: "Authentic", value: "100%" },
+              { id: "f2", title: "Big Portions", subtitle: "Hearty meals that leave customers full and happy, offering incredible value.", category: "Value", value: "Top" },
+              { id: "f3", title: "Modern Comfort", subtitle: "Air-conditioned comfort with warm hospitality and nostalgic charm.", category: "Service", value: "5*" }
+            ]}
+            title="The Kopitiam Everyone Comes Back For"
+            description="Discover why we are the premium choice in Setapak for authentic heritage flavors."
+          />
+        </div>
 
-  <div id="menu" data-section="menu">
-      <ProductCardOne
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Curry Chicken Noodles",
-          price: "RM15.90",
-          imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-with-herbs-red-bowl_114579-3100.jpg",
-        },
-        {
-          id: "p2",
-          name: "Kam Heong Fried Rice",
-          price: "RM14.90",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-chopsticks-rice-with-vegetables-plate-with-blank-blackboard_23-2148377499.jpg",
-        },
-        {
-          id: "p3",
-          name: "Hainan Toast & Butter Kaya",
-          price: "RM6.50",
-          imageSrc: "http://img.b2bpic.net/free-photo/sandwich-toast-with-figs-cream-cheese-with-jam-served-plate_1220-7145.jpg",
-        },
-        {
-          id: "p4",
-          name: "Traditional Hainan Coffee",
-          price: "RM4.50",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-herbal-tea-bowls-chocolate-sliced-lime-chocolate-cream-colorful-candies-blue-cup-herbal-tea-two-cupcakes-with-cream-black-table_140725-111279.jpg",
-        },
-        {
-          id: "p5",
-          name: "Soft Boiled Eggs Set",
-          price: "RM5.50",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-egg-toasts-with-greens-vegetables-white-background-lunch-ripe-food-breakfast-salad-diet-healthy-life-meal_140725-157261.jpg",
-        },
-        {
-          id: "p6",
-          name: "Curry Mee Special",
-          price: "RM18.90",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-noodle-soup-winter-meals_23-2148717415.jpg",
-        },
-      ]}
-      title="Signature Menu Showcase"
-      description="Explore our curated selection of heritage dishes prepared with premium ingredients."
-    />
-  </div>
+        <div id="menu" data-section="menu">
+          <ProductCardOne
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", name: "Curry Chicken Noodles", price: "RM15.90", imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-with-herbs-red-bowl_114579-3100.jpg" },
+              { id: "p2", name: "Kam Heong Fried Rice", price: "RM14.90", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-chopsticks-rice-with-vegetables-plate-with-blank-blackboard_23-2148377499.jpg" },
+              { id: "p3", name: "Hainan Toast & Butter Kaya", price: "RM6.50", imageSrc: "http://img.b2bpic.net/free-photo/sandwich-toast-with-figs-cream-cheese-with-jam-served-plate_1220-7145.jpg" },
+              { id: "p4", name: "Traditional Hainan Coffee", price: "RM4.50", imageSrc: "http://img.b2bpic.net/free-photo/side-close-up-view-herbal-tea-bowls-chocolate-sliced-lime-chocolate-cream-colorful-candies-blue-cup-herbal-tea-two-cupcakes-with-cream-black-table_140725-111279.jpg" },
+              { id: "p5", name: "Soft Boiled Eggs Set", price: "RM5.50", imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-egg-toasts-with-greens-vegetables-white-background-lunch-ripe-food-breakfast-salad-diet-healthy-life-meal_140725-157261.jpg" },
+              { id: "p6", name: "Curry Mee Special", price: "RM18.90", imageSrc: "http://img.b2bpic.net/free-photo/top-view-noodle-soup-winter-meals_23-2148717415.jpg" }
+            ]}
+            title="Signature Menu Showcase"
+            description="Explore our curated selection of heritage dishes prepared with premium ingredients."
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextAbout
-      useInvertedBackground={true}
-      title="From Raub Heritage To Setapak"
-      buttons={[
-        {
-          text: "Learn More",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextAbout
+            useInvertedBackground={true}
+            title="From Raub Heritage To Setapak"
+            buttons={[{ text: "Learn More", href: "#" }]}
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardThirteen
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Sarah J.",
-          handle: "@sarah",
-          testimonial: "Large portion and tasted delightful.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285278.jpg",
-        },
-        {
-          id: "t2",
-          name: "Michael C.",
-          handle: "@mike",
-          testimonial: "Their curry chicken has a kick that always hits the right spot.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-enjoying-coffee-cup_23-2148756305.jpg",
-        },
-        {
-          id: "t3",
-          name: "Emily R.",
-          handle: "@emily",
-          testimonial: "Food quality and taste at this price point is worth it.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-asian-man-friends-reunion_23-2149244688.jpg",
-        },
-        {
-          id: "t4",
-          name: "David K.",
-          handle: "@dave",
-          testimonial: "The best Hainan tea in town, period.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/lovely-couple-enjoying-new-year-party_23-2149173295.jpg",
-        },
-        {
-          id: "t5",
-          name: "Jessica L.",
-          handle: "@jess",
-          testimonial: "Comfort food at its absolute finest.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/different-dishes-delicious-food_23-2147681097.jpg",
-        },
-      ]}
-      showRating={true}
-      title="Real Customer Love"
-      description="Hear what our patrons say about our heritage flavors."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardThirteen
+            animationType="slide-up"
+            showRating={true}
+            textboxLayout="split"
+            useInvertedBackground={false}
+            title="Real Customer Love"
+            description="Hear what our patrons say about our heritage flavors."
+            testimonials={[
+              { id: "t1", name: "Sarah J.", handle: "@sarah", testimonial: "Large portion and tasted delightful.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-indian-origin-having-fun_23-2150285278.jpg" },
+              { id: "t2", name: "Michael C.", handle: "@mike", testimonial: "Their curry chicken has a kick that always hits the right spot.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-enjoying-coffee-cup_23-2148756305.jpg" },
+              { id: "t3", name: "Emily R.", handle: "@emily", testimonial: "Food quality and taste at this price point is worth it.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-asian-man-friends-reunion_23-2149244688.jpg" },
+              { id: "t4", name: "David K.", handle: "@dave", testimonial: "The best Hainan tea in town, period.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lovely-couple-enjoying-new-year-party_23-2149173295.jpg" },
+              { id: "t5", name: "Jessica L.", handle: "@jess", testimonial: "Comfort food at its absolute finest.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/different-dishes-delicious-food_23-2147681097.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="social" data-section="social">
-      <SocialProofOne
-      textboxLayout="split"
-      useInvertedBackground={true}
-      names={[
-        "@raubsyc_setapak",
-        "Kopitiam Vibes",
-        "Setapak Foodie",
-        "Local Heritage",
-        "Food & Lifestyle",
-        "Coffee Lovers",
-        "Brunch Club",
-      ]}
-      title="Made To Be Shared"
-      description="Follow our journey and foodie moments on Instagram."
-    />
-  </div>
+        <div id="social" data-section="social">
+          <SocialProofOne
+            textboxLayout="split"
+            useInvertedBackground={true}
+            names={["@raubsyc_setapak", "Kopitiam Vibes", "Setapak Foodie", "Local Heritage", "Food & Lifestyle", "Coffee Lovers", "Brunch Club"]}
+            title="Made To Be Shared"
+            description="Follow our journey and foodie moments on Instagram."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      tag="Visit Us"
-      title="Setapak's Favorite Kopitiam"
-      description="Located in the heart of Setapak. Come hungry, leave happy. Reserve your table via WhatsApp today."
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            useInvertedBackground={false}
+            background={{ variant: "sparkles-gradient" }}
+            tag="Visit Us"
+            title="Setapak's Favorite Kopitiam"
+            description="Located in the heart of Setapak. Come hungry, leave happy. Reserve your table via WhatsApp today."
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="Raub SYC"
-      columns={[
-        {
-          title: "Menu",
-          items: [
-            {
-              label: "Signature Curry",
-              href: "#menu",
-            },
-            {
-              label: "Drinks",
-              href: "#menu",
-            },
-          ],
-        },
-        {
-          title: "Experience",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Reviews",
-              href: "#testimonials",
-            },
-          ],
-        },
-        {
-          title: "Connect",
-          items: [
-            {
-              label: "Instagram",
-              href: "#",
-            },
-            {
-              label: "WhatsApp",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="Raub SYC"
+            columns={[
+              { title: "Menu", items: [{ label: "Signature Curry", href: "#menu" }, { label: "Drinks", href: "#menu" }] },
+              { title: "Experience", items: [{ label: "About Us", href: "#about" }, { label: "Reviews", href: "#testimonials" }] },
+              { title: "Connect", items: [{ label: "Instagram", href: "#" }, { label: "WhatsApp", href: "#" }] }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file