Update src/app/products/page.tsx

Update src/app/page.tsx
Update src/app/contact/page.tsx
2026-03-13 14:17:05 +00:00 · 2026-03-13 14:17:04 +00:00 · 2026-03-13 14:17:04 +00:00 · 2026-03-13 14:17:04 +00:00
4 changed files with 20 additions and 42 deletions
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -6,15 +6,13 @@ import SplitAbout from "@/components/sections/about/SplitAbout";
 import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
 import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
 import FooterBase from "@/components/sections/footer/FooterBase";
-import Link from "next/link";

 export default function AboutPage() {
  const navItems = [
    { name: "Home", id: "/" },
    { name: "About", id: "/about" },
-    { name: "Products", id: "products" },
-    { name: "Contact", id: "contact" },
-    { name: "Testimonials", id: "testimonials" },
+    { name: "Products", id: "/products" },
+    { name: "Contact", id: "/contact" },
  ];

  const footerColumns = [
@@ -98,7 +96,7 @@ export default function AboutPage() {
          tag="Real Impact"
          textboxLayout="default"
          useInvertedBackground={true}
-          animationType="blur-reveal"
+          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Thabo Mthembu",              role: "Squash Player",              testimonial: "Shelbi Winkler has the best selection of squash rackets in the city. The staff really knows their products and helped me find the perfect equipment for my competitive season.",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-man-outdoors_23-2148747426.jpg?_wi=2",              imageAlt: "Thabo Mthembu"},
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -6,7 +6,6 @@ import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
 import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
 import ProductCardOne from "@/components/sections/product/ProductCardOne";
 import FooterBase from "@/components/sections/footer/FooterBase";
-import Link from "next/link";

 export default function ContactPage() {
  const navItems = [
@@ -14,7 +13,6 @@ export default function ContactPage() {
    { name: "About", id: "/about" },
    { name: "Products", id: "/products" },
    { name: "Contact", id: "/contact" },
-    { name: "Testimonials", id: "/testimonials" },
  ];

  const footerColumns = [
@@ -31,7 +29,7 @@ export default function ContactPage() {
        { label: "About Us", href: "/about" },
        { label: "Contact", href: "/contact" },
        { label: "Products", href: "/products" },
-        { label: "Reviews", href: "/testimonials" },
+        { label: "Reviews", href: "#testimonials" },
      ],
    },
    {
@@ -45,11 +43,6 @@ export default function ContactPage() {
    },
  ];

-  const contactNavItems = navItems.map((item) => ({
-    name: item.name,
-    id: item.id.startsWith("/") ? item.id : item.id,
-  }));
-
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
@@ -65,7 +58,7 @@ export default function ContactPage() {
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
-          navItems={contactNavItems}
+          navItems={navItems}
          brandName="Shelbi Winkler"
          bottomLeftText="Bloemfontein, South Africa"
          bottomRightText="083 679 0088"
@@ -109,7 +102,7 @@ export default function ContactPage() {
          tag="Customer Reviews"
          textboxLayout="default"
          useInvertedBackground={true}
-          animationType="blur-reveal"
+          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Thabo Mthembu",              role: "Squash Player",              testimonial:
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -8,15 +8,13 @@ import ProductCardOne from "@/components/sections/product/ProductCardOne";
 import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
 import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
 import FooterBase from "@/components/sections/footer/FooterBase";
-import Link from "next/link";

 export default function HomePage() {
  const navItems = [
    { name: "Home", id: "/" },
    { name: "About", id: "/about" },
-    { name: "Products", id: "products" },
-    { name: "Contact", id: "contact" },
-    { name: "Testimonials", id: "testimonials" },
+    { name: "Products", id: "/products" },
+    { name: "Contact", id: "/contact" },
  ];

  const footerColumns = [
@@ -117,27 +115,23 @@ export default function HomePage() {
          title="Our Product Categories"
          description="Explore our extensive range of sporting equipment across multiple disciplines"
          tag="Premium Equipment"
-          textboxLayout="split-actions"
+          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
-          buttons={[
-            { text: "Browse All", href: "#" },
-            { text: "Request Catalog", href: "#" },
-          ]}
          products={[
            {
-              id: "1",              name: "Squash Rackets & Equipment",              price: "R899 - R2,499",              imageSrc: "http://img.b2bpic.net/free-psd/vintage-tennis-rackets-ball-retro-sporting-image_191095-79981.jpg?_wi=1"},
+              id: "1",              name: "Squash Rackets & Equipment",              price: "R899 - R2,499",              imageSrc: "http://img.b2bpic.net/free-psd/vintage-tennis-rackets-ball-retro-sporting-image_191095-79981.jpg?_wi=1",              imageAlt: "squash racket equipment white background isolated"},
            {
-              id: "2",              name: "Netball Gear & Accessories",              price: "R599 - R1,899",              imageSrc: "http://img.b2bpic.net/free-photo/organized-closet-with-folded-clothes-hanging-shirts_23-2151982453.jpg?_wi=1"},
+              id: "2",              name: "Netball Gear & Accessories",              price: "R599 - R1,899",              imageSrc: "http://img.b2bpic.net/free-photo/organized-closet-with-folded-clothes-hanging-shirts_23-2151982453.jpg?_wi=1",              imageAlt: "netball ball orange equipment isolated white background"},
            {
-              id: "3",              name: "Tennis Rackets & Balls",              price: "R799 - R3,499",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-composition-with-neatly-arranged-organized-sport-items_23-2150275278.jpg?_wi=1"},
+              id: "3",              name: "Tennis Rackets & Balls",              price: "R799 - R3,499",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-composition-with-neatly-arranged-organized-sport-items_23-2150275278.jpg?_wi=1",              imageAlt: "tennis racket balls equipment professional isolated"},
            {
-              id: "4",              name: "Hockey Sticks & Protection",              price: "R649 - R2,299",              imageSrc: "http://img.b2bpic.net/free-photo/hockey-players-isolated-white_654080-1478.jpg?_wi=1"},
+              id: "4",              name: "Hockey Sticks & Protection",              price: "R649 - R2,299",              imageSrc: "http://img.b2bpic.net/free-photo/hockey-players-isolated-white_654080-1478.jpg?_wi=1",              imageAlt: "hockey stick puck equipment isolated professional"},
            {
-              id: "5",              name: "Sports Shoes & Apparel",              price: "R499 - R1,999",              imageSrc: "http://img.b2bpic.net/free-photo/unfocused-clothing-store_1203-421.jpg?_wi=1"},
+              id: "5",              name: "Sports Shoes & Apparel",              price: "R499 - R1,999",              imageSrc: "http://img.b2bpic.net/free-photo/unfocused-clothing-store_1203-421.jpg?_wi=1",              imageAlt: "sports shoes running white background modern design"},
            {
-              id: "6",              name: "General Sports Accessories",              price: "R99 - R899",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-shopping-mall_23-2150585913.jpg?_wi=1"},
+              id: "6",              name: "General Sports Accessories",              price: "R99 - R899",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-shopping-mall_23-2150585913.jpg?_wi=1",              imageAlt: "sports accessories collection organized retail display"},
          ]}
          ariaLabel="Products section"
        />
@@ -150,7 +144,7 @@ export default function HomePage() {
          tag="Customer Reviews"
          textboxLayout="default"
          useInvertedBackground={true}
-          animationType="blur-reveal"
+          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Thabo Mthembu",              role: "Squash Player",              testimonial: "Shelbi Winkler has the best selection of squash rackets in the city. The staff really knows their products and helped me find the perfect equipment.",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-man-outdoors_23-2148747426.jpg?_wi=1",              imageAlt: "Thabo Mthembu"},
--- a/src/app/products/page.tsx
+++ b/src/app/products/page.tsx
@@ -6,7 +6,6 @@ import ProductCardOne from "@/components/sections/product/ProductCardOne";
 import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
 import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
 import FooterBase from "@/components/sections/footer/FooterBase";
-import Link from "next/link";

 export default function ProductsPage() {
  const navItems = [
@@ -14,7 +13,6 @@ export default function ProductsPage() {
    { name: "About", id: "/about" },
    { name: "Products", id: "/products" },
    { name: "Contact", id: "/contact" },
-    { name: "Testimonials", id: "/testimonials" },
  ];

  const footerColumns = [
@@ -31,7 +29,7 @@ export default function ProductsPage() {
        { label: "About Us", href: "/about" },
        { label: "Contact", href: "/contact" },
        { label: "Products", href: "/products" },
-        { label: "Reviews", href: "/testimonials" },
+        { label: "Reviews", href: "#testimonials" },
      ],
    },
    {
@@ -45,11 +43,6 @@ export default function ProductsPage() {
    },
  ];

-  const productNavItems = navItems.map((item) => ({
-    name: item.name,
-    id: item.id.startsWith("/") ? item.id : item.id,
-  }));
-
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
@@ -65,7 +58,7 @@ export default function ProductsPage() {
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
-          navItems={productNavItems}
+          navItems={navItems}
          brandName="Shelbi Winkler"
          bottomLeftText="Bloemfontein, South Africa"
          bottomRightText="083 679 0088"
@@ -80,7 +73,7 @@ export default function ProductsPage() {
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="three-columns-all-equal-width"
-          animationType="scale-rotate"
+          animationType="slide-up"
          products={[
            {
              id: "1",              name: "Squash Rackets & Equipment",              price: "R899 - R2,499",              imageSrc:
@@ -112,7 +105,7 @@ export default function ProductsPage() {
          tag="Customer Reviews"
          textboxLayout="default"
          useInvertedBackground={true}
-          animationType="blur-reveal"
+          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Thabo Mthembu",              role: "Squash Player",              testimonial:
Author	SHA1	Message	Date
bender	db380a42b7	Update src/app/products/page.tsx	2026-03-13 14:17:05 +00:00
bender	7056198634	Update src/app/page.tsx	2026-03-13 14:17:04 +00:00
bender	867fde4a81	Update src/app/contact/page.tsx	2026-03-13 14:17:04 +00:00
bender	2c26e31c3b	Update src/app/about/page.tsx	2026-03-13 14:17:04 +00:00