From 3aa87b8121489c2f35ef2d491a0e7e82011ba2fb Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 4 Apr 2026 15:14:51 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 305 ++++++++++++++---------------------------------
 1 file changed, 89 insertions(+), 216 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index f473a33..715a4ce 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -25,228 +25,101 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Menu",
-          id: "products",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Rise & Bake"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Menu", id: "products" },
+              { name: "About", id: "about" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Rise & Bake"
+            button={{ text: "Order Now", href: "#products" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardGallery
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Artisanal Bakes, Daily Rituals"
-      description="Handcrafted with passion, baked with patience. Rise and Bake brings the warmth of traditional ovens to your neighborhood every morning."
-      mediaItems={[
-        {
-          imageSrc: "https://pixabay.com/get/gd8ccc3c00caff94fee847c691ead8d180c5f9259fb2974711053f67a1744076046714a820862fd6a43bed47126b77f4d3f825b209d78373a013cabd63f6c22fa_1280.jpg",
-          imageAlt: "Artisan Bread",
-        },
-        {
-          imageSrc: "https://pixabay.com/get/g6d716f29facc9748c30ad5a87e20e8627cd5ebf8e0427880fdcd121368656a9514a8536bf779cf1dd424fc679e70b343cc8af54bf18edae7a15f000789bc988d_1280.jpg",
-          imageAlt: "Fresh Pastries",
-        },
-        {
-          imageSrc: "https://pixabay.com/get/gf6547048df748ae0cf29fa8c5490e529151b34955133b5941a62fc33120868d370329478c9c5f76e6b8a464a7d88748357336f6ecac4cfe33f35155acf6ad90e_1280.jpg",
-          imageAlt: "Baking Process",
-        },
-        {
-          imageSrc: "https://pixabay.com/get/gcd7742f6b91df16d5470b5da5f03d3ce5b3a12ebf5ead993ddf1a90e5b13ef82af8002d8447961b2788f480a36591027fe54802606c83c55b95c92781de79386_1280.jpg",
-          imageAlt: "Golden Croissants",
-        },
-        {
-          imageSrc: "https://pixabay.com/get/ga2ceb71912c49fcfe06be7850beb130642fd5fa5e2067dd74d8825a91717f5c2c9b97e2957c8d63d429baf6d2c2b9af698019d63e1b8778f185c0217ba1ba063_1280.jpg",
-          imageAlt: "Shop Display",
-        },
-      ]}
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardGallery
+            background={{ variant: "gradient-bars" }}
+            title="Artisanal Bakes, Daily Rituals"
+            description="Handcrafted with passion, baked with patience. Rise and Bake brings the warmth of traditional ovens to your neighborhood every morning."
+            mediaItems={[
+              { imageSrc: "https://pixabay.com/get/gd8ccc3c00caff94fee847c691ead8d180c5f9259fb2974711053f67a1744076046714a820862fd6a43bed47126b77f4d3f825b209d78373a013cabd63f6c22fa_1280.jpg", imageAlt: "Artisan Bread" },
+              { imageSrc: "https://pixabay.com/get/g6d716f29facc9748c30ad5a87e20e8627cd5ebf8e0427880fdcd121368656a9514a8536bf779cf1dd424fc679e70b343cc8af54bf18edae7a15f000789bc988d_1280.jpg", imageAlt: "Fresh Pastries" },
+              { imageSrc: "https://pixabay.com/get/gf6547048df748ae0cf29fa8c5490e529151b34955133b5941a62fc33120868d370329478c9c5f76e6b8a464a7d88748357336f6ecac4cfe33f35155acf6ad90e_1280.jpg", imageAlt: "Baking Process" },
+              { imageSrc: "https://pixabay.com/get/gcd7742f6b91df16d5470b5da5f03d3ce5b3a12ebf5ead993ddf1a90e5b13ef82af8002d8447961b2788f480a36591027fe54802606c83c55b95c92781de79386_1280.jpg", imageAlt: "Golden Croissants" },
+              { imageSrc: "https://pixabay.com/get/ga2ceb71912c49fcfe06be7850beb130642fd5fa5e2067dd74d8825a91717f5c2c9b97e2957c8d63d429baf6d2c2b9af698019d63e1b8778f185c0217ba1ba063_1280.jpg", imageAlt: "Shop Display" },
+            ]}
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextAbout
-      useInvertedBackground={false}
-      title="Since 1995, Serving Warmth"
-      buttons={[
-        {
-          text: "Our Story",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextAbout
+            useInvertedBackground={false}
+            title="Since 1995, Serving Warmth"
+            buttons={[{ text: "Our Story", href: "#" }]}
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardFour
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "1",
-          name: "Rustic Sourdough",
-          price: "$8.00",
-          variant: "Artisan Bread",
-          imageSrc: "https://pixabay.com/get/g54dfc251102951238300a4f66e0c1df2dd47199443a8cd2164062be06530784c128b082dfc6c170fce07ca4ee325c3814eaa5117ac6592cda5401a20205c6cd9_1280.jpg",
-        },
-        {
-          id: "2",
-          name: "Classic Croissant",
-          price: "$4.50",
-          variant: "French Pastry",
-          imageSrc: "https://pixabay.com/get/g7f194eb66341970d680bd27d24ad111e96ed792d330e90623ef568071f8eb0c983b99c92644bf2f3bc444eaed5ebe61ab6973eb3ffeb444c181bccc843e40306_1280.jpg",
-        },
-        {
-          id: "3",
-          name: "Blueberry Muffin",
-          price: "$3.75",
-          variant: "Morning Treat",
-          imageSrc: "https://pixabay.com/get/gdf6723df703c03930aa89a71ae65eda8c6c932e5f277a9ed363f8dfcd985135dea6aee2dbe603aa399940c3f6cbdc40c0aa50e38402aaaf94e1894a355235a2f_1280.jpg",
-        },
-        {
-          id: "4",
-          name: "Pain au Chocolat",
-          price: "$4.75",
-          variant: "Chocolate Pastry",
-          imageSrc: "https://pixabay.com/get/g27ec29dc92bb7ca45463798faca7687062029f7e6fa79c08590aa1c045050c22a445f7f4a415f5217ad60ac1118cc4614068eb3688f718edeafcf726492a17c6_1280.jpg",
-        },
-        {
-          id: "5",
-          name: "Cinnamon Swirl",
-          price: "$4.25",
-          variant: "Sweet Pastry",
-          imageSrc: "https://pixabay.com/get/gb02d953675331c928f2f0f4eddc19c5a62300d9f84e955c5b47c0b0fb10e2bdcb5878291f38b4e8c4cb12174538e22b2e71b2f22df51bceb0d1dea7d0a4ccbea_1280.jpg",
-        },
-        {
-          id: "6",
-          name: "Baguette",
-          price: "$3.50",
-          variant: "French Bread",
-          imageSrc: "https://pixabay.com/get/g48bec86fdb654d24ab2f9809d5e74463d7ecdeb7fef25bb3d9f499faf93383e7f52d82368f03b9904d1b7db80808e11f26c642ac3976fe8a491d9259d6c850bb_1280.png",
-        },
-      ]}
-      title="Fresh From The Oven"
-      description="Our signature daily selection, made with premium local ingredients."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardFour
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="four-items-2x2-equal-grid"
+            useInvertedBackground={false}
+            products={[
+              { id: "1", name: "Rustic Sourdough", price: "$8.00", variant: "Artisan Bread", imageSrc: "https://pixabay.com/get/g54dfc251102951238300a4f66e0c1df2dd47199443a8cd2164062be06530784c128b082dfc6c170fce07ca4ee325c3814eaa5117ac6592cda5401a20205c6cd9_1280.jpg" },
+              { id: "2", name: "Classic Croissant", price: "$4.50", variant: "French Pastry", imageSrc: "https://pixabay.com/get/g7f194eb66341970d680bd27d24ad111e96ed792d330e90623ef568071f8eb0c983b99c92644bf2f3bc444eaed5ebe61ab6973eb3ffeb444c181bccc843e40306_1280.jpg" },
+              { id: "3", name: "Blueberry Muffin", price: "$3.75", variant: "Morning Treat", imageSrc: "https://pixabay.com/get/gdf6723df703c03930aa89a71ae65eda8c6c932e5f277a9ed363f8dfcd985135dea6aee2dbe603aa399940c3f6cbdc40c0aa50e38402aaaf94e1894a355235a2f_1280.jpg" },
+              { id: "4", name: "Pain au Chocolat", price: "$4.75", variant: "Chocolate Pastry", imageSrc: "https://pixabay.com/get/g27ec29dc92bb7ca45463798faca7687062029f7e6fa79c08590aa1c045050c22a445f7f4a415f5217ad60ac1118cc4614068eb3688f718edeafcf726492a17c6_1280.jpg" },
+              { id: "5", name: "Cinnamon Swirl", price: "$4.25", variant: "Sweet Pastry", imageSrc: "https://pixabay.com/get/gb02d953675331c928f2f0f4eddc19c5a62300d9f84e955c5b47c0b0fb10e2bdcb5878291f38b4e8c4cb12174538e22b2e71b2f22df51bceb0d1dea7d0a4ccbea_1280.jpg" },
+              { id: "6", name: "Baguette", price: "$3.50", variant: "French Bread", imageSrc: "https://pixabay.com/get/g48bec86fdb654d24ab2f9809d5e74463d7ecdeb7fef25bb3d9f499faf93383e7f52d82368f03b9904d1b7db80808e11f26c642ac3976fe8a491d9259d6c850bb_1280.png" },
+            ]}
+            title="Fresh From The Oven"
+            description="Our signature daily selection, made with premium local ingredients."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwelve
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah Jenkins",
-          imageSrc: "https://pixabay.com/get/g48df93b3e6595e08a2d9ea7d4d2b824273c418244ab9cdd57905c2b95a2c5624cab5b42e3450224362a5fb9c2ba0a4114f5d8163725faa7d6008124078290616_1280.jpg",
-        },
-        {
-          id: "2",
-          name: "Mark Thompson",
-          imageSrc: "https://pixabay.com/get/g1fb04e5260ddf7d31dfa776d67db88c94992f7b92dbeba3b3ace55c2a1085e6602d3320369c57b830c46b6f38be3866f7aa3f78c172765f003ffe81375ea30a5_1280.jpg",
-        },
-        {
-          id: "3",
-          name: "Elena Rodriguez",
-          imageSrc: "https://pixabay.com/get/g1ac09250e8befc7be77889efdb22654968c05836573ca55c6a33e47d23c190aec4f0022f65c416fff5fdc2831d98843e374da6ffda1e66b4472726dc1daa566b_1280.jpg",
-        },
-        {
-          id: "4",
-          name: "David Chen",
-          imageSrc: "https://pixabay.com/get/g519d021d03c30092560997bb77a7a95e9e0502077ccc937710d2afd2f262e22bc6186d8e41341f6ce86be5d1418467aa5743b235257bbcf0faaaa0bff9ce71ee_1280.jpg",
-        },
-        {
-          id: "5",
-          name: "Alice Peterson",
-          imageSrc: "https://pixabay.com/get/g9d420fc49ebab154a73135905f5739606c9397bef2b3e68af50be3595432608faa3637f495ea08041833fd47d9ca380be9cfc19311118b0c30771f6f0444b82d_1280.jpg",
-        },
-      ]}
-      cardTitle="Loved by the community"
-      cardAnimation="slide-up"
-      cardTag="Testimonials"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTwelve
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Sarah Jenkins", imageSrc: "https://pixabay.com/get/g48df93b3e6595e08a2d9ea7d4d2b824273c418244ab9cdd57905c2b95a2c5624cab5b42e3450224362a5fb9c2ba0a4114f5d8163725faa7d6008124078290616_1280.jpg" },
+              { id: "2", name: "Mark Thompson", imageSrc: "https://pixabay.com/get/g1fb04e5260ddf7d31dfa776d67db88c94992f7b92dbeba3b3ace55c2a1085e6602d3320369c57b830c46b6f38be3866f7aa3f78c172765f003ffe81375ea30a5_1280.jpg" },
+              { id: "3", name: "Elena Rodriguez", imageSrc: "https://pixabay.com/get/g1ac09250e8befc7be77889efdb22654968c05836573ca55c6a33e47d23c190aec4f0022f65c416fff5fdc2831d98843e374da6ffda1e66b4472726dc1daa566b_1280.jpg" },
+              { id: "4", name: "David Chen", imageSrc: "https://pixabay.com/get/g519d021d03c30092560997bb77a7a95e9e0502077ccc937710d2afd2f262e22bc6186d8e41341f6ce86be5d1418467aa5743b235257bbcf0faaaa0bff9ce71ee_1280.jpg" },
+              { id: "5", name: "Alice Peterson", imageSrc: "https://pixabay.com/get/g9d420fc49ebab154a73135905f5739606c9397bef2b3e68af50be3595432608faa3637f495ea08041833fd47d9ca380be9cfc19311118b0c30771f6f0444b82d_1280.jpg" },
+            ]}
+            cardTitle="Loved by the community"
+            cardAnimation="slide-up"
+            cardTag="Testimonials"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Visit Our Bakery"
-      description="Find us on the corner of Maple and 5th. We'd love to serve you fresh coffee and warm bread."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Your Email",
-          required: true,
-        },
-      ]}
-      imageSrc="https://pixabay.com/get/gee0e88d0474d2322668219c297634f96b826d0424d0989a9e9b7f9175e1c0d8284d9030b4bf3934f3e2834653f70ce3f1080d62e87a876e15c9f9ff0c77bd5d9_1280.jpg"
-      textarea={{
-        name: "message",
-        placeholder: "How can we help?",
-        rows: 4,
-      }}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={false}
+            title="Visit Our Bakery"
+            description="Find us on the corner of Maple and 5th. We'd love to serve you fresh coffee and warm bread."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Your Name", required: true },
+              { name: "email", type: "email", placeholder: "Your Email", required: true },
+            ]}
+            imageSrc="https://pixabay.com/get/gee0e88d0474d2322668219c297634f96b826d0424d0989a9e9b7f9175e1c0d8284d9030b4bf3934f3e2834653f70ce3f1080d62e87a876e15c9f9ff0c77bd5d9_1280.jpg"
+            textarea={{ name: "message", placeholder: "How can we help?", rows: 4 }}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="Rise & Bake"
-      columns={[
-        {
-          title: "Bakery",
-          items: [
-            {
-              label: "Menu",
-              href: "#products",
-            },
-            {
-              label: "About",
-              href: "#about",
-            },
-          ],
-        },
-        {
-          title: "Social",
-          items: [
-            {
-              label: "Instagram",
-              href: "#",
-            },
-            {
-              label: "Facebook",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="Rise & Bake"
+            columns={[
+              { title: "Bakery", items: [{ label: "Menu", href: "#products" }, { label: "About", href: "#about" }] },
+              { title: "Social", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }] },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );