From b2e3265d8692f918d722c9b93663fdbae959b2f8 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 30 Apr 2026 15:30:41 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 529 ++++++++++++++---------------------------------
 1 file changed, 156 insertions(+), 373 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3f8452b..c980a3a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -19,390 +19,173 @@ export default function LandingPage() {
         defaultButtonVariant="bounce-effect"
         defaultTextAnimation="reveal-blur"
         borderRadius="pill"
+        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: "Products",
-          id: "products",
-        },
-        {
-          name: "Reviews",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="What's Cookin"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Products", id: "products" },
+              { name: "Testimonials", id: "testimonials" },
+              { name: "Contact", id: "contact" }
+            ]}
+            brandName="What's Cookin"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplit
-      background={{
-        variant: "radial-gradient",
-      }}
-      title="Everything Your Home Needs"
-      description="Discover curated kitchenware and home essentials in the heart of Port Townsend. From everyday cooking to unique finds."
-      buttons={[
-        {
-          text: "Visit Us",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/side-view-people-looking-chandelier_23-2149640691.jpg?_wi=1"
-      imageAlt="Home goods store interior"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/unrecognizable-black-buyer-taking-furniture-photo-mall-coronavirus-pandemic_657883-237.jpg",
-          alt: "Happy customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/woman-making-beautiful-floral-arrangement_23-2148846516.jpg",
-          alt: "Happy customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/full-shot-woman-working-with-flowers_23-2149591604.jpg",
-          alt: "Happy customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/woman-buying-stuff-decoration-store_1303-24638.jpg",
-          alt: "Happy customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-adults-having-party-home_23-2149215876.jpg",
-          alt: "Happy customer",
-        },
-      ]}
-      avatarText="Join 10,000+ happy home makers"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Premium Quality",
-        },
-        {
-          type: "text",
-          text: "Locally Curated",
-        },
-        {
-          type: "text",
-          text: "Expert Advice",
-        },
-        {
-          type: "text",
-          text: "Sustainable Goods",
-        },
-        {
-          type: "text",
-          text: "Unique Designs",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplit
+            background={{ variant: "radial-gradient" }}
+            title="Everything Your Home Needs"
+            description="Discover curated kitchenware and home essentials in the heart of Port Townsend. From everyday cooking to unique finds."
+            buttons={[{ text: "Visit Us", href: "#contact" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/side-view-people-looking-chandelier_23-2149640691.jpg"
+            imageAlt="Home goods store interior"
+            mediaAnimation="slide-up"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/unrecognizable-black-buyer-taking-furniture-photo-mall-coronavirus-pandemic_657883-237.jpg", alt: "Happy customer" },
+              { src: "http://img.b2bpic.net/free-photo/woman-making-beautiful-floral-arrangement_23-2148846516.jpg", alt: "Happy customer" },
+              { src: "http://img.b2bpic.net/free-photo/full-shot-woman-working-with-flowers_23-2149591604.jpg", alt: "Happy customer" },
+              { src: "http://img.b2bpic.net/free-photo/woman-buying-stuff-decoration-store_1303-24638.jpg", alt: "Happy customer" },
+              { src: "http://img.b2bpic.net/free-photo/young-adults-having-party-home_23-2149215876.jpg", alt: "Happy customer" }
+            ]}
+            avatarText="Join 10,000+ happy home makers"
+            marqueeItems={[
+              { type: "text", text: "Premium Quality" },
+              { type: "text", text: "Locally Curated" },
+              { type: "text", text: "Expert Advice" },
+              { type: "text", text: "Sustainable Goods" },
+              { type: "text", text: "Unique Designs" }
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MetricSplitMediaAbout
-      useInvertedBackground={false}
-      title="Local Heart, Global Quality"
-      description="What's Cookin has served Port Townsend with quality home goods for years, committed to helping you create the kitchen and home of your dreams."
-      metrics={[
-        {
-          value: "10k+",
-          title: "Happy Customers",
-        },
-        {
-          value: "500+",
-          title: "Products",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/ceiling-lamp-close_1203-789.jpg?_wi=1"
-      mediaAnimation="blur-reveal"
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MetricSplitMediaAbout
+            useInvertedBackground={false}
+            title="Local Heart, Global Quality"
+            description="What's Cookin has served Port Townsend with quality home goods for years, committed to helping you create the kitchen and home of your dreams."
+            metrics={[
+              { value: "10k+", title: "Happy Customers" },
+              { value: "500+", title: "Products" }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/ceiling-lamp-close_1203-789.jpg"
+            mediaAnimation="blur-reveal"
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "p1",
-          brand: "Cookware",
-          name: "Ceramic Mug Set",
-          price: "$24.99",
-          rating: 5,
-          reviewCount: "12",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D57PGa96qU1Q6SBnPPM9cnjZ3q/uploaded-1777562983460-eq2n5nr3.png",
-        },
-        {
-          id: "p2",
-          brand: "Cookware",
-          name: "Kitchen Utensils",
-          price: "$15.99",
-          rating: 4,
-          reviewCount: "8",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D57PGa96qU1Q6SBnPPM9cnjZ3q/uploaded-1777562983460-cbh0ct57.png",
-        },
-        {
-          id: "p3",
-          brand: "Cookware",
-          name: "Mixing Bowls",
-          price: "$34.99",
-          rating: 5,
-          reviewCount: "22",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-looking-chandelier_23-2149640691.jpg?_wi=2",
-        },
-        {
-          id: "p4",
-          brand: "Cookware",
-          name: "Cast Iron Skillet",
-          price: "$55.00",
-          rating: 5,
-          reviewCount: "45",
-          imageSrc: "http://img.b2bpic.net/free-photo/ceiling-lamp-close_1203-789.jpg?_wi=2",
-        },
-        {
-          id: "p5",
-          brand: "Cookware",
-          name: "Tea Kettle",
-          price: "$42.00",
-          rating: 4,
-          reviewCount: "15",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-brunette-woman-sitting-with-coffee-using-smartphone-cafe-chatting_1258-199048.jpg?_wi=1",
-        },
-        {
-          id: "p6",
-          brand: "Cookware",
-          name: "Serving Tray",
-          price: "$28.00",
-          rating: 5,
-          reviewCount: "10",
-          imageSrc: "http://img.b2bpic.net/free-photo/window-shopping-with-best-friend_329181-7988.jpg?_wi=1",
-        },
-      ]}
-      title="Featured Finds"
-      description="Shop our latest selection of hand-picked kitchenware and home decor."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardTwo
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="four-items-2x2-equal-grid"
+            useInvertedBackground={true}
+            title="Featured Finds"
+            description="Shop our latest selection of hand-picked kitchenware and home decor."
+            products={[
+              { id: "p1", brand: "Cookware", name: "Ceramic Mug Set", price: "$24.99", rating: 5, reviewCount: "12", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D57PGa96qU1Q6SBnPPM9cnjZ3q/uploaded-1777562983460-eq2n5nr3.png" },
+              { id: "p2", brand: "Cookware", name: "Kitchen Utensils", price: "$15.99", rating: 4, reviewCount: "8", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D57PGa96qU1Q6SBnPPM9cnjZ3q/uploaded-1777562983460-cbh0ct57.png" },
+              { id: "p3", brand: "Cookware", name: "Mixing Bowls", price: "$34.99", rating: 5, reviewCount: "22", imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-looking-chandelier_23-2149640691.jpg" },
+              { id: "p4", brand: "Cookware", name: "Cast Iron Skillet", price: "$55.00", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/ceiling-lamp-close_1203-789.jpg" },
+              { id: "p5", brand: "Cookware", name: "Tea Kettle", price: "$42.00", rating: 4, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-brunette-woman-sitting-with-coffee-using-smartphone-cafe-chatting_1258-199048.jpg" },
+              { id: "p6", brand: "Cookware", name: "Serving Tray", price: "$28.00", rating: 5, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/window-shopping-with-best-friend_329181-7988.jpg" }
+            ]}
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardSeven
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "4.0",
-          title: "Yelp Rating",
-          items: [
-            "Trusted by local community",
-            "Great reviews",
-            "High quality service",
-          ],
-        },
-        {
-          id: "m2",
-          value: "100%",
-          title: "Customer Satisfaction",
-          items: [
-            "Personalized attention",
-            "Friendly staff",
-            "Expert advice",
-          ],
-        },
-        {
-          id: "m3",
-          value: "24/7",
-          title: "Online Presence",
-          items: [
-            "Visible locally",
-            "Community active",
-            "Reliable info",
-          ],
-        },
-      ]}
-      title="Our Impact"
-      description="Why customers love visiting our store."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardSeven
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            title="Our Impact"
+            description="Why customers love visiting our store."
+            metrics={[
+              { id: "m1", value: "4.0", title: "Yelp Rating", items: ["Trusted by local community", "Great reviews", "High quality service"] },
+              { id: "m2", value: "100%", title: "Customer Satisfaction", items: ["Personalized attention", "Friendly staff", "Expert advice"] },
+              { id: "m3", value: "24/7", title: "Online Presence", items: ["Visible locally", "Community active", "Reliable info"] }
+            ]}
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSixteen
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Rick L.",
-          role: "Customer",
-          company: "Local",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-brunette-woman-sitting-with-coffee-using-smartphone-cafe-chatting_1258-199048.jpg?_wi=2",
-        },
-        {
-          id: "t2",
-          name: "Sarah J.",
-          role: "Chef",
-          company: "Pro",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/window-shopping-with-best-friend_329181-7988.jpg?_wi=2",
-        },
-        {
-          id: "t3",
-          name: "Mike P.",
-          role: "Home Cook",
-          company: "Local",
-          rating: 4,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-stylish-denim-jacket-coffee-shop_273609-4460.jpg",
-        },
-        {
-          id: "t4",
-          name: "Emily D.",
-          role: "Enthusiast",
-          company: "Local",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-bar-tender-standing-with-arms-crossed_107420-65364.jpg",
-        },
-        {
-          id: "t5",
-          name: "John K.",
-          role: "Customer",
-          company: "Local",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg",
-        },
-      ]}
-      kpiItems={[
-        {
-          value: "4.0",
-          label: "Rating",
-        },
-        {
-          value: "5",
-          label: "Years",
-        },
-        {
-          value: "100+",
-          label: "Brands",
-        },
-      ]}
-      title="What Customers Say"
-      description="Hear from our happy customers in Port Townsend."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardSixteen
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            title="What Customers Say"
+            description="Hear from our happy customers in Port Townsend."
+            testimonials={[
+              { id: "t1", name: "Rick L.", role: "Customer", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-brunette-woman-sitting-with-coffee-using-smartphone-cafe-chatting_1258-199048.jpg" },
+              { id: "t2", name: "Sarah J.", role: "Chef", company: "Pro", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/window-shopping-with-best-friend_329181-7988.jpg" },
+              { id: "t3", name: "Mike P.", role: "Home Cook", company: "Local", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/woman-stylish-denim-jacket-coffee-shop_273609-4460.jpg" },
+              { id: "t4", name: "Emily D.", role: "Enthusiast", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-bar-tender-standing-with-arms-crossed_107420-65364.jpg" },
+              { id: "t5", name: "John K.", role: "Customer", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg" }
+            ]}
+            kpiItems={[
+              { value: "4.0", label: "Rating" },
+              { value: "5", label: "Years" },
+              { value: "100+", label: "Brands" }
+            ]}
+          />
+        </div>
 
-  <div id="social-proof" data-section="social-proof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "Le Creuset",
-        "KitchenAid",
-        "Cuisinart",
-        "OXO",
-        "All-Clad",
-        "Nordic Ware",
-        "Mason Cash",
-      ]}
-      title="Premium Brands We Carry"
-      description="Only the best for your kitchen."
-    />
-  </div>
+        <div id="social-proof" data-section="social-proof">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Premium Brands We Carry"
+            description="Only the best for your kitchen."
+            names={["Le Creuset", "KitchenAid", "Cuisinart", "OXO", "All-Clad", "Nordic Ware", "Mason Cash"]}
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="split"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "f1",
-          title: "Do you accept contactless payments?",
-          content: "Yes, we accept Apple Pay and other contactless methods.",
-        },
-        {
-          id: "f2",
-          title: "Is parking available?",
-          content: "Yes, parking is validated for your convenience.",
-        },
-        {
-          id: "f3",
-          title: "What are your hours?",
-          content: "We are open every day from 10:00 AM to 5:00 PM.",
-        },
-      ]}
-      title="Common Questions"
-      description="Got questions? We've got answers."
-      faqsAnimation="blur-reveal"
-      imageSrc="http://img.b2bpic.net/free-photo/looking-through-window-shopping_329181-8073.jpg"
-      mediaAnimation="blur-reveal"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitMedia
+            textboxLayout="split"
+            useInvertedBackground={true}
+            title="Common Questions"
+            description="Got questions? We've got answers."
+            faqsAnimation="blur-reveal"
+            faqs={[
+              { id: "f1", title: "Do you accept contactless payments?", content: "Yes, we accept Apple Pay and other contactless methods." },
+              { id: "f2", title: "Is parking available?", content: "Yes, parking is validated for your convenience." },
+              { id: "f3", title: "What are your hours?", content: "We are open every day from 10:00 AM to 5:00 PM." }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/looking-through-window-shopping_329181-8073.jpg"
+            mediaAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Visit Us"
-      title="Ready to upgrade your home?"
-      description="Find us at 844 Water St, Port Townsend, WA. Come say hi!"
-      buttons={[
-        {
-          text: "Call +1 (360) 385-4817",
-          href: "tel:+13603854817",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            tag="Visit Us"
+            title="Ready to upgrade your home?"
+            description="Find us at 844 Water St, Port Townsend, WA. Come say hi!"
+            buttons={[{ text: "Call +1 (360) 385-4817", href: "tel:+13603854817" }]}
+            background={{ variant: "plain" }}
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="What's Cookin"
-      columns={[
-        {
-          title: "Store",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Products",
-              href: "#products",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="What's Cookin"
+            columns={[
+              { title: "Store", items: [{ label: "About", href: "#about" }, { label: "Products", href: "#products" }] },
+              { title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#faq" }] }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1