From a688ea16367346539954e342068626e9e19a9b9c Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 27 Mar 2026 00:48:18 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 177 +++++++++++++----------------------------------
 1 file changed, 48 insertions(+), 129 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 29e7216..8c6cca7 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -16,27 +16,21 @@ export default function LandingPage() {
         defaultButtonVariant="text-stagger"
         defaultTextAnimation="entrance-slide"
         borderRadius="rounded"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Products",
-          id: "products",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Products", id: "products" },
+        { name: "Contact", id: "contact" }
       ]}
       brandName="Purple Hippo Boutique"
     />
@@ -44,20 +38,12 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboard
-      background={{
-        variant: "radial-gradient",
-      }}
       title="Discover Unique Handmade Gifts in Lethbridge"
       description="Supporting 150+ local artisans across Western Canada. Shop local and support our community treasures."
+      background={{ variant: "radial-gradient" }}
       buttons={[
-        {
-          text: "Call Now",
-          href: "tel:+15550123456",
-        },
-        {
-          text: "Contact Us",
-          href: "#contact",
-        },
+        { text: "Call Now", href: "tel:+15550123456" },
+        { text: "Contact Us", href: "#contact" }
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/high-angle-beautiful-flowers-arrangement_23-2149591563.jpg"
       mediaAnimation="slide-up"
@@ -68,159 +54,92 @@ export default function LandingPage() {
       <InlineImageSplitTextAbout
       useInvertedBackground={true}
       heading={[
-        {
-          type: "text",
-          content: "Our Story at Purple Hippo",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/smiling-young-florist-holding-spikelet-shop_23-2147882391.jpg",
-          alt: "Kacie Dyck Founder",
-        },
+        { type: "text", content: "Our Story at Purple Hippo" },
+        { type: "image", src: "http://img.b2bpic.net/free-photo/smiling-young-florist-holding-spikelet-shop_23-2147882391.jpg", alt: "Kacie Dyck Founder" }
       ]}
+      ariaLabel="About Purple Hippo"
     />
   </div>
 
   <div id="products" data-section="products">
       <ProductCardTwo
+      title="Explore Our Latest Artisan Finds"
+      description="New items added weekly! Visit us in-store to see the full collection."
+      gridVariant="uniform-all-items-equal"
       animationType="slide-up"
       textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       products={[
         {
-          id: "1",
-          brand: "Artisan A",
-          name: "Handmade Jewelry",
-          price: "$45",
-          rating: 5,
-          reviewCount: "24",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-box-metallic-accessories_23-2148264399.jpg",
+          id: "1",          brand: "Artisan A",          name: "Handmade Jewelry",          price: "$45",          rating: 5,
+          reviewCount: "24",          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-box-metallic-accessories_23-2148264399.jpg"
         },
         {
-          id: "2",
-          brand: "Artisan B",
-          name: "Home Décor Piece",
-          price: "$60",
-          rating: 5,
-          reviewCount: "18",
-          imageSrc: "http://img.b2bpic.net/free-photo/bouquet-dried-protea-flowers-living-room-home-still-life_169016-57549.jpg",
+          id: "2",          brand: "Artisan B",          name: "Home Décor Piece",          price: "$60",          rating: 5,
+          reviewCount: "18",          imageSrc: "http://img.b2bpic.net/free-photo/bouquet-dried-protea-flowers-living-room-home-still-life_169016-57549.jpg"
         },
         {
-          id: "3",
-          brand: "Artisan C",
-          name: "Organic Skincare",
-          price: "$25",
-          rating: 5,
-          reviewCount: "42",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-soap-mineral-salt_23-2148287691.jpg",
-        },
+          id: "3",          brand: "Artisan C",          name: "Organic Skincare",          price: "$25",          rating: 5,
+          reviewCount: "42",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-soap-mineral-salt_23-2148287691.jpg"
+        }
       ]}
-      title="Explore Our Latest Artisan Finds"
-      description="New items added weekly! Visit us in-store to see the full collection."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardSix
+      title="Locally Loved in Lethbridge"
+      description="See why our community loves supporting local artisans."
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",
-          name: "Sarah D.",
-          handle: "@sarah_d",
-          testimonial: "The best place for one-of-a-kind gifts!",
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-together-walking-street-valentines-day_1303-25958.jpg",
+          id: "1",          name: "Sarah D.",          handle: "@sarah_d",          testimonial: "The best place for one-of-a-kind gifts!",          imageSrc: "http://img.b2bpic.net/free-photo/couple-together-walking-street-valentines-day_1303-25958.jpg"
         },
         {
-          id: "2",
-          name: "Michael L.",
-          handle: "@michaell",
-          testimonial: "I love that my money stays in the local economy.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-seller-talking-client-selling-seasonal-locally-grown-veggies_482257-77579.jpg",
+          id: "2",          name: "Michael L.",          handle: "@michaell",          testimonial: "I love that my money stays in the local economy.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-seller-talking-client-selling-seasonal-locally-grown-veggies_482257-77579.jpg"
         },
         {
-          id: "3",
-          name: "Emily P.",
-          handle: "@emilyp",
-          testimonial: "Fantastic service and always something new.",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-wrapped-presents-arrangement_23-2148769818.jpg",
+          id: "3",          name: "Emily P.",          handle: "@emilyp",          testimonial: "Fantastic service and always something new.",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-wrapped-presents-arrangement_23-2148769818.jpg"
         },
         {
-          id: "4",
-          name: "David W.",
-          handle: "@davidw",
-          testimonial: "Truly a hidden gem in Lethbridge.",
-          imageSrc: "http://img.b2bpic.net/free-photo/ancient-kettle-peanut-brittles-marble-background_114579-46797.jpg",
-        },
+          id: "4",          name: "David W.",          handle: "@davidw",          testimonial: "Truly a hidden gem in Lethbridge.",          imageSrc: "http://img.b2bpic.net/free-photo/ancient-kettle-peanut-brittles-marble-background_114579-46797.jpg"
+        }
       ]}
-      title="Locally Loved in Lethbridge"
-      description="See why our community loves supporting local artisans."
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactSplitForm
-      useInvertedBackground={false}
       title="Visit Us Today"
       description="We'd love to see you! Give us a call or send us a message below."
       inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "phone",
-          type: "tel",
-          placeholder: "Your Phone Number",
-          required: true,
-        },
+        { name: "name", type: "text", placeholder: "Your Name", required: true },
+        { name: "phone", type: "tel", placeholder: "Your Phone Number", required: true }
       ]}
-      textarea={{
-        name: "message",
-        placeholder: "How can we help you?",
-        required: true,
-      }}
+      textarea={{ name: "message", placeholder: "How can we help you?", required: true }}
       mediaAnimation="slide-up"
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Call: 555-0123",
-              href: "tel:+15550123456",
-            },
-            {
-              label: "Lethbridge, AB",
-              href: "#",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Vendor Inquiries",
-              href: "#contact",
-            },
-          ],
-        },
-      ]}
       logoText="Purple Hippo Boutique"
+      columns={[
+        { items: [
+            { label: "Call: 555-0123", href: "tel:+15550123456" },
+            { label: "Lethbridge, AB", href: "#" }
+          ] },
+        { items: [
+            { label: "About Us", href: "#about" },
+            { label: "Vendor Inquiries", href: "#contact" }
+          ] }
+      ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file