From 9a4602c57270be44160a4ed62cc05ecda400f593 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 2 May 2026 22:42:20 +0000
Subject: [PATCH] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0353199..f7cdfa0 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -26,303 +26,132 @@ export default function LandingPage() {
         headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "#hero",
-        },
-        {
-          name: "Products",
-          id: "#products",
-        },
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
-      ]}
-      brandName="Village Green"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingInline
+              navItems={[
+                { name: "Home", id: "#hero" },
+                { name: "Products", id: "#products" },
+                { name: "About", id: "#about" },
+                { name: "Contact", id: "#contact" },
+              ]}
+              brandName="Village Green"
+              button={{ text: "Get Started", href: "#contact" }}
+            />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroLogoBillboard
-      background={{
-        variant: "gradient-bars",
-      }}
-      logoText="Not Your Average Convenience Store."
-      description="Snacks, essentials, and everyday luxury — right in your neighborhood."
-      buttons={[
-        {
-          text: "Visit Us Today",
-          href: "#contact",
-        },
-        {
-          text: "See What We Carry",
-          href: "#products",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/client-shopping-local-retailer_23-2149349412.jpg?_wi=1"
-      mediaAnimation="blur-reveal"
-      imageAlt="modern convenience store shelves"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+            <HeroLogoBillboard
+              background={{ variant: "gradient-bars" }}
+              logoText="Not Your Average Convenience Store."
+              description="Snacks, essentials, and everyday luxury — right in your neighborhood."
+              buttons={[
+                { text: "Visit Us Today", href: "#contact" },
+                { text: "See What We Carry", href: "#products" },
+              ]}
+              imageSrc="http://img.b2bpic.net/free-photo/client-shopping-local-retailer_23-2149349412.jpg"
+              mediaAnimation="blur-reveal"
+              imageAlt="modern convenience store shelves"
+            />
+        </div>
 
-  <div id="value-props" data-section="value-props">
-      <FeatureCardNine
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      features={[
-        {
-          title: "Premium Selection",
-          description: "Not just basics — better brands, better choices.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-soft-drink_23-2151281988.jpg",
-            imageAlt: "refreshing energy drink bottles",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-kind-snacks-as-cookies-chips-bowls-cutting-board-dark-surface-horizontal_176474-947.jpg",
-            imageAlt: "gourmet snack bag snacks",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/client-shopping-local-retailer_23-2149349412.jpg?_wi=2",
-          imageAlt: "refreshing energy drink bottles",
-        },
-        {
-          title: "Fast & Easy",
-          description: "In and out in minutes.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/composition-different-delicious-ingredients_23-2149028608.jpg",
-            imageAlt: "fresh daily bread loaf",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/top-view-grapefruit-chocolate-lemon-along-with-candy-sticks-grey-desk_140725-13448.jpg",
-            imageAlt: "imported artisanal chocolate bar",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-kind-snacks-as-nuts-crackers-cookies-white-wooden-surface-horizontal_176474-967.jpg",
-          imageAlt: "refreshing energy drink bottles",
-        },
-        {
-          title: "Local & Fresh",
-          description: "Supporting local where it matters.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/fruit-salad-with-ice-cream_1232-1650.jpg",
-            imageAlt: "trending imported snacks",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/supermarket-owner-promoting-his-bio-food_482257-76583.jpg?_wi=1",
-            imageAlt: "seasonal healthy snack bowl",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/delivery-woman-with-food-package_23-2148869400.jpg?_wi=1",
-          imageAlt: "refreshing energy drink bottles",
-        },
-      ]}
-      showStepNumbers={false}
-      title="Convenience, Upgraded."
-      description="We believe your daily stop should be more than just quick—it should be quality."
-    />
-  </div>
+        <div id="value-props" data-section="value-props">
+            <FeatureCardNine
+              animationType="slide-up"
+              textboxLayout="default"
+              useInvertedBackground={true}
+              showStepNumbers={false}
+              title="Convenience, Upgraded."
+              description="We believe your daily stop should be more than just quick—it should be quality."
+              features={[
+                {
+                  title: "Premium Selection",                  description: "Not just basics — better brands, better choices.",                  phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-soft-drink_23-2151281988.jpg", imageAlt: "refreshing energy drink bottles" },
+                  phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-kind-snacks-as-cookies-chips-bowls-cutting-board-dark-surface-horizontal_176474-947.jpg", imageAlt: "gourmet snack bag snacks" }
+                },
+                {
+                  title: "Fast & Easy",                  description: "In and out in minutes.",                  phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/composition-different-delicious-ingredients_23-2149028608.jpg", imageAlt: "fresh daily bread loaf" },
+                  phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/top-view-grapefruit-chocolate-lemon-along-with-candy-sticks-grey-desk_140725-13448.jpg", imageAlt: "imported artisanal chocolate bar" }
+                },
+                {
+                  title: "Local & Fresh",                  description: "Supporting local where it matters.",                  phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/fruit-salad-with-ice-cream_1232-1650.jpg", imageAlt: "trending imported snacks" },
+                  phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/supermarket-owner-promoting-his-bio-food_482257-76583.jpg", imageAlt: "seasonal healthy snack bowl" }
+                }
+              ]}
+            />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardFour
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Drinks",
-          price: "Energy & Juice",
-          variant: "Popular",
-          imageSrc: "http://img.b2bpic.net/free-photo/people-clanging-bottles-beer_23-2147935836.jpg",
-          imageAlt: "refreshing energy drink bottles",
-        },
-        {
-          id: "p2",
-          name: "Snacks",
-          price: "Chips & Chocolate",
-          variant: "New Arrival",
-          imageSrc: "http://img.b2bpic.net/free-photo/plate-with-sandwich-chips_23-2148454776.jpg",
-          imageAlt: "gourmet snack bag snacks",
-        },
-        {
-          id: "p3",
-          name: "Essentials",
-          price: "Milk, Eggs, Bread",
-          variant: "Staff Pick",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-breads-as-black-seeded-baguette-basket-plaid-cloth-wooden-surface-with-copy-space_141793-11330.jpg",
-          imageAlt: "fresh daily bread loaf",
-        },
-        {
-          id: "p4",
-          name: "Hidden Gems",
-          price: "Imported Treats",
-          variant: "New Arrival",
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-assortment-chocolate-cupcakes_23-2148654051.jpg",
-          imageAlt: "imported artisanal chocolate bar",
-        },
-        {
-          id: "p5",
-          name: "Healthy Options",
-          price: "Fresh & Nutritious",
-          variant: "Popular",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-high-protein-vegan-meal_23-2149091301.jpg",
-          imageAlt: "trending imported snacks",
-        },
-        {
-          id: "p6",
-          name: "Daily Finds",
-          price: "Local Staples",
-          variant: "Staff Pick",
-          imageSrc: "http://img.b2bpic.net/free-photo/many-plate-o0f-dried-fruits-marmalade-sunflower-seeds-with-tea_114579-24788.jpg",
-          imageAlt: "seasonal healthy snack bowl",
-        },
-      ]}
-      title="Shop Our Favorites"
-      description="Discover your new go-to items."
-    />
-  </div>
+        <div id="products" data-section="products">
+            <ProductCardFour
+              animationType="slide-up"
+              textboxLayout="default"
+              gridVariant="three-columns-all-equal-width"
+              useInvertedBackground={false}
+              title="Shop Our Favorites"
+              description="Discover your new go-to items."
+              products={[
+                { id: "p1", name: "Drinks", price: "Energy & Juice", variant: "Popular", imageSrc: "http://img.b2bpic.net/free-photo/people-clanging-bottles-beer_23-2147935836.jpg" },
+                { id: "p2", name: "Snacks", price: "Chips & Chocolate", variant: "New Arrival", imageSrc: "http://img.b2bpic.net/free-photo/plate-with-sandwich-chips_23-2148454776.jpg" },
+                { id: "p3", name: "Essentials", price: "Milk, Eggs, Bread", variant: "Staff Pick", imageSrc: "http://img.b2bpic.net/free-photo/side-view-breads-as-black-seeded-baguette-basket-plaid-cloth-wooden-surface-with-copy-space_141793-11330.jpg" }
+              ]}
+            />
+        </div>
 
