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

---
 src/app/page.tsx | 193 ++++++++++-------------------------------------
 1 file changed, 39 insertions(+), 154 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 78963e5..063cc10 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",
-          id: "/",
-        },
+          name: "Home",          id: "/"},
         {
-          name: "About",
-          id: "/about",
-        },
+          name: "About",          id: "/about"},
         {
-          name: "Products",
-          id: "/#products",
-        },
+          name: "Products",          id: "/#products"},
         {
-          name: "Contact",
-          id: "/contact",
-        },
+          name: "Contact",          id: "/contact"},
       ]}
       brandName="Mġarr Hardware"
     />
@@ -52,67 +44,42 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboard
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Get the right tools. Get the job done."
       description="Friendly advice, quality supplies, and fair prices. Trusted by the Mġarr community."
       buttons={[
         {
-          text: "Visit Us Today",
-          href: "/contact",
-        },
+          text: "Visit Us Today",          href: "/contact"},
         {
-          text: "Call for Advice",
-          href: "tel:+35612345678",
-        },
+          text: "Call for Advice",          href: "tel:+35612345678"},
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/set-tools-with-gleam-fire-dark-blacksmith-workshop_613910-3430.jpg?_wi=1"
+      imageSrc="http://img.b2bpic.net/free-photo/set-tools-with-gleam-fire-dark-blacksmith-workshop_613910-3430.jpg"
       imageAlt="Helpful hardware store atmosphere"
       mediaAnimation="slide-up"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/set-tools-with-gleam-fire-dark-blacksmith-workshop_613910-3430.jpg",
-          alt: "Local carpenter",
-        },
+          src: "http://img.b2bpic.net/free-photo/set-tools-with-gleam-fire-dark-blacksmith-workshop_613910-3430.jpg",          alt: "Local carpenter"},
         {
-          src: "http://img.b2bpic.net/free-photo/set-tools-with-gleam-fire-dark-blacksmith-workshop_613910-3430.jpg",
-          alt: "Hardware store manager",
-        },
+          src: "http://img.b2bpic.net/free-photo/set-tools-with-gleam-fire-dark-blacksmith-workshop_613910-3430.jpg",          alt: "Hardware store manager"},
         {
-          src: "http://img.b2bpic.net/free-photo/set-tools-with-gleam-fire-dark-blacksmith-workshop_613910-3430.jpg",
-          alt: "Happy customer",
-        },
+          src: "http://img.b2bpic.net/free-photo/set-tools-with-gleam-fire-dark-blacksmith-workshop_613910-3430.jpg",          alt: "Happy customer"},
         {
-          src: "http://img.b2bpic.net/free-photo/set-tools-with-gleam-fire-dark-blacksmith-workshop_613910-3430.jpg",
-          alt: "DIY enthusiast",
-        },
+          src: "http://img.b2bpic.net/free-photo/set-tools-with-gleam-fire-dark-blacksmith-workshop_613910-3430.jpg",          alt: "DIY enthusiast"},
         {
-          src: "http://img.b2bpic.net/free-photo/set-tools-with-gleam-fire-dark-blacksmith-workshop_613910-3430.jpg",
-          alt: "Community helper",
-        },
+          src: "http://img.b2bpic.net/free-photo/set-tools-with-gleam-fire-dark-blacksmith-workshop_613910-3430.jpg",          alt: "Community helper"},
       ]}
       avatarText="Trusted by over 500+ locals"
       marqueeItems={[
         {
-          type: "text",
-          text: "Quality Tools",
-        },
+          type: "text",          text: "Quality Tools"},
         {
-          type: "text",
-          text: "Expert Advice",
-        },
+          type: "text",          text: "Expert Advice"},
         {
-          type: "text",
-          text: "Competitive Prices",
-        },
+          type: "text",          text: "Competitive Prices"},
         {
-          type: "text",
-          text: "Local Support",
-        },
+          type: "text",          text: "Local Support"},
         {
-          type: "text",
-          text: "Quick Delivery",
-        },
+          type: "text",          text: "Quick Delivery"},
       ]}
     />
   </div>
@@ -123,29 +90,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          tag: "Service",
-          title: "Real Help",
-          subtitle: "Expert Advice",
-          description: "You don't get ignored. You get advice that actually solves your problem.",
-          imageSrc: "http://img.b2bpic.net/free-photo/set-tools-with-gleam-fire-dark-blacksmith-workshop_613910-3430.jpg?_wi=2",
-          imageAlt: "close up hands working on home repair",
-        },
+          tag: "Service",          title: "Real Help",          subtitle: "Expert Advice",          description: "You don't get ignored. You get advice that actually solves your problem.",          imageSrc: "http://img.b2bpic.net/free-photo/set-tools-with-gleam-fire-dark-blacksmith-workshop_613910-3430.jpg",          imageAlt: "close up hands working on home repair"},
         {
-          tag: "Quality",
-          title: "Quality Supplies",
-          subtitle: "Reliable Stock",
-          description: "We stock reliable tools and materials that last.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053315.jpg?_wi=1",
-          imageAlt: "hand tools assortment metal rustic",
-        },
+          tag: "Quality",          title: "Quality Supplies",          subtitle: "Reliable Stock",          description: "We stock reliable tools and materials that last.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053315.jpg",          imageAlt: "hand tools assortment metal rustic"},
         {
-          tag: "Price",
-          title: "Fair Prices",
-          subtitle: "Good Value",
-          description: "Good value without cutting corners.",
-          imageSrc: "http://img.b2bpic.net/free-photo/arrangement-old-objects-antiques-market_23-2148950899.jpg?_wi=1",
-          imageAlt: "local family hardware store interior",
-        },
+          tag: "Price",          title: "Fair Prices",          subtitle: "Good Value",          description: "Good value without cutting corners.",          imageSrc: "http://img.b2bpic.net/free-photo/arrangement-old-objects-antiques-market_23-2148950899.jpg",          imageAlt: "local family hardware store interior"},
       ]}
       title="Why people choose us"
       description="Real help for real jobs."
