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

---
 src/app/page.tsx | 538 ++++++++++++++---------------------------------
 1 file changed, 158 insertions(+), 380 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 806bf22..89e9875 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -19,397 +19,175 @@ export default function LandingPage() {
         defaultButtonVariant="expand-hover"
         defaultTextAnimation="reveal-blur"
         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">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Menu",
-          id: "menu",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Boba Baby"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Menu", id: "menu" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Boba Baby"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitDoubleCarousel
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Fresh, Fun, and Totally Boba-licious."
-      description="Welcome to Boba Baby! We handcraft every cup using the freshest ingredients and chewy, house-made pearls. Come taste the magic in every sip."
-      leftCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-sits-table-with-cocktail-lit-candle_140725-9075.jpg",
-          imageAlt: "Fresh boba tea",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-delicious-traditional-thai-tea_23-2148994377.jpg",
-          imageAlt: "Fruit tea",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-delicious-traditional-thai-tea_23-2148994374.jpg",
-          imageAlt: "Classic milk tea",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-delicious-traditional-thai-tea_23-2148994371.jpg",
-          imageAlt: "Brown sugar boba",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-kiwi-drink_23-2148677578.jpg",
-          imageAlt: "Matcha boba",
-        },
-      ]}
-      rightCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-women-with-bubble-tea_23-2150315015.jpg",
-          imageAlt: "Strawberry tea",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/minimalist-still-life-asian-tea_23-2149709046.jpg",
-          imageAlt: "Studio shot boba",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/composition-with-delicious-traditional-thai-tea_23-2148994341.jpg",
-          imageAlt: "Refreshing fruit tea",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/minimalist-still-life-asian-tea_23-2149709058.jpg",
-          imageAlt: "Creamy boba",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/composition-with-delicious-traditional-thai-tea_23-2148994347.jpg",
-          imageAlt: "Sugar pearls",
-        },
-      ]}
-      buttons={[
-        {
-          text: "See Our Menu",
-          href: "#menu",
-        },
-      ]}
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/young-blonde-woman-with-glasses-cafe_273609-3948.jpg",
-          alt: "Customer 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/couple-cafe_1157-18111.jpg",
-          alt: "Customer 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-influencer-messaging-mobile-phone-while-having-coffee-cafe_662251-2709.jpg",
-          alt: "Customer 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-woman-drinks-coffee-with-cinnamon-anise-cafe-outside_169016-54930.jpg",
-          alt: "Customer 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiley-girl-with-coffee_23-2148630910.jpg",
-          alt: "Customer 5",
-        },
-      ]}
-      avatarText="Join 5,000+ happy sippers!"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Organic Tea",
-        },
-        {
-          type: "text",
-          text: "Handcrafted Pearls",
-        },
-        {
-          type: "text",
-          text: "Fresh Fruits",
-        },
-        {
-          type: "text",
-          text: "Daily Brewed",
-        },
-        {
-          type: "text",
-          text: "Sustainable",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitDoubleCarousel
+            background={{ variant: "gradient-bars" }}
+            title="Fresh, Fun, and Totally Boba-licious."
+            description="Welcome to Boba Baby! We handcraft every cup using the freshest ingredients and chewy, house-made pearls. Come taste the magic in every sip."
+            leftCarouselItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-sits-table-with-cocktail-lit-candle_140725-9075.jpg", imageAlt: "Fresh boba tea" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-delicious-traditional-thai-tea_23-2148994377.jpg", imageAlt: "Fruit tea" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-delicious-traditional-thai-tea_23-2148994374.jpg", imageAlt: "Classic milk tea" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-delicious-traditional-thai-tea_23-2148994371.jpg", imageAlt: "Brown sugar boba" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-kiwi-drink_23-2148677578.jpg", imageAlt: "Matcha boba" },
+            ]}
+            rightCarouselItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-women-with-bubble-tea_23-2150315015.jpg", imageAlt: "Strawberry tea" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/minimalist-still-life-asian-tea_23-2149709046.jpg", imageAlt: "Studio shot boba" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/composition-with-delicious-traditional-thai-tea_23-2148994341.jpg", imageAlt: "Refreshing fruit tea" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/minimalist-still-life-asian-tea_23-2149709058.jpg", imageAlt: "Creamy boba" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/composition-with-delicious-traditional-thai-tea_23-2148994347.jpg", imageAlt: "Sugar pearls" },
+            ]}
+            buttons={[{ text: "See Our Menu", href: "#menu" }]}
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/young-blonde-woman-with-glasses-cafe_273609-3948.jpg", alt: "Customer 1" },
+              { src: "http://img.b2bpic.net/free-photo/couple-cafe_1157-18111.jpg", alt: "Customer 2" },
+              { src: "http://img.b2bpic.net/free-photo/smiling-influencer-messaging-mobile-phone-while-having-coffee-cafe_662251-2709.jpg", alt: "Customer 3" },
+              { src: "http://img.b2bpic.net/free-photo/young-woman-drinks-coffee-with-cinnamon-anise-cafe-outside_169016-54930.jpg", alt: "Customer 4" },
+              { src: "http://img.b2bpic.net/free-photo/smiley-girl-with-coffee_23-2148630910.jpg", alt: "Customer 5" },
+            ]}
+            avatarText="Join 5,000+ happy sippers!"
+            marqueeItems={[
+              { type: "text", text: "Organic Tea" },
+              { type: "text", text: "Handcrafted Pearls" },
+              { type: "text", text: "Fresh Fruits" },
+              { type: "text", text: "Daily Brewed" },
+              { type: "text", text: "Sustainable" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MediaAbout
-      useInvertedBackground={false}
-      title="Born in Love, Brewed to Perfection"
-      description="At Boba Baby, we believe boba is more than just a drink—it's a moment of joy. We source only the finest loose-leaf teas and premium milk alternatives to create signature blends that keep you coming back for more."
-      imageSrc="http://img.b2bpic.net/free-photo/women-watching-mobile_1157-627.jpg"
-      imageAlt="Our cozy boba shop interior"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MediaAbout
+            useInvertedBackground={false}
+            title="Born in Love, Brewed to Perfection"
+            description="At Boba Baby, we believe boba is more than just a drink—it's a moment of joy. We source only the finest loose-leaf teas and premium milk alternatives to create signature blends that keep you coming back for more."
+            imageSrc="http://img.b2bpic.net/free-photo/women-watching-mobile_1157-627.jpg"
+            imageAlt="Our cozy boba shop interior"
+          />
+        </div>
 
-  <div id="menu" data-section="menu">
-      <ProductCardFour
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Classic Milk Tea",
-          price: "$5.50",
-          variant: "Signature",
-          imageSrc: "http://img.b2bpic.net/free-photo/pastel-color-bubble-tea-drink_23-2151930612.jpg",
-        },
-        {
-          id: "p2",
-          name: "Brown Sugar Pearl",
-          price: "$6.50",
-          variant: "Signature",
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-bubble-tea-drink-with-milk_23-2149870660.jpg",
-        },
-        {
-          id: "p3",
-          name: "Mango Cloud",
-          price: "$6.00",
-          variant: "Fruit Tea",
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-bubble-tea-drink_23-2149870659.jpg",
-        },
-        {
-          id: "p4",
-          name: "Uji Matcha",
-          price: "$6.75",
-          variant: "Matcha",
-          imageSrc: "http://img.b2bpic.net/free-photo/assortment-healthy-breakfast-meal-with-yogurt_23-2148894674.jpg",
-        },
-        {
-          id: "p5",
-          name: "Taro Delight",
-          price: "$6.25",
-          variant: "Taro",
-          imageSrc: "http://img.b2bpic.net/free-photo/composition-with-delicious-thai-tea_23-2148994319.jpg",
-        },
-        {
-          id: "p6",
-          name: "Strawberry Refresher",
-          price: "$6.00",
-          variant: "Fruit Tea",
-          imageSrc: "http://img.b2bpic.net/free-photo/concept-delicious-strawberry-smoothie_23-2148171046.jpg",
-        },
-      ]}
-      title="Fan Favorites"
-      description="Explore our delicious range of signature milk teas and refreshing fruit blends."
-    />
-  </div>
+        <div id="menu" data-section="menu">
+          <ProductCardFour
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", name: "Classic Milk Tea", price: "$5.50", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/pastel-color-bubble-tea-drink_23-2151930612.jpg" },
+              { id: "p2", name: "Brown Sugar Pearl", price: "$6.50", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/delicious-bubble-tea-drink-with-milk_23-2149870660.jpg" },
+              { id: "p3", name: "Mango Cloud", price: "$6.00", variant: "Fruit Tea", imageSrc: "http://img.b2bpic.net/free-photo/delicious-bubble-tea-drink_23-2149870659.jpg" },
+              { id: "p4", name: "Uji Matcha", price: "$6.75", variant: "Matcha", imageSrc: "http://img.b2bpic.net/free-photo/assortment-healthy-breakfast-meal-with-yogurt_23-2148894674.jpg" },
+              { id: "p5", name: "Taro Delight", price: "$6.25", variant: "Taro", imageSrc: "http://img.b2bpic.net/free-photo/composition-with-delicious-thai-tea_23-2148994319.jpg" },
+              { id: "p6", name: "Strawberry Refresher", price: "$6.00", variant: "Fruit Tea", imageSrc: "http://img.b2bpic.net/free-photo/concept-delicious-strawberry-smoothie_23-2148171046.jpg" },
+            ]}
+            title="Fan Favorites"
+            description="Explore our delicious range of signature milk teas and refreshing fruit blends."
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwelve
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      features={[
-        {
-          id: "f1",
-          label: "Tea",
-          title: "Premium Ingredients",
-          items: [
-            "Organic loose-leaf tea",
-            "Real fruit purees",
-            "Non-GMO milk",
-          ],
-        },
-        {
-          id: "f2",
-          label: "Pearls",
-          title: "Handcrafted Pearls",
-          items: [
-            "Boiled fresh daily",
-            "Perfect chewy texture",
-            "Natural brown sugar",
-          ],
-        },
-        {
-          id: "f3",
-          label: "Service",
-          title: "Customer First",
-          items: [
-            "Customizable sweetness",
-            "Quick service",
-            "Eco-friendly packaging",
-          ],
-        },
-      ]}
-      title="Why Boba Baby?"
-      description="We take quality seriously so every cup is a delight."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwelve
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            features={[
+              { id: "f1", label: "Tea", title: "Premium Ingredients", items: ["Organic loose-leaf tea", "Real fruit purees", "Non-GMO milk"] },
+              { id: "f2", label: "Pearls", title: "Handcrafted Pearls", items: ["Boiled fresh daily", "Perfect chewy texture", "Natural brown sugar"] },
+              { id: "f3", label: "Service", title: "Customer First", items: ["Customizable sweetness", "Quick service", "Eco-friendly packaging"] },
+            ]}
+            title="Why Boba Baby?"
+            description="We take quality seriously so every cup is a delight."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah J.",
-          role: "Boba Lover",
-          testimonial: "The best boba in town! The brown sugar pearls are absolute perfection.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinks-coffee-with-cinnamon-anise-cafe-outside_169016-49085.jpg",
-        },
-        {
-          id: "2",
-          name: "Mike C.",
-          role: "Regular",
-          testimonial: "I love how I can customize the sweetness level. So refreshing!",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-looking-shopping-bag_23-2148339175.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily R.",
-          role: "Foodie",
-          testimonial: "The fruit teas are so fresh and flavorful. Highly recommend the Mango Cloud.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-holding-soda-d-sunglasses-light-white-surface_140725-69990.jpg",
-        },
-        {
-          id: "4",
-          name: "David K.",
-          role: "Student",
-          testimonial: "Great atmosphere to study and enjoy a drink. My go-to spot.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-brunette-caucasian-woman-holds-cup-thumbs-up-isolated-olive-green-background-with-copy-space_141793-70020.jpg",
-        },
-        {
-          id: "5",
-          name: "Alex W.",
-          role: "New Fan",
-          testimonial: "First time trying and I'm hooked. The service is fast and friendly.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-drink_23-2149061558.jpg",
-        },
-      ]}
-      title="What Our Fans Say"
-      description="Don't just take our word for it—join our happy boba family!"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Sarah J.", role: "Boba Lover", testimonial: "The best boba in town! The brown sugar pearls are absolute perfection.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinks-coffee-with-cinnamon-anise-cafe-outside_169016-49085.jpg" },
+              { id: "2", name: "Mike C.", role: "Regular", testimonial: "I love how I can customize the sweetness level. So refreshing!", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-looking-shopping-bag_23-2148339175.jpg" },
+              { id: "3", name: "Emily R.", role: "Foodie", testimonial: "The fruit teas are so fresh and flavorful. Highly recommend the Mango Cloud.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-holding-soda-d-sunglasses-light-white-surface_140725-69990.jpg" },
+              { id: "4", name: "David K.", role: "Student", testimonial: "Great atmosphere to study and enjoy a drink. My go-to spot.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-brunette-caucasian-woman-holds-cup-thumbs-up-isolated-olive-green-background-with-copy-space_141793-70020.jpg" },
+              { id: "5", name: "Alex W.", role: "New Fan", testimonial: "First time trying and I'm hooked. The service is fast and friendly.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-drink_23-2149061558.jpg" },
+            ]}
+            title="What Our Fans Say"
+            description="Don't just take our word for it—join our happy boba family!"
+          />
+        </div>
 