-  <div id="about" data-section="about">
-      <MetricSplitMediaAbout
-      useInvertedBackground={true}
-      title="Built for the Neighborhood"
-      description="Village Green Convenience isn’t just a store — it’s your go-to spot for quick stops, late-night snacks, and everyday essentials done right. We focus on quality, speed, and a better experience every time you walk in."
-      metrics={[
-        {
-          value: "100+",
-          title: "Local Brands",
-        },
-        {
-          value: "7AM-11PM",
-          title: "Daily Hours",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/supermarket-owner-promoting-his-bio-food_482257-76583.jpg?_wi=2"
-      mediaAnimation="slide-up"
-      imageAlt="happy customer local store"
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+            <MetricSplitMediaAbout
+              useInvertedBackground={true}
+              title="Built for the Neighborhood"
+              description="Village Green Convenience isn’t just a store — it’s your go-to spot for quick stops, late-night snacks, and everyday essentials done right."
+              metrics={[
+                { value: "100+", title: "Local Brands" },
+                { value: "7AM-11PM", title: "Daily Hours" },
+              ]}
+              imageSrc="http://img.b2bpic.net/free-photo/supermarket-owner-promoting-his-bio-food_482257-76583.jpg"
+            />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardThirteen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Sarah J.",
-          handle: "@sarahj",
-          testimonial: "Super clean and actually has stuff I can’t find anywhere else.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/delivery-woman-with-food-package_23-2148869400.jpg?_wi=2",
-        },
-        {
-          id: "t2",
-          name: "Michael C.",
-          handle: "@mikes",
-          testimonial: "Way better than a regular corner store.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-shopping_23-2147652127.jpg",
-        },
-        {
-          id: "t3",
-          name: "Emily R.",
-          handle: "@emilyr",
-          testimonial: "The staff are so friendly and the selection is unmatched.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/people-spending-time-gas-station_23-2150440227.jpg",
-        },
-        {
-          id: "t4",
-          name: "David K.",
-          handle: "@davidk",
-          testimonial: "Finally, a convenient store that actually values quality.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-holding-reusable-bag-with-groceries_23-2148454499.jpg",
-        },
-        {
-          id: "t5",
-          name: "Jessica L.",
-          handle: "@jessl",
-          testimonial: "My go-to spot for late night snacks!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-holding-package-with-chips-watching-movie-light-blue-surface_140725-69697.jpg",
-        },
-      ]}
-      showRating={true}
-      title="What Neighbors Say"
-      description="Trusted by our local community."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+            <TestimonialCardThirteen
+              animationType="slide-up"
+              showRating={true}
+              textboxLayout="default"
+              useInvertedBackground={true}
+              title="What Neighbors Say"
+              description="Trusted by our local community."
+              testimonials={[
+                { id: "t1", name: "Sarah J.", handle: "@sarahj", testimonial: "Super clean!", rating: 5 },
+                { id: "t2", name: "Michael C.", handle: "@mikes", testimonial: "Way better.", rating: 5 },
+              ]}
+            />
+        </div>
 
