Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -139,11 +139,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          tag: "Durability",          title: "Built to Last, Designed to Perform",          subtitle: "Our products withstand the rigors of daily use.",          description: "Crafted from the highest quality materials, GFFTC equine products are engineered for longevity and consistent performance, ensuring they stand up to every challenge in the stable and arena.",          imageSrc: "http://img.b2bpic.net/free-photo/cowboy-background-concept_23-2149396008.jpg",          imageAlt: "Premium leather saddle and bridle"},
+          tag: "Durability",          title: "Built to Last, Designed to Perform",          subtitle: "Our products withstand the rigors of daily use.",          description: "Crafted from the highest quality materials, GFFTC equine products are engineered for longevity and consistent performance, ensuring they stand up to every challenge in the stable and arena.",          imageSrc: "http://img.b2bpic.net/free-photo/leather-harness-stirrups-closeup_23-2148705910.jpg",          imageAlt: "Premium leather saddle and bridle"},
         {
-          tag: "Comfort",          title: "Unrivaled Comfort for Horse & Rider",          subtitle: "Ergonomic designs prioritize well-being.",          description: "Every saddle, bridle, and accessory is designed with advanced ergonomics to maximize comfort and reduce pressure points for both horse and rider, fostering a harmonious partnership.",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552210.jpg",          imageAlt: "Horse grooming kit"},
+          tag: "Comfort",          title: "Unrivaled Comfort for Horse & Rider",          subtitle: "Ergonomic designs prioritize well-being.",          description: "Every saddle, bridle, and accessory is designed with advanced ergonomics to maximize comfort and reduce pressure points for both horse and rider, fostering a harmonious partnership.",          imageSrc: "http://img.b2bpic.net/free-photo/horse-being-groomed-field_23-2149021817.jpg",          imageAlt: "Horse grooming kit"},
         {
-          tag: "Innovation",          title: "Leading the Way in Equine Care",          subtitle: "Innovative solutions for modern equestrian needs.",          description: "GFFTC is at the forefront of equine product innovation, integrating cutting-edge technology and research into our feed supplements and care items for optimal health and vitality.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-gardening-trowel_23-2148826111.jpg",          imageAlt: "Equine supplements and feed"},
+          tag: "Innovation",          title: "Leading the Way in Equine Care",          subtitle: "Innovative solutions for modern equestrian needs.",          description: "GFFTC is at the forefront of equine product innovation, integrating cutting-edge technology and research into our feed supplements and care items for optimal health and vitality.",          imageSrc: "http://img.b2bpic.net/free-photo/group-horses-running-field-front_23-2148970038.jpg",          imageAlt: "Equine supplements and feed"},
       ]}
       title="Unmatched Quality & Innovation"
       description="Discover why GFFTC products are trusted by equine enthusiasts worldwide for their superior design and effectiveness."
@@ -186,7 +186,7 @@ export default function LandingPage() {
           imageSrc: "http://img.b2bpic.net/free-photo/equestrian-sport-young-girl-rides-horse-championship_654080-988.jpg",          imageAlt: "Olivia Smith, professional rider"},
         {
           id: "t-2",          name: "Benjamin Carter",          handle: "Stable Owner",          testimonial: "Our horses have never been healthier since we started using GFFTC supplements. A noticeable difference in coat, hooves, and energy levels.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-unicorn_23-2151551834.jpg",          imageAlt: "Benjamin Carter, stable owner"},
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-horse_23-2150856815.jpg",          imageAlt: "Benjamin Carter, stable owner"},
         {
           id: "t-3",          name: "Ava Martinez",          handle: "Show Jumper",          testimonial: "The turnout blankets are incredibly durable and fit perfectly. My horses stay warm and dry, no matter the weather. Fantastic quality!",          rating: 5,
           imageSrc: "http://img.b2bpic.net/free-photo/charming-beautiful-blonde-jockey-riding-brown-horse-flower-garden_613910-1042.jpg",          imageAlt: "Ava Martinez, show jumper"},

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",                id: "/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>
+  );
+}

src/app/products/product-1/page.tsx