-  <div id="social" data-section="social">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={true}
-      names={[
-        "Local Foodie 2023",
-        "City Cafe Award",
-        "Best of Downtown",
-        "Food Quality Trust",
-        "Favorite Shop Badge",
-        "Boba Lovers Choice",
-        "Cafe Award Winner",
-      ]}
-      title="Award Winning Flavors"
-      description="Recognized for our dedication to authentic, fresh boba tea."
-    />
-  </div>
+        <div id="social" data-section="social">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={true}
+            names={["Local Foodie 2023", "City Cafe Award", "Best of Downtown", "Food Quality Trust", "Favorite Shop Badge", "Boba Lovers Choice", "Cafe Award Winner"]}
+            title="Award Winning Flavors"
+            description="Recognized for our dedication to authentic, fresh boba tea."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",
-          title: "Do you have dairy-free options?",
-          content: "Yes! We offer almond, oat, and soy milk alternatives.",
-        },
-        {
-          id: "q2",
-          title: "Can I adjust the sugar level?",
-          content: "Absolutely! You can choose from 0%, 25%, 50%, 75%, and 100% sweetness.",
-        },
-        {
-          id: "q3",
-          title: "Do you offer catering?",
-          content: "Yes, we cater for events! Please contact us through the website for details.",
-        },
-      ]}
-      title="Common Questions"
-      description="Have questions about our tea? We've got answers."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqBase
+            textboxLayout="default"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "q1", title: "Do you have dairy-free options?", content: "Yes! We offer almond, oat, and soy milk alternatives." },
+              { id: "q2", title: "Can I adjust the sugar level?", content: "Absolutely! You can choose from 0%, 25%, 50%, 75%, and 100% sweetness." },
+              { id: "q3", title: "Do you offer catering?", content: "Yes, we cater for events! Please contact us through the website for details." },
+            ]}
+            title="Common Questions"
+            description="Have questions about our tea? We've got answers."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={true}
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Stay Updated with Boba Baby"
-      description="Sign up for our newsletter to get updates on new flavors and special offers."
-      imageSrc="http://img.b2bpic.net/free-photo/young-woman-arranging-her-cake-shop_23-2149210443.jpg"
-      imageAlt="Boba Baby storefront"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            tag="Contact"
+            useInvertedBackground={true}
+            background={{ variant: "gradient-bars" }}
+            title="Stay Updated with Boba Baby"
+            description="Sign up for our newsletter to get updates on new flavors and special offers."
+            imageSrc="http://img.b2bpic.net/free-photo/young-woman-arranging-her-cake-shop_23-2149210443.jpg"
+            imageAlt="Boba Baby storefront"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="Boba Baby"
-      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "FAQs",
-              href: "#faq",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="Boba Baby"
+            columns={[
+              { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }] },
+              { title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQs", href: "#faq" }] },
+              { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1