From a7aae6910ab398358b677cdb8d3374dd0b9d540f Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 27 Apr 2026 22:28:46 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 444 +++++++++++++++++------------------------------
 1 file changed, 155 insertions(+), 289 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7bbb7de..0287fb6 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -17,306 +17,172 @@ import { Award, Clock, Coffee, Wheat } from "lucide-react";
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="icon-arrow"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="pill"
-        contentWidth="mediumLarge"
-        sizing="large"
-        background="noiseDiagonalGradient"
-        cardStyle="glass-elevated"
-        primaryButtonStyle="gradient"
-        secondaryButtonStyle="solid"
-        headingFontWeight="light"
+      defaultButtonVariant="icon-arrow"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="mediumLarge"
+      sizing="large"
+      background="noiseDiagonalGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="solid"
+      headingFontWeight="light"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Menu",
-          id: "products",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Sweet Katie Bee's"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "About", id: "about" },
+              { name: "Menu", id: "products" },
+              { name: "Testimonials", id: "testimonials" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Sweet Katie Bee's"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardRotatedCarousel
-      background={{
-        variant: "plain",
-      }}
-      title="Artisanal Baking, Crafted with Love"
-      description="Sweet Katie Bee’s is your neighborhood spot for fresh breads, delicate pastries, and a warm, inviting cup of coffee. Experience the tradition of artisanal baking every day."
-      carouselItems={[
-        {
-          id: "slide1",
-          imageSrc: "http://img.b2bpic.net/free-photo/hot-latte-art-coffee-cup-wood-table-coffee-shop_1150-8937.jpg",
-          imageAlt: "Bakery display",
-        },
-        {
-          id: "slide2",
-          imageSrc: "http://img.b2bpic.net/free-photo/pink-candy-bar-served-with-delicious-chocolate-cream-sweets_8353-7353.jpg",
-          imageAlt: "Cafe interior",
-        },
-        {
-          id: "slide3",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cup-hot-drink-home-decor-details_169016-9647.jpg",
-          imageAlt: "Croissants",
-        },
-        {
-          id: "slide4",
-          imageSrc: "http://img.b2bpic.net/free-photo/wicker-basket-with-bread-spike-millet_140725-3047.jpg",
-          imageAlt: "Cakes",
-        },
-        {
-          id: "slide5",
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-table-chair_74190-3583.jpg",
-          imageAlt: "Dough",
-        },
-        {
-          id: "slide6",
-          imageSrc: "http://img.b2bpic.net/free-photo/large-loaves-bread-counter-bakery_169016-19951.jpg",
-          imageAlt: "Coffee",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardRotatedCarousel
+            background={{ variant: "plain" }}
+            title="Artisanal Baking, Crafted with Love"
+            description="Sweet Katie Bee’s is your neighborhood spot for fresh breads, delicate pastries, and a warm, inviting cup of coffee. Experience the tradition of artisanal baking every day."
+            carouselItems={[
+              { id: "slide1", imageSrc: "http://img.b2bpic.net/free-photo/hot-latte-art-coffee-cup-wood-table-coffee-shop_1150-8937.jpg", imageAlt: "Bakery display" },
+              { id: "slide2", imageSrc: "http://img.b2bpic.net/free-photo/pink-candy-bar-served-with-delicious-chocolate-cream-sweets_8353-7353.jpg", imageAlt: "Cafe interior" },
+              { id: "slide3", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cup-hot-drink-home-decor-details_169016-9647.jpg", imageAlt: "Croissants" },
+              { id: "slide4", imageSrc: "http://img.b2bpic.net/free-photo/wicker-basket-with-bread-spike-millet_140725-3047.jpg", imageAlt: "Cakes" },
+              { id: "slide5", imageSrc: "http://img.b2bpic.net/free-photo/empty-table-chair_74190-3583.jpg", imageAlt: "Dough" },
+              { id: "slide6", imageSrc: "http://img.b2bpic.net/free-photo/large-loaves-bread-counter-bakery_169016-19951.jpg", imageAlt: "Coffee" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TestimonialAboutCard
-      useInvertedBackground={false}
-      tag="Our Story"
-      title="Welcome to Sweet Katie Bee's"
-      description="Started in the heart of our community, we believe that simple, quality ingredients make for the best moments."
-      subdescription="Our bakery is dedicated to sustainable practices and traditional techniques passed down through generations."
-      icon={Coffee}
-      imageSrc="http://img.b2bpic.net/free-photo/female-baker-taking-notes-while-pastry-shop_23-2150379560.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TestimonialAboutCard
+            useInvertedBackground={false}
+            tag="Our Story"
+            title="Welcome to Sweet Katie Bee's"
+            description="Started in the heart of our community, we believe that simple, quality ingredients make for the best moments."
+            subdescription="Our bakery is dedicated to sustainable practices and traditional techniques passed down through generations."
+            icon={Coffee}
+            imageSrc="http://img.b2bpic.net/free-photo/female-baker-taking-notes-while-pastry-shop_23-2150379560.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureBorderGlow
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          icon: Wheat,
-          title: "Organic Ingredients",
-          description: "We source only the finest local grains.",
-        },
-        {
-          icon: Clock,
-          title: "Fresh Daily",
-          description: "Baked every morning before the sun rises.",
-        },
-        {
-          icon: Award,
-          title: "Artisanal Craft",
-          description: "Master-level techniques in every bite.",
-        },
-      ]}
-      title="Why Choose Us"
-      description="We take pride in every recipe that leaves our kitchen."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureBorderGlow
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { icon: Wheat, title: "Organic Ingredients", description: "We source only the finest local grains." },
+              { icon: Clock, title: "Fresh Daily", description: "Baked every morning before the sun rises." },
+              { icon: Award, title: "Artisanal Craft", description: "Master-level techniques in every bite." },
+            ]}
+            title="Why Choose Us"
+            description="We take pride in every recipe that leaves our kitchen."
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Buttery Croissant",
-          price: "$3.50",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-cookies-wooden-board_23-2148431174.jpg",
-        },
-        {
-          id: "p2",
-          name: "Double Choco Muffin",
-          price: "$4.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-view-delicious-baked-muffins_23-2148258720.jpg",
-        },
-        {
-          id: "p3",
-          name: "Sourdough Loaf",
-          price: "$7.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/fresh-bread-shopping-bag-wooden-background_169016-20843.jpg",
-        },
-        {
-          id: "p4",
-          name: "Fruit Tart",
-          price: "$5.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/homemade-delicious-rustic-summer-berry-tartles_114579-13613.jpg",
-        },
-        {
-          id: "p5",
-          name: "Cinnamon Roll",
-          price: "$4.50",
-          imageSrc: "http://img.b2bpic.net/free-photo/sweet-round-french-buns-with-raisins_114579-12603.jpg",
-        },
-        {
-          id: "p6",
-          name: "Macaron Assortment",
-          price: "$12.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/macaroon_74190-2920.jpg",
-        },
-      ]}
-      title="Our Signature Creations"
-      description="Freshly baked delights for every occasion."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", name: "Buttery Croissant", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cookies-wooden-board_23-2148431174.jpg" },
+              { id: "p2", name: "Double Choco Muffin", price: "$4.00", imageSrc: "http://img.b2bpic.net/free-photo/high-view-delicious-baked-muffins_23-2148258720.jpg" },
+              { id: "p3", name: "Sourdough Loaf", price: "$7.00", imageSrc: "http://img.b2bpic.net/free-photo/fresh-bread-shopping-bag-wooden-background_169016-20843.jpg" },
+              { id: "p4", name: "Fruit Tart", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/homemade-delicious-rustic-summer-berry-tartles_114579-13613.jpg" },
+              { id: "p5", name: "Cinnamon Roll", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/sweet-round-french-buns-with-raisins_114579-12603.jpg" },
+              { id: "p6", name: "Macaron Assortment", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/macaroon_74190-2920.jpg" },
+            ]}
+            title="Our Signature Creations"
+            description="Freshly baked delights for every occasion."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "50k+",
-          description: "Croissants Served",
-        },
-        {
-          id: "m2",
-          value: "12",
-          description: "Local Suppliers",
-        },
-        {
-          id: "m3",
-          value: "10",
-          description: "Years Baking",
-        },
-      ]}
-      title="Serving Smiles"
-      description="Our journey by the numbers."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", value: "50k+", description: "Croissants Served" },
+              { id: "m2", value: "12", description: "Local Suppliers" },
+              { id: "m3", value: "10", description: "Years Baking" },
+            ]}
+            title="Serving Smiles"
+            description="Our journey by the numbers."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFifteen
-      useInvertedBackground={false}
-      testimonial="The best bakery in town, consistently fresh and friendly service!"
-      rating={5}
-      author="Sarah M."
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/carefree-optimistic-woman-has-fun-while-brushing-teeth-holds-electric-toothbrush-near-mouth-as-if-microphone-sings-favorite-song-carries-ladies-bag-dressed-stylish-clothes-isolated-pink-wall_273609-60909.jpg",
-          alt: "Customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/leisure-lifestyle-people-concept-portrait-young-cheerful-guy-drinking-coffee-takeaway-from-fa_1258-109338.jpg",
-          alt: "Customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-young-redhead-woman-gesturing_273609-48433.jpg",
-          alt: "Customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/pleased-young-gardener-woman-with-short-hair-apron-hat-holding-pumpkin_141793-47095.jpg",
-          alt: "Customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13338.jpg",
-          alt: "Customer 5",
-        },
-      ]}
-      ratingAnimation="slide-up"
-      avatarsAnimation="slide-up"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardFifteen
+            useInvertedBackground={false}
+            testimonial="The best bakery in town, consistently fresh and friendly service!"
+            rating={5}
+            author="Sarah M."
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/carefree-optimistic-woman-has-fun-while-brushing-teeth-holds-electric-toothbrush-near-mouth-as-if-microphone-sings-favorite-song-carries-ladies-bag-dressed-stylish-clothes-isolated-pink-wall_273609-60909.jpg", alt: "Customer" },
+              { src: "http://img.b2bpic.net/free-photo/leisure-lifestyle-people-concept-portrait-young-cheerful-guy-drinking-coffee-takeaway-from-fa_1258-109338.jpg", alt: "Customer" },
+              { src: "http://img.b2bpic.net/free-photo/close-up-young-redhead-woman-gesturing_273609-48433.jpg", alt: "Customer" },
+              { src: "http://img.b2bpic.net/free-photo/pleased-young-gardener-woman-with-short-hair-apron-hat-holding-pumpkin_141793-47095.jpg", alt: "Customer" },
+              { src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13338.jpg", alt: "Customer 5" },
+            ]}
+            ratingAnimation="slide-up"
+            avatarsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "Do you offer catering?",
-          content: "Yes, we specialize in corporate and event catering.",
-        },
-        {
-          id: "f2",
-          title: "Are your ingredients organic?",
-          content: "We prioritize locally sourced and organic ingredients.",
-        },
-        {
-          id: "f3",
-          title: "Can I pre-order online?",
-          content: "Online pre-ordering is available via our website.",
-        },
-      ]}
-      sideTitle="Questions?"
-      sideDescription="Everything you need to know about our shop."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitText
+            useInvertedBackground={false}
+            faqs={[
+              { id: "f1", title: "Do you offer catering?", content: "Yes, we specialize in corporate and event catering." },
+              { id: "f2", title: "Are your ingredients organic?", content: "We prioritize locally sourced and organic ingredients." },
+              { id: "f3", title: "Can I pre-order online?", content: "Online pre-ordering is available via our website." },
+            ]}
+            sideTitle="Questions?"
+            sideDescription="Everything you need to know about our shop."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      title="Visit Us Today"
-      description="Drop by our cafe for fresh treats and coffee."
-      imageSrc="http://img.b2bpic.net/free-photo/milk-bottle-food-bag-arrangement_23-2148773371.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            tag="Contact"
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            title="Visit Us Today"
+            description="Drop by our cafe for fresh treats and coffee."
+            imageSrc="http://img.b2bpic.net/free-photo/milk-bottle-food-bag-arrangement_23-2148773371.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="Sweet Katie Bee's"
-      columns={[
-        {
-          title: "Bakery",
-          items: [
-            {
-              label: "Menu",
-              href: "#products",
-            },
-            {
-              label: "About",
-              href: "#about",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "Location",
-              href: "#contact",
-            },
-            {
-              label: "Email",
-              href: "mailto:hello@sweetkatiebee.com",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="Sweet Katie Bee's"
+            columns={[
+              {
+                title: "Bakery",                items: [
+                  { label: "Menu", href: "#products" },
+                  { label: "About", href: "#about" },
+                ],
+              },
+              {
+                title: "Contact",                items: [
+                  { label: "Location", href: "#contact" },
+                  { label: "Email", href: "mailto:hello@sweetkatiebee.com" },
+                ],
+              },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1