Update src/app/products/page.tsx

Update src/app/page.tsx
Update src/app/contact/page.tsx
2026-03-07 16:25:41 +00:00 · 2026-03-07 16:25:40 +00:00 · 2026-03-07 16:25:40 +00:00 · 2026-03-07 16:25:39 +00:00 · 2026-03-07 16:21:36 +00:00
4 changed files with 42 additions and 20 deletions
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -6,13 +6,15 @@ 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: "Products", id: "products" },
+    { name: "Contact", id: "contact" },
+    { name: "Testimonials", id: "testimonials" },
  ];

  const footerColumns = [
@@ -96,7 +98,7 @@ export default function AboutPage() {
          tag="Real Impact"
          textboxLayout="default"
          useInvertedBackground={true}
-          animationType="slide-up"
+          animationType="blur-reveal"
          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,6 +6,7 @@ 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 = [
@@ -13,6 +14,7 @@ export default function ContactPage() {
    { name: "About", id: "/about" },
    { name: "Products", id: "/products" },
    { name: "Contact", id: "/contact" },
+    { name: "Testimonials", id: "/testimonials" },
  ];

  const footerColumns = [
@@ -29,7 +31,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" },
      ],
    },
    {
@@ -43,6 +45,11 @@ 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"
@@ -58,7 +65,7 @@ export default function ContactPage() {
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
-          navItems={navItems}
+          navItems={contactNavItems}
          brandName="Shelbi Winkler"
          bottomLeftText="Bloemfontein, South Africa"
          bottomRightText="083 679 0088"
@@ -102,7 +109,7 @@ export default function ContactPage() {
          tag="Customer Reviews"
          textboxLayout="default"
          useInvertedBackground={true}
-          animationType="slide-up"
+          animationType="blur-reveal"
          testimonials={[
            {
              id: "1",              name: "Thabo Mthembu",              role: "Squash Player",              testimonial:
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -8,13 +8,15 @@ 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: "Products", id: "products" },
+    { name: "Contact", id: "contact" },
+    { name: "Testimonials", id: "testimonials" },
  ];

  const footerColumns = [
@@ -115,23 +117,27 @@ export default function HomePage() {
          title="Our Product Categories"
          description="Explore our extensive range of sporting equipment across multiple disciplines"
          tag="Premium Equipment"
-          textboxLayout="default"
+          textboxLayout="split-actions"
          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",              imageAlt: "squash racket equipment white background isolated"},
+              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: "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: "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: "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: "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: "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: "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: "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: "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: "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"},
+              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"},
          ]}
          ariaLabel="Products section"
        />
@@ -144,7 +150,7 @@ export default function HomePage() {
          tag="Customer Reviews"
          textboxLayout="default"
          useInvertedBackground={true}
-          animationType="slide-up"
+          animationType="blur-reveal"
          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,6 +6,7 @@ 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 = [
@@ -13,6 +14,7 @@ export default function ProductsPage() {
    { name: "About", id: "/about" },
    { name: "Products", id: "/products" },
    { name: "Contact", id: "/contact" },
+    { name: "Testimonials", id: "/testimonials" },
  ];

  const footerColumns = [
@@ -29,7 +31,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" },
      ],
    },
    {
@@ -43,6 +45,11 @@ 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"
@@ -58,7 +65,7 @@ export default function ProductsPage() {
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
-          navItems={navItems}
+          navItems={productNavItems}
          brandName="Shelbi Winkler"
          bottomLeftText="Bloemfontein, South Africa"
          bottomRightText="083 679 0088"
@@ -73,7 +80,7 @@ export default function ProductsPage() {
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="three-columns-all-equal-width"
-          animationType="slide-up"
+          animationType="scale-rotate"
          products={[
            {
              id: "1",              name: "Squash Rackets & Equipment",              price: "R899 - R2,499",              imageSrc:
@@ -105,7 +112,7 @@ export default function ProductsPage() {
          tag="Customer Reviews"
          textboxLayout="default"
          useInvertedBackground={true}
-          animationType="slide-up"
+          animationType="blur-reveal"
          testimonials={[
            {
              id: "1",              name: "Thabo Mthembu",              role: "Squash Player",              testimonial:
Author	SHA1	Message	Date
bender	dfcf471f25	Update src/app/products/page.tsx	2026-03-07 16:25:41 +00:00
bender	95a738aee9	Update src/app/page.tsx	2026-03-07 16:25:40 +00:00
bender	eb0f03f8e5	Update src/app/contact/page.tsx	2026-03-07 16:25:40 +00:00
bender	3613bfd172	Update src/app/about/page.tsx	2026-03-07 16:25:39 +00:00
bender	b01c26a635	Merge version_1 into main Merge version_1 into main	2026-03-07 16:21:36 +00:00