@@ -160,41 +109,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "1",
-          name: "Tools",
-          price: "From €5",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053315.jpg?_wi=2",
-        },
+          id: "1",          name: "Tools",          price: "From €5",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053315.jpg"},
         {
-          id: "2",
-          name: "Building Materials",
-          price: "Various",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053315.jpg?_wi=3",
-        },
+          id: "2",          name: "Building Materials",          price: "Various",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053315.jpg"},
         {
-          id: "3",
-          name: "Paint & Supplies",
-          price: "From €8",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053315.jpg?_wi=4",
-        },
+          id: "3",          name: "Paint & Supplies",          price: "From €8",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053315.jpg"},
         {
-          id: "4",
-          name: "Electrical",
-          price: "From €2",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053315.jpg?_wi=5",
-        },
+          id: "4",          name: "Electrical",          price: "From €2",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053315.jpg"},
         {
-          id: "5",
-          name: "Plumbing",
-          price: "From €3",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053315.jpg?_wi=6",
-        },
+          id: "5",          name: "Plumbing",          price: "From €3",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053315.jpg"},
         {
-          id: "6",
-          name: "DIY Essentials",
-          price: "From €4",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053315.jpg?_wi=7",
-        },
+          id: "6",          name: "DIY Essentials",          price: "From €4",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053315.jpg"},
       ]}
       title="What you can find"
       description="Everything for your DIY project."
@@ -208,45 +133,15 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",
-          name: "John Borg",
-          handle: "Local Resident",
-          testimonial: "Very helpful staff and reasonable prices.",
-          imageSrc: "http://img.b2bpic.net/free-photo/set-tools-with-gleam-fire-dark-blacksmith-workshop_613910-3430.jpg?_wi=3",
-          imageAlt: "close up hands working on home repair",
-        },
+          id: "1",          name: "John Borg",          handle: "Local Resident",          testimonial: "Very helpful staff and reasonable prices.",          imageSrc: "http://img.b2bpic.net/free-photo/set-tools-with-gleam-fire-dark-blacksmith-workshop_613910-3430.jpg",          imageAlt: "close up hands working on home repair"},
         {
-          id: "2",
-          name: "Maria Vella",
-          handle: "DIY Enthusiast",
-          testimonial: "Friendly, helpful and welcoming people.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053315.jpg?_wi=8",
-          imageAlt: "hand tools assortment metal rustic",
-        },
+          id: "2",          name: "Maria Vella",          handle: "DIY Enthusiast",          testimonial: "Friendly, helpful and welcoming people.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053315.jpg",          imageAlt: "hand tools assortment metal rustic"},
         {
-          id: "3",
-          name: "Paul Zammit",
-          handle: "Contractor",
-          testimonial: "Always helpful.",
-          imageSrc: "http://img.b2bpic.net/free-photo/arrangement-old-objects-antiques-market_23-2148950899.jpg?_wi=2",
-          imageAlt: "local family hardware store interior",
-        },
+          id: "3",          name: "Paul Zammit",          handle: "Contractor",          testimonial: "Always helpful.",          imageSrc: "http://img.b2bpic.net/free-photo/arrangement-old-objects-antiques-market_23-2148950899.jpg",          imageAlt: "local family hardware store interior"},
         {
-          id: "4",
-          name: "Anna Muscat",
-          handle: "Homeowner",
-          testimonial: "Good range of supplies and friendly service.",
-          imageSrc: "http://img.b2bpic.net/free-photo/set-tools-with-gleam-fire-dark-blacksmith-workshop_613910-3430.jpg?_wi=4",
-          imageAlt: "close up hands working on home repair",
-        },
+          id: "4",          name: "Anna Muscat",          handle: "Homeowner",          testimonial: "Good range of supplies and friendly service.",          imageSrc: "http://img.b2bpic.net/free-photo/set-tools-with-gleam-fire-dark-blacksmith-workshop_613910-3430.jpg",          imageAlt: "close up hands working on home repair"},
         {
-          id: "5",
-          name: "Chris Calleja",
-          handle: "Mġarr Local",
-          testimonial: "Reliable advice every single time I visit.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053315.jpg?_wi=9",
-          imageAlt: "hand tools assortment metal rustic",
-        },
+          id: "5",          name: "Chris Calleja",          handle: "Mġarr Local",          testimonial: "Reliable advice every single time I visit.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053315.jpg",          imageAlt: "hand tools assortment metal rustic"},
       ]}
       title="What our locals say"
       description="Simple feedback from our community."
@@ -254,36 +149,26 @@ export default function LandingPage() {
   </div>
 
   <div id="ecommerce" data-section="ecommerce">
-      <ProductCatalog />
+      <ProductCatalog layout="page" />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
         {
-          title: "Store",
-          items: [
+          title: "Store",          items: [
             {
-              label: "Visit Us",
-              href: "/contact",
-            },
+              label: "Visit Us",              href: "/contact"},
             {
-              label: "Call Us",
-              href: "tel:+35612345678",
-            },
+              label: "Call Us",              href: "tel:+35612345678"},
           ],
         },
         {
-          title: "Navigation",
-          items: [
+          title: "Navigation",          items: [
             {
-              label: "About",
-              href: "/about",
-            },
+              label: "About",              href: "/about"},
             {
-              label: "Products",
-              href: "/#products",
-            },
+              label: "Products",              href: "/#products"},
           ],
         },
       ]}
-- 
2.49.1