@@ -0,0 +1,93 @@
+"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 SplitAbout from '@/components/sections/about/SplitAbout';
+import { Facebook, Instagram, Video, CheckCircle } from "lucide-react";
+
+export default function ProductOnePage() {
+  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",                id: "/products"
+              },
+              {
+                name: "Testimonials",                id: "#testimonials"
+              },
+              {
+                name: "FAQs",                id: "#faqs"
+              },
+              {
+                name: "Contact",                id: "#contact"
+              },
+            ]}
+            brandName="GFFTC Equine"
+          />
+        </div>
+
+        <div id="product-detail" data-section="product-detail">
+          <SplitAbout
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="GFFTC Elite Dressage Saddle: Unparalleled Performance and Comfort"
+            description="Experience the pinnacle of equestrian engineering with the GFFTC Elite Dressage Saddle. Designed for the discerning rider and horse, this saddle combines innovative ergonomics with luxurious craftsmanship to enhance performance and ensure maximum comfort."
+            bulletPoints={[
+              { icon: CheckCircle, title: "Ergonomic Design", description: "Distributes pressure evenly across the horse's back, promoting freedom of movement and reducing strain." },
+              { icon: CheckCircle, title: "Close Contact Feel", description: "Allows for subtle communication and enhanced connection between horse and rider." },
+              { icon: CheckCircle, title: "3D Precision Styling", description: "Features a precision-engineered tree and hand-stitched Italian leather for a perfect fit and elegant aesthetic." },
+              { icon: CheckCircle, title: "Customizable Panels", description: "Adaptable panels allow for personalized fitting to suit individual horse conformation." }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/elegant-woman-riding-horse-ranch_1157-23351.jpg" 
+            imageAlt="Professional rider on a horse in an Elite Dressage Saddle"
+            imagePosition="right"
+            mediaAnimation="slide-up"
+          />
+        </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>
+  );
+}

src/app/products/product-2/page.tsx

@@ -0,0 +1,93 @@
+"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 SplitAbout from '@/components/sections/about/SplitAbout';
+import { Facebook, Instagram, Video, FlaskConical } from "lucide-react";
+
+export default function ProductTwoPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="elastic-effect"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="small"
+        sizing="largeSizeMediumTitles"
+        background="aurora"
+        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",                id: "/products"
+              },
+              {
+                name: "Testimonials",                id: "#testimonials"
+              },
+              {
+                name: "FAQs",                id: "#faqs"
+              },
+              {
+                name: "Contact",                id: "#contact"
+              },
+            ]}
+            brandName="GFFTC Equine"
+          />
+        </div>
+
+        <div id="product-detail" data-section="product-detail">
+          <SplitAbout
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="GFFTC Performance Joint Supplement: Optimize Horse Mobility"
+            description="Elevate your horse's joint health and mobility with the GFFTC Performance Joint Supplement. Formulated with cutting-edge ingredients, it supports cartilage integrity, reduces discomfort, and promotes active movement for horses of all ages and disciplines."
+            bulletPoints={[
+              { icon: FlaskConical, title: "Advanced Formula", description: "Scientifically formulated blend of glucosamine, chondroitin, and MSM for comprehensive joint support." },
+              { icon: FlaskConical, title: "Enhanced Absorption", description: "Micronized ingredients ensure optimal bioavailability and rapid uptake." },
+              { icon: FlaskConical, title: "Reduces Inflammation", description: "Aids in mitigating inflammation and soreness after intense training or competition." },
+              { icon: FlaskConical, title: "Palatable Granular Form", description: "Easy to mix with feed, ensuring hassle-free administration." }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/close-up-horse-running-field_23-2149488349.jpg" 
+            imageAlt="Healthy horse running in a field, symbolizing improved mobility"
+            imagePosition="left"
+            mediaAnimation="slide-up"
+          />
+        </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>
+  );
+}

src/app/products/product-3/page.tsx

@@ -0,0 +1,93 @@
+"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 SplitAbout from '@/components/sections/about/SplitAbout';
+import { Facebook, Instagram, Video, Handshake } from "lucide-react";
+
+export default function ProductThreePage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="elastic-effect"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="small"
+        sizing="largeSizeMediumTitles"
+        background="floatingGradient"
+        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",                id: "/products"
+              },
+              {
+                name: "Testimonials",                id: "#testimonials"
+              },
+              {
+                name: "FAQs",                id: "#faqs"
+              },
+              {
+                name: "Contact",                id: "#contact"
+              },
+            ]}
+            brandName="GFFTC Equine"
+          />
+        </div>
+
+        <div id="product-detail" data-section="product-detail">
+          <SplitAbout
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="GFFTC Anatomical Comfort Bridle: Enhanced Communication and Well-being"
+            description="Discover superior comfort and enhanced communication with the GFFTC Anatomical Comfort Bridle. Meticulously designed to alleviate pressure points and provide a gentle yet precise connection, this bridle supports your horse's natural anatomy."
+            bulletPoints={[
+              { icon: Handshake, title: "Pressure-Free Design", description: "Reduces pressure on sensitive facial nerves, enhancing comfort and focus." },
+              { icon: Handshake, title: "Anatomical Crownpiece", description: "Contoured design allows for complete ear freedom and minimizes interference." },
+              { icon: Handshake, title: "Luxurious Materials", description: "Crafted from soft, supple Italian leather with durable stainless steel hardware." },
+              { icon: Handshake, title: "Improved Communication", description: "Fosters a clearer and more responsive connection between horse and rider." }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/pretty-girl-horse-farm_1157-23377.jpg" 
+            imageAlt="Close-up of a horse's head wearing the Anatomical Comfort Bridle"
+            imagePosition="right"
+            mediaAnimation="slide-up"
+          />
+        </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>
+  );
+}