From 861c2b5abeb34dc06e70e71c958cdd7502ad6b0b Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 5 Apr 2026 16:26:15 +0000
Subject: [PATCH] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 32cc216..c9d76ff 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -26,228 +26,117 @@ export default function LandingPage() {
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Flavors",
-          id: "flavors",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Find Us",
-          id: "contact",
-        },
-      ]}
-      brandName="Yoz Yogurt"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Flavors", id: "flavors" },
+              { name: "About", id: "about" },
+              { name: "Find Us", id: "contact" },
+            ]}
+            brandName="Yoz Yogurt"
+            button={{ text: "Order Now", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardScroll
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      title="Life's Too Short for Bad Yogurt."
-      description="Fresh, creamy, customizable frozen yogurt — with dairy-free options, low-calorie picks, and unlimited toppings."
-      buttons={[
-        {
-          text: "Explore Our Flavors",
-          href: "#flavors",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/fruit-salad-with-ice-cream_1232-1649.jpg"
-      imageAlt="Luscious frozen yogurt cup"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardScroll
+            background={{ variant: "sparkles-gradient" }}
+            title="Life's Too Short for Bad Yogurt."
+            description="Fresh, creamy, customizable frozen yogurt — with dairy-free options, low-calorie picks, and unlimited toppings."
+            buttons={[{ text: "Explore Our Flavors", href: "#flavors" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/fruit-salad-with-ice-cream_1232-1649.jpg"
+            imageAlt="Luscious frozen yogurt cup"
+          />
+        </div>
 
-  <div id="why-yoz" data-section="why-yoz">
-      <MetricSplitMediaAbout
-      useInvertedBackground={false}
-      title="Why Yoz Yogurt?"
-      description="We believe frozen yogurt should be as fresh as it is fun. Quality ingredients, inclusive options, and a space for every celebration."
-      metrics={[
-        {
-          value: "Dairy-Free",
-          title: "Options Available",
-        },
-        {
-          value: "Only 8",
-          title: "Low-Calorie Line",
-        },
-        {
-          value: "Groups",
-          title: "Always Welcome",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/freshly-fruit-smoothies-glass-jar-white-table_23-2148028558.jpg"
-      imageAlt="Yoz yogurt shop features"
-      mediaAnimation="slide-up"
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="why-yoz" data-section="why-yoz">
+          <MetricSplitMediaAbout
+            useInvertedBackground={false}
+            title="Why Yoz Yogurt?"
+            description="We believe frozen yogurt should be as fresh as it is fun. Quality ingredients, inclusive options, and a space for every celebration."
+            metrics={[
+              { value: "Dairy-Free", title: "Options Available" },
+              { value: "Only 8", title: "Low-Calorie Line" },
+              { value: "Groups", title: "Always Welcome" },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/freshly-fruit-smoothies-glass-jar-white-table_23-2148028558.jpg"
+            imageAlt="Yoz yogurt shop features"
+            mediaAnimation="slide-up"
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="flavors" data-section="flavors">
-      <ProductCardThree
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "c1",
-          name: "Classic Vanilla",
-          price: "Small",
-          imageSrc: "http://img.b2bpic.net/free-photo/strawberry-crumble-bingsu_1339-4645.jpg",
-        },
-        {
-          id: "c2",
-          name: "Milk Chocolate",
-          price: "Medium",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-ice-cream-strawberry-vanilla-chocolate-ice-cream-scoops_141793-3647.jpg",
-        },
-        {
-          id: "c3",
-          name: "Salted Caramel",
-          price: "Large",
-          imageSrc: "http://img.b2bpic.net/free-photo/vanilla-ice-cream-with-crape_1339-8298.jpg",
-        },
-        {
-          id: "c4",
-          name: "Only 8 Dark Choc",
-          price: "Low-Cal",
-          imageSrc: "http://img.b2bpic.net/free-photo/energy-blueberry-mousse-cups_23-2148238677.jpg",
-        },
-        {
-          id: "c5",
-          name: "Only 8 Pistachio",
-          price: "Low-Cal",
-          imageSrc: "http://img.b2bpic.net/free-photo/swirled-green-yellow-cream-texture_23-2151988787.jpg",
-        },
-        {
-          id: "c6",
-          name: "Seasonal Special",
-          price: "Rotating",
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-musli-fresh-fruits-arrangement_23-2148267697.jpg",
-        },
-      ]}
-      title="Our Flavors"
-      description="Flavors rotate — come back for something new!"
-    />
-  </div>
+        <div id="flavors" data-section="flavors">
+          <ProductCardThree
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            products={[
+              { id: "c1", name: "Classic Vanilla", price: "Small", imageSrc: "http://img.b2bpic.net/free-photo/strawberry-crumble-bingsu_1339-4645.jpg" },
+              { id: "c2", name: "Milk Chocolate", price: "Medium", imageSrc: "http://img.b2bpic.net/free-photo/side-view-ice-cream-strawberry-vanilla-chocolate-ice-cream-scoops_141793-3647.jpg" },
+              { id: "c3", name: "Salted Caramel", price: "Large", imageSrc: "http://img.b2bpic.net/free-photo/vanilla-ice-cream-with-crape_1339-8298.jpg" },
+              { id: "c4", name: "Only 8 Dark Choc", price: "Low-Cal", imageSrc: "http://img.b2bpic.net/free-photo/energy-blueberry-mousse-cups_23-2148238677.jpg" },
+              { id: "c5", name: "Only 8 Pistachio", price: "Low-Cal", imageSrc: "http://img.b2bpic.net/free-photo/swirled-green-yellow-cream-texture_23-2151988787.jpg" },
+              { id: "c6", name: "Seasonal Special", price: "Rotating", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-musli-fresh-fruits-arrangement_23-2148267697.jpg" },
+            ]}
+            title="Our Flavors"
+            description="Flavors rotate — come back for something new!"
+          />
+        </div>
 
-  <div id="toppings" data-section="toppings">
-      <FeatureCardTwentyFour
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "t1",
-          title: "Fresh Fruit",
-          author: "Topping",
-          description: "Crisp, sweet, and seasonal berries.",
-          tags: [
-            "Premium",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/fresh-red-strawberries-mellow-delicious-berries-inside-white-plate-light-desk-fruit-berry-red-color_140725-31904.jpg",
-        },
-        {
-          id: "t2",
-          title: "Cookie Dough",
-          author: "Topping",
-          description: "The ultimate sweet indulgence.",
-          tags: [
-            "Classic",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/homemade-chocolate-cracked-cookies-white-backdrop_23-2148028501.jpg",
-        },
-        {
-          id: "t3",
-          title: "Gourmet Drizzle",
-          author: "Topping",
-          description: "Hot fudge or salted caramel.",
-          tags: [
-            "Deluxe",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-tiramisu-assortment_23-2148949106.jpg",
-        },
-      ]}
-      title="Build Your Perfect Cup"
-      description="Add unlimited toppings for just $2. Fresh fruit, cookie dough, strawberries, and more to make it yours!"
-    />
-  </div>
+        <div id="toppings" data-section="toppings">
+          <FeatureCardTwentyFour
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { id: "t1", title: "Fresh Fruit", author: "Topping", description: "Crisp, sweet, and seasonal berries.", tags: ["Premium"], imageSrc: "http://img.b2bpic.net/free-photo/fresh-red-strawberries-mellow-delicious-berries-inside-white-plate-light-desk-fruit-berry-red-color_140725-31904.jpg" },
+              { id: "t2", title: "Cookie Dough", author: "Topping", description: "The ultimate sweet indulgence.", tags: ["Classic"], imageSrc: "http://img.b2bpic.net/free-photo/homemade-chocolate-cracked-cookies-white-backdrop_23-2148028501.jpg" },
+              { id: "t3", title: "Gourmet Drizzle", author: "Topping", description: "Hot fudge or salted caramel.", tags: ["Deluxe"], imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-tiramisu-assortment_23-2148949106.jpg" },
+            ]}
+            title="Build Your Perfect Cup"
+            description="Add unlimited toppings for just $2. Fresh fruit, cookie dough, strawberries, and more to make it yours!"
+          />
+        </div>
 
-  <div id="reviews" data-section="reviews">
-      <TestimonialCardFifteen
-      useInvertedBackground={false}
-      testimonial="I stop here on my bike rides. The pistachio Only 8 is my guilty pleasure. So good for only $3.50!"
-      rating={5}
-      author="Happy Cyclist"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/young-woman-point-finger-you_93675-135553.jpg",
-          alt: "Customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-satisfied-customer-making-ok-gesture_74855-2298.jpg",
-          alt: "Customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg",
-          alt: "Customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/cheerful-young-caucasian-female-wearing-her-red-hair-bun-laughing-out-loud_273609-9260.jpg",
-          alt: "Customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-woman-point-finger-you_93675-135553.jpg",
-          alt: "Customer",
-        },
-      ]}
-      ratingAnimation="slide-up"
-      avatarsAnimation="slide-up"
-    />
-  </div>
+        <div id="reviews" data-section="reviews">
+          <TestimonialCardFifteen
+            useInvertedBackground={false}
+            testimonial="I stop here on my bike rides. The pistachio Only 8 is my guilty pleasure. So good for only $3.50!"
+            rating={5}
+            author="Happy Cyclist"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/young-woman-point-finger-you_93675-135553.jpg", alt: "Customer" },
+              { src: "http://img.b2bpic.net/free-photo/happy-satisfied-customer-making-ok-gesture_74855-2298.jpg", alt: "Customer" },
+              { src: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg", alt: "Customer" },
+              { src: "http://img.b2bpic.net/free-photo/cheerful-young-caucasian-female-wearing-her-red-hair-bun-laughing-out-loud_273609-9260.jpg", alt: "Customer" },
+              { src: "http://img.b2bpic.net/free-photo/young-woman-point-finger-you_93675-135553.jpg", alt: "Customer" },
+            ]}
+            ratingAnimation="slide-up"
+            avatarsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      tag="Visit Us"
-      title="Find Yoz Yogurt"
-      description="Open daily: 11 AM - 10 PM. Stop by for your treat today!"
-      buttons={[
-        {
-          text: "Get Directions",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            useInvertedBackground={false}
+            background={{ variant: "sparkles-gradient" }}
+            tag="Visit Us"
+            title="Find Yoz Yogurt"
+            description="Open daily: 11 AM - 10 PM. Stop by for your treat today!"
+            buttons={[{ text: "Get Directions" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="Yoz Yogurt"
-      leftLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
-      rightLink={{
-        text: "© 2024 Yoz Yogurt",
-        href: "#",
-      }}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="Yoz Yogurt"
+            leftLink={{ text: "Privacy Policy", href: "#" }}
+            rightLink={{ text: "© 2024 Yoz Yogurt", href: "#" }}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1