From f9fd49f7b5064c38d4b23bfc337b7138f20f9b46 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 17 Apr 2026 02:45:23 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 337 +++++++++++++++--------------------------------
 1 file changed, 106 insertions(+), 231 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index ab46cf0..e0f8feb 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -18,246 +18,121 @@ export default function LandingPage() {
         defaultButtonVariant="text-shift"
         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">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Metrics",
-          id: "metrics",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Reviews",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="House of Umami"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Metrics", id: "metrics" },
+              { name: "About", id: "about" },
+              { name: "Reviews", id: "testimonials" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="House of Umami"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitDualMedia
-      background={{
-        variant: "plain",
-      }}
-      title="Authentic Umami Experience"
-      description="Discover the art of traditional ramen in the heart of Canton, MI. Hand-crafted bowls, rich broth, and an unforgettable atmosphere."
-      tag="Canton's Finest Ramen"
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-shrimp-noodle-soup-with-egg_84443-85798.jpg",
-          imageAlt: "Traditional Ramen Bowl",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-ramen-with-chopsticks_23-2150606748.jpg",
-          imageAlt: "Restaurant Interior",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/asian-ramen-noodle-soup-copy-space_23-2148494834.jpg",
-          imageAlt: "Asian ramen noodle soup copy space",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/homemade-ramen-soup-with-half-egg_23-2148494832.jpg",
-          imageAlt: "Homemade ramen soup with half of egg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-ramen-bowl_23-2151950822.jpg",
-          imageAlt: "Delicious ramen bowl",
-        },
-      ]}
-      mediaAnimation="slide-up"
-      rating={5}
-      ratingText="47 Ratings"
-      tagIcon={Flame}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitDualMedia
+            background={{ variant: "plain" }}
+            title="Authentic Umami Experience"
+            description="Discover the art of traditional ramen in the heart of Canton, MI. Hand-crafted bowls, rich broth, and an unforgettable atmosphere."
+            tag="Canton's Finest Ramen"
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/top-view-shrimp-noodle-soup-with-egg_84443-85798.jpg", imageAlt: "Traditional Ramen Bowl" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/delicious-ramen-with-chopsticks_23-2150606748.jpg", imageAlt: "Restaurant Interior" }
+            ]}
+            mediaAnimation="slide-up"
+            rating={5}
+            ratingText="47 Ratings"
+            tagIcon={Flame}
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardOne
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "1",
-          value: "85%",
-          title: "Overall Rating",
-          description: "Based on 47 community ratings.",
-          icon: Award,
-        },
-        {
-          id: "2",
-          value: "93%",
-          title: "Atmosphere",
-          description: "A welcoming space for everyone.",
-          icon: Coffee,
-        },
-        {
-          id: "3",
-          value: "93%",
-          title: "Customer Service",
-          description: "Service that feels like family.",
-          icon: Users,
-        },
-      ]}
-      title="Why Guests Love Us"
-      description="High standards and consistent quality are what define House of Umami."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardOne
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "1", value: "85%", title: "Overall Rating", description: "Based on 47 community ratings.", icon: Award },
+              { id: "2", value: "93%", title: "Atmosphere", description: "A welcoming space for everyone.", icon: Coffee },
+              { id: "3", value: "93%", title: "Customer Service", description: "Service that feels like family.", icon: Users },
+            ]}
+            title="Why Guests Love Us"
+            description="High standards and consistent quality are what define House of Umami."
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextSplitAbout
-      useInvertedBackground={true}
-      title="Welcome to House of Umami"
-      description={[
-        "Located at 45250 Ford Rd, Canton, MI 48187, we bring the authentic taste of Japanese tradition to our community.",
-        "Our doors are open Sun – Thu 11:00 AM – 9:00 PM and Fri – Sat 11:00 AM – 10:00 PM. Whether it's a quick lunch or a slow evening meal, we ensure quality in every bite.",
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextSplitAbout
+            useInvertedBackground={true}
+            title="Welcome to House of Umami"
+            description={[
+              "Located at 45250 Ford Rd, Canton, MI 48187, we bring the authentic taste of Japanese tradition to our community.",              "Our doors are open Sun – Thu 11:00 AM – 9:00 PM and Fri – Sat 11:00 AM – 10:00 PM. Whether it's a quick lunch or a slow evening meal, we ensure quality in every bite."]}
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTen
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          title: "Great Ramen!",
-          quote: "The broth is incredibly rich and authentic.",
-          name: "Sarah Johnson",
-          role: "Local Foodie",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-noodles_23-2149005440.jpg",
-        },
-        {
-          id: "2",
-          title: "Best in Canton",
-          quote: "Always fresh, hot, and delicious. My go-to spot.",
-          name: "Michael Chen",
-          role: "Regular",
-          imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367127.jpg",
-        },
-        {
-          id: "3",
-          title: "Great Service",
-          quote: "Friendly staff and quick service during lunch.",
-          name: "Emily Rodriguez",
-          role: "Professional",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-table-near-elderly-people_23-2147947984.jpg",
-        },
-        {
-          id: "4",
-          title: "Cozy Vibe",
-          quote: "Love the atmosphere, perfect for a rainy day.",
-          name: "David Kim",
-          role: "Student",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-eating-home_23-2150272493.jpg",
-        },
-        {
-          id: "5",
-          title: "Authentic Flavor",
-          quote: "Finally found real ramen in Canton. Highly recommend.",
-          name: "Jessica Lee",
-          role: "Visitor",
-          imageSrc: "http://img.b2bpic.net/free-photo/city-night-with-vibrant-lights_23-2149836913.jpg",
-        },
-      ]}
-      title="What Our Community Says"
-      description="Honest feedback from our local guests."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTen
+            textboxLayout="split"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", title: "Great Ramen!", quote: "The broth is incredibly rich and authentic.", name: "Sarah Johnson", role: "Local Foodie", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-noodles_23-2149005440.jpg" },
+              { id: "2", title: "Best in Canton", quote: "Always fresh, hot, and delicious. My go-to spot.", name: "Michael Chen", role: "Regular", imageSrc: "http://img.b2bpic.net/free-photo/collage-customer-experience-concept_23-2149367127.jpg" },
+              { id: "3", title: "Great Service", quote: "Friendly staff and quick service during lunch.", name: "Emily Rodriguez", role: "Professional", imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-table-near-elderly-people_23-2147947984.jpg" },
+              { id: "4", title: "Cozy Vibe", quote: "Love the atmosphere, perfect for a rainy day.", name: "David Kim", role: "Student", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-eating-home_23-2150272493.jpg" },
+              { id: "5", title: "Authentic Flavor", quote: "Finally found real ramen in Canton. Highly recommend.", name: "Jessica Lee", role: "Visitor", imageSrc: "http://img.b2bpic.net/free-photo/city-night-with-vibrant-lights_23-2149836913.jpg" },
+            ]}
+            title="What Our Community Says"
+            description="Honest feedback from our local guests."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="split"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "f1",
-          title: "What are your operating hours?",
-          content: "Sun – Thu 11:00 AM – 9:00 PM, Fri – Sat 11:00 AM – 10:00 PM.",
-        },
-        {
-          id: "f2",
-          title: "Where are you located?",
-          content: "45250 Ford Rd, Canton, MI 48187, United States.",
-        },
-        {
-          id: "f3",
-          title: "Can I order online?",
-          content: "Please check our website or third-party delivery partners listed on our Maps page.",
-        },
-      ]}
-      title="Common Questions"
-      description="Everything you need to know about dining at House of Umami."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqBase
+            textboxLayout="split"
+            useInvertedBackground={true}
+            faqs={[
+              { id: "f1", title: "What are your operating hours?", content: "Sun – Thu 11:00 AM – 9:00 PM, Fri – Sat 11:00 AM – 10:00 PM." },
+              { id: "f2", title: "Where are you located?", content: "45250 Ford Rd, Canton, MI 48187, United States." },
+              { id: "f3", title: "Can I order online?", content: "Please check our website or third-party delivery partners listed on our Maps page." },
+            ]}
+            title="Common Questions"
+            description="Everything you need to know about dining at House of Umami."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Contact Us"
-      title="Have Questions?"
-      description="Call us at +1 (734) 359-3053 or visit us in Canton for a bowl of authentic ramen."
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Contact Us"
+            title="Have Questions?"
+            description="Call us at +1 (734) 359-3053 or visit us in Canton for a bowl of authentic ramen."
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="House of Umami"
-      columns={[
-        {
-          title: "Navigation",
-          items: [
-            {
-              label: "Home",
-              href: "#hero",
-            },
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2025 House of Umami. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="House of Umami"
+            columns={[
+              { title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
+              { title: "Legal", items: [{ label: "Terms of Service", href: "#" }, { label: "Privacy Policy", href: "#" }] },
+            ]}
+            copyrightText="© 2025 House of Umami. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1