-  <div id="location" data-section="location">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Visit Us"
-      title="Located in Your Backyard"
-      description="Find us at 123 Village Lane, open daily from 7 AM to 11 PM."
-      buttonText="Get Directions"
-    />
-  </div>
+        <div id="location" data-section="location">
+            <ContactCenter
+              useInvertedBackground={false}
+              background={{ variant: "plain" }}
+              tag="Visit Us"
+              title="Located in Your Backyard"
+              description="Find us at 123 Village Lane."
+            />
+        </div>
 
-  <div id="cta" data-section="cta">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "downward-rays-static",
-      }}
-      tag="Stop By"
-      title="Stop By Today"
-      description="You’re closer than you think. See you soon!"
-      buttonText="Get Directions"
-    />
-  </div>
+        <div id="cta" data-section="cta">
+            <ContactCenter
+              useInvertedBackground={false}
+              background={{ variant: "downward-rays-static" }}
+              tag="Stop By"
+              title="Stop By Today"
+              description="You’re closer than you think!"
+            />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="Village Green Convenience"
-      columns={[
-        {
-          title: "Store",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Products",
-              href: "#products",
-            },
-          ],
-        },
-        {
-          title: "Help",
-          items: [
-            {
-              label: "Contact Us",
-              href: "#contact",
-            },
-            {
-              label: "FAQs",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+            <FooterBaseCard
+              logoText="Village Green Convenience"
+              columns={[
+                { title: "Store", items: [{ label: "About", href: "#about" }, { label: "Products", href: "#products" }] },
+                { title: "Help", items: [{ label: "Contact Us", href: "#contact" }, { label: "FAQs", href: "#" }] },
+              ]}
+            />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1