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

---
 src/app/page.tsx | 393 ++++++++++++++++-------------------------------
 1 file changed, 134 insertions(+), 259 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index e9b0066..8acce7a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -19,275 +19,150 @@ export default function LandingPage() {
         defaultButtonVariant="bounce-effect"
         defaultTextAnimation="background-highlight"
         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">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Home",
-          id: "#hero",
-        },
-        {
-          name: "Menu",
-          id: "#menu",
-        },
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
-      ]}
-      brandName="CHUCHAT 初茶"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "#hero" },
+              { name: "Menu", id: "#menu" },
+              { name: "About", id: "#about" },
+              { name: "Contact", id: "#contact" },
+            ]}
+            brandName="CHUCHAT 初茶"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroLogoBillboard
-      background={{
-        variant: "plain",
-      }}
-      logoText="CHUCHAT 初茶"
-      description="Authentic Chinese Skewers & Signature Milk Tea. Experience the perfect blend of tradition and modern flair."
-      buttons={[
-        {
-          text: "Order Now",
-          href: "https://pos.chowbus.com/online-ordering/store/CHUCHAT/21181?referrer=google_food_ordering",
-        },
-        {
-          text: "Our Menu",
-          href: "#menu",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/composition-juice-bottles-table_23-2148037104.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroLogoBillboard
+            background={{ variant: "plain" }}
+            logoText="CHUCHAT 初茶"
+            description="Authentic Chinese Skewers & Signature Milk Tea. Experience the perfect blend of tradition and modern flair."
+            buttons={[
+              { text: "Order Now", href: "https://pos.chowbus.com/online-ordering/store/CHUCHAT/21181?referrer=google_food_ordering" },
+              { text: "Our Menu", href: "#menu" }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/composition-juice-bottles-table_23-2148037104.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <AboutMetric
-      useInvertedBackground={true}
-      title="A Mood, Not Just a Meal"
-      metrics={[
-        {
-          icon: Coffee,
-          label: "Freshly Brewed",
-          value: "Daily",
-        },
-        {
-          icon: Award,
-          label: "Authentic Skewers",
-          value: "Kabobs",
-        },
-        {
-          icon: Clock,
-          label: "Open Daily",
-          value: "11:30AM - 10PM",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <AboutMetric
+            useInvertedBackground={true}
+            title="A Mood, Not Just a Meal"
+            metrics={[
+              { icon: Coffee, label: "Freshly Brewed", value: "Daily" },
+              { icon: Award, label: "Authentic Skewers", value: "Kabobs" },
+              { icon: Clock, label: "Open Daily", value: "11:30AM - 10PM" },
+            ]}
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="menu" data-section="menu">
-      <FeatureBorderGlow
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          icon: Utensils,
-          title: "Chinese Skewers",
-          description: "Authentic, seasoned kabobs that remind you of the original street flavors from China.",
-        },
-        {
-          icon: Milk,
-          title: "Signature Milk Tea",
-          description: "Freshly brewed tea served in our signature bottles, handcrafted for the perfect balance.",
-        },
-        {
-          icon: Building2,
-          title: "Cozy Atmosphere",
-          description: "A stylish, peppy interior design that's perfect for casual dining or taking photos.",
-        },
-      ]}
-      title="Authentic Flavors"
-      description="Discover our signature items that keep our guests coming back for more."
-    />
-  </div>
+        <div id="menu" data-section="menu">
+          <FeatureBorderGlow
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { icon: Utensils, title: "Chinese Skewers", description: "Authentic, seasoned kabobs that remind you of the original street flavors from China." },
+              { icon: Milk, title: "Signature Milk Tea", description: "Freshly brewed tea served in our signature bottles, handcrafted for the perfect balance." },
+              { icon: Building2, title: "Cozy Atmosphere", description: "A stylish, peppy interior design that's perfect for casual dining or taking photos." },
+            ]}
+            title="Authentic Flavors"
+            description="Discover our signature items that keep our guests coming back for more."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",
-          name: "Erik Stewart",
-          role: "Local Guide",
-          company: "Reviewer",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-smartphone_23-2149005351.jpg",
-        },
-        {
-          id: "2",
-          name: "Diego Salcedo",
-          role: "Local Guide",
-          company: "Reviewer",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smile-woman-talking-phone-looking-camera_23-2148317284.jpg",
-        },
-        {
-          id: "3",
-          name: "Tripradar",
-          role: "Local Guide",
-          company: "Reviewer",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-woman-table_23-2148899034.jpg",
-        },
-        {
-          id: "4",
-          name: "Alex Zhang",
-          role: "Foodie",
-          company: "Regular",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-blonde-russian-girl-puts-hands-chest-looking-side-isolated-orange-background-with-copy-space_141793-65450.jpg",
-        },
-        {
-          id: "5",
-          name: "Sarah Miller",
-          role: "Customer",
-          company: "Visitor",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-healthy-young-woman-with-orange-hand-drinks-freshly-squeezed-juice-from_1258-198430.jpg",
-        },
-      ]}
-      title="What Our Guests Say"
-      description="Don't just take our word for it. Here is what local food lovers have to say about CHUCHAT."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={true}
+            testimonials={[
+              { id: "1", name: "Erik Stewart", role: "Local Guide", company: "Reviewer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-smartphone_23-2149005351.jpg" },
+              { id: "2", name: "Diego Salcedo", role: "Local Guide", company: "Reviewer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smile-woman-talking-phone-looking-camera_23-2148317284.jpg" },
+              { id: "3", name: "Tripradar", role: "Local Guide", company: "Reviewer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-woman-table_23-2148899034.jpg" },
+              { id: "4", name: "Alex Zhang", role: "Foodie", company: "Regular", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-smiling-blonde-russian-girl-puts-hands-chest-looking-side-isolated-orange-background-with-copy-space_141793-65450.jpg" },
+              { id: "5", name: "Sarah Miller", role: "Customer", company: "Visitor", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-healthy-young-woman-with-orange-hand-drinks-freshly-squeezed-juice-from_1258-198430.jpg" },
+            ]}
+            title="What Our Guests Say"
+            description="Don't just take our word for it. Here is what local food lovers have to say about CHUCHAT."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardEleven
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "100%",
-          title: "Authentic",
-          description: "Traditional Chinese street flavors.",
-          imageSrc: "http://img.b2bpic.net/free-photo/assortment-grilled-food-skewers-with-spices-dark-background_84443-85692.jpg",
-        },
-        {
-          id: "m2",
-          value: "Fresh",
-          title: "Brewed",
-          description: "Handcrafted tea daily.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-chocolate-smoothie-jar-wooden-table_23-2147890150.jpg",
-        },
-        {
-          id: "m3",
-          value: "Style",
-          title: "Interior",
-          description: "Designed for your comfort.",
-          imageSrc: "http://img.b2bpic.net/free-photo/two-leather-yellow-armchairs-coffee-table-restaurant_140725-8902.jpg",
-        },
-      ]}
-      title="Our Highlights"
-      description="Authentic experiences crafted with passion and fresh ingredients."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardEleven
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", value: "100%", title: "Authentic", description: "Traditional Chinese street flavors.", imageSrc: "http://img.b2bpic.net/free-photo/assortment-grilled-food-skewers-with-spices-dark-background_84443-85692.jpg" },
+              { id: "m2", value: "Fresh", title: "Brewed", description: "Handcrafted tea daily.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-chocolate-smoothie-jar-wooden-table_23-2147890150.jpg" },
+              { id: "m3", value: "Style", title: "Interior", description: "Designed for your comfort.", imageSrc: "http://img.b2bpic.net/free-photo/two-leather-yellow-armchairs-coffee-table-restaurant_140725-8902.jpg" },
+            ]}
+            title="Our Highlights"
+            description="Authentic experiences crafted with passion and fresh ingredients."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "q1",
-          title: "Do you offer takeout?",
-          content: "Yes, we offer both takeout and dine-in options for your convenience.",
-        },
-        {
-          id: "q2",
-          title: "What are your hours?",
-          content: "We are open daily from 11:30 AM to 10:00 PM.",
-        },
-        {
-          id: "q3",
-          title: "Where are you located?",
-          content: "We are located at 6000 Medlock Bridge Parkway, STE F200, Johns Creek, GA.",
-        },
-      ]}
-      sideTitle="Frequently Asked Questions"
-      sideDescription="Need more information about CHUCHAT? We're here to help."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitText
+            useInvertedBackground={true}
+            faqs={[
+              { id: "q1", title: "Do you offer takeout?", content: "Yes, we offer both takeout and dine-in options for your convenience." },
+              { id: "q2", title: "What are your hours?", content: "We are open daily from 11:30 AM to 10:00 PM." },
+              { id: "q3", title: "Where are you located?", content: "We are located at 6000 Medlock Bridge Parkway, STE F200, Johns Creek, GA." },
+            ]}
+            sideTitle="Frequently Asked Questions"
+            sideDescription="Need more information about CHUCHAT? We're here to help."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient",
-      }}
-      tag="Visit Us"
-      title="Come Say Hi"
-      description="We're located in Johns Creek. Come visit us for a drink and a bite today!"
-      buttons={[
-        {
-          text: "Call Us",
-          href: "tel:+17706098099",
-        },
-        {
-          text: "Get Directions",
-          href: "https://maps.google.com",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            useInvertedBackground={false}
+            background={{ variant: "radial-gradient" }}
+            tag="Visit Us"
+            title="Come Say Hi"
+            description="We're located in Johns Creek. Come visit us for a drink and a bite today!"
+            buttons={[
+              { text: "Call Us", href: "tel:+17706098099" },
+              { text: "Get Directions", href: "https://maps.google.com" },
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Home",
-              href: "#hero",
-            },
-            {
-              label: "Order Online",
-              href: "#",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Mon-Sun",
-              href: "#",
-            },
-            {
-              label: "11:30AM-10PM",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="CHUCHAT 初茶"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              {
+                items: [
+                  { label: "Home", href: "#hero" },
+                  { label: "Order Online", href: "#" },
+                  { label: "Contact", href: "#contact" },
+                ],
+              },
+              {
+                items: [
+                  { label: "Mon-Sun", href: "#" },
+                  { label: "11:30AM-10PM", href: "#" },
+                ],
+              },
+            ]}
+            logoText="CHUCHAT 初茶"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1