Add src/app/products/page.tsx

src/app/products/page.tsx

@@ -0,0 +1,96 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import { Facebook, Instagram, Video } from "lucide-react";
+
+export default function ProductsPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="elastic-effect"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="small"
+        sizing="largeSizeMediumTitles"
+        background="noise"
+        cardStyle="gradient-bordered"
+        primaryButtonStyle="double-inset"
+        secondaryButtonStyle="layered"
+        headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              {
+                name: "Home",                id: "#home"
+              },
+              {
+                name: "About Us",                id: "#about"
+              },
+              {
+                name: "Products",                href: "/products"
+              },
+              {
+                name: "Testimonials",                id: "#testimonials"
+              },
+              {
+                name: "FAQs",                id: "#faqs"
+              },
+              {
+                name: "Contact",                id: "#contact"
+              },
+            ]}
+            brandName="GFFTC Equine"
+          />
+        </div>
+
+        <div id="products-listing" data-section="products-listing">
+          <ProductCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="bento-grid"
+            useInvertedBackground={true}
+            products={[
+              {
+                id: "p-saddle-elite",                name: "Elite Dressage Saddle",                price: "$1,999.00",                imageSrc: "http://img.b2bpic.net/free-photo/cowboy-boots-outdoors-close-up_23-2149484713.jpg",                imageAlt: "Elite Dressage Saddle",                onProductClick: () => window.location.href = "/products/product-1"
+              },
+              {
+                id: "p-supplement-performance",                name: "Performance Joint Supplement",                price: "$149.00",                imageSrc: "http://img.b2bpic.net/free-photo/top-view-bowl-with-sand-spoon_23-2148724110.jpg",                imageAlt: "Performance Joint Supplement",                onProductClick: () => window.location.href = "/products/product-2"
+              },
+              {
+                id: "p-bridle-anatomical",                name: "Anatomical Comfort Bridle",                price: "$299.99",                imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-standing-with-horse_1157-23376.jpg",                imageAlt: "Anatomical Comfort Bridle",                onProductClick: () => window.location.href = "/products/product-3"
+              },
+            ]}
+            title="Our Premium Equine Product Line"
+            description="Discover GFFTC's specialized products, each designed with advanced technology and expert craftsmanship to ensure peak performance and well-being for your horse."
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="GFFTC Equine"
+            copyrightText="© 2024 GFFTC Equine. All rights reserved."
+            socialLinks={[
+              {
+                icon: Facebook,
+                href: "#",                ariaLabel: "Facebook"
+              },
+              {
+                icon: Instagram,
+                href: "#",                ariaLabel: "Instagram"
+              },
+              {
+                icon: Video,
+                href: "#",                ariaLabel: "YouTube"
+              },
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}