Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -31,6 +31,7 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
+        { name: "Home", id: "/" },
         { name: "About", id: "#about" },
         { name: "Products", id: "#products" },
         { name: "Contact", id: "#contact" },
@@ -44,7 +45,7 @@ export default function LandingPage() {
       background={{ variant: "rotated-rays-animated" }}
       title="Science-Based Nutrition for Sustainable Livestock"
       description="Inovit delivers innovative feed additive solutions designed to improve animal health, optimize feed efficiency, and empower the future of farming."
-      buttons={[{ text: "Explore Our Products", href: "#products" }]}
+      buttons={[{ text: "View Our Feed Solutions", href: "/products" }, { text: "Home", href: "/" }]}
       carouselItems={[
         { id: "h1", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-herd-sheep-eating-grass-pasture_23-2148214286.jpg", imageAlt: "sustainable farming livestock field" },
         { id: "h2", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-feeding-sheep_23-2149535200.jpg", imageAlt: "organic animal feed texture" },
@@ -89,12 +90,12 @@ export default function LandingPage() {
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={false}
       products={[
-        { id: "p1", brand: "Inovit", name: "Soybean Meal", price: "High Quality", rating: 5, reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/wooden-spoon-full-raw-buckwheat-marble-surface_114579-25380.jpg" },
-        { id: "p2", brand: "Inovit", name: "Corn Gluten Meal", price: "High Quality", rating: 5, reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/barley-grains-out-bowl-marble-surface_114579-47809.jpg" },
-        { id: "p3", brand: "Inovit", name: "Meat & Bone Meal", price: "High Quality", rating: 5, reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/spices-market-morocco_23-2148129885.jpg" },
-        { id: "p4", brand: "Inovit", name: "Sugar Beet Pulp", price: "High Quality", rating: 5, reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/fresh-harvested-red-radish-plastic-crate-supermarket_23-2148209755.jpg" },
-        { id: "p5", brand: "Inovit", name: "Wheat Bran", price: "High Quality", rating: 5, reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/buckwheat-seeds-isolated-grey_114579-24770.jpg" },
-        { id: "p6", brand: "Inovit", name: "Fish Meal", price: "High Quality", rating: 5, reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/common-food-allergens-people_23-2149870515.jpg" }
+        { id: "p1", brand: "Inovit", name: "Soybean Meal", price: "High Quality", rating: 5, reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/wooden-spoon-full-raw-buckwheat-marble-surface_114579-25380.jpg?_wi=1" },
+        { id: "p2", brand: "Inovit", name: "Corn Gluten Meal", price: "High Quality", rating: 5, reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/barley-grains-out-bowl-marble-surface_114579-47809.jpg?_wi=1" },
+        { id: "p3", brand: "Inovit", name: "Meat & Bone Meal", price: "High Quality", rating: 5, reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/spices-market-morocco_23-2148129885.jpg?_wi=1" },
+        { id: "p4", brand: "Inovit", name: "Sugar Beet Pulp", price: "High Quality", rating: 5, reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/fresh-harvested-red-radish-plastic-crate-supermarket_23-2148209755.jpg?_wi=1" },
+        { id: "p5", brand: "Inovit", name: "Wheat Bran", price: "High Quality", rating: 5, reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/buckwheat-seeds-isolated-grey_114579-24770.jpg?_wi=1" },
+        { id: "p6", brand: "Inovit", name: "Fish Meal", price: "High Quality", rating: 5, reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/common-food-allergens-people_23-2149870515.jpg?_wi=1" }
       ]}
       title="Quality Raw Materials"
       description="Premium soybean meal, corn products, and protein sources for balanced farm nutrition."
@@ -122,14 +123,14 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        { id: "t1", name: "Sarah Miller", role: "Farm Owner", testimonial: "The quality of Inovit's feed additives has significantly increased our poultry yield.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-taking-coffee-break_329181-16523.jpg" },
-        { id: "t2", name: "David Thorne", role: "Operations Manager", testimonial: "Reliable, science-driven, and highly consistent. GMP+ standards mean everything to us.", imageSrc: "http://img.b2bpic.net/free-photo/greenhouse-owner-posing-with-folded-arms-having-many-flowers-colleague-holding-pot-with-pink-chrysanthemums-glass-roof_158595-7126.jpg" },
-        { id: "t3", name: "Elena Vance", role: "Business Director", testimonial: "Inovit is our preferred partner for soybean meal sourcing. Exceptional quality.", imageSrc: "http://img.b2bpic.net/free-photo/young-female-florist-greenhouse_23-2148357607.jpg" },
-        { id: "t4", name: "Dr. Marcus Reed", role: "Veterinary Consultant", testimonial: "I trust Inovit formulas for my clients' herds. Their ruminant nutrition is outstanding.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-checking-dog_23-2149271808.jpg" },
-        { id: "t5", name: "James Logan", role: "Agricultural Entrepreneur", testimonial: "Innovative solutions that keep my aquaculture farm competitive.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-greenhouse-owner-posing-with-notepad-her-hands-having-many-flowers-glass-roof_158595-7026.jpg" }
+        { id: "t1", name: "", role: "", testimonial: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DaBmhxh1Vg1WPqJ7gPJKyM4MgK/uploaded-1778514090361-jq1ehkwd.avif" },
+        { id: "t2", name: "", role: "", testimonial: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DaBmhxh1Vg1WPqJ7gPJKyM4MgK/uploaded-1778514170149-uj82cvy4.jpg" },
+        { id: "t3", name: "", role: "", testimonial: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DaBmhxh1Vg1WPqJ7gPJKyM4MgK/uploaded-1778514166081-twhnyv0i.jpg" },
+        { id: "t4", name: "", role: "", testimonial: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DaBmhxh1Vg1WPqJ7gPJKyM4MgK/uploaded-1778514291720-nnkxz7tc.webp" },
+        { id: "t5", name: "", role: "", testimonial: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DaBmhxh1Vg1WPqJ7gPJKyM4MgK/uploaded-1778514300900-rf3kokz9.jpg" }
       ]}
-      title="Partner Success Stories"
-      description="What our partners across the farming and agricultural sectors say about us."
+      title=""
+      description=""
     />
   </div>
 
@@ -169,9 +170,9 @@ export default function LandingPage() {
         },
         {
           title: "Products",          items: [
-            { label: "Poultry Additives", href: "#products" },
-            { label: "Ruminant Additives", href: "#products" },
-            { label: "Aquaculture", href: "#products" },
+            { label: "Poultry Additives", href: "/products" },
+            { label: "Ruminant Additives", href: "/products" },
+            { label: "Aquaculture", href: "/products" },
           ],
         },
         {
@@ -188,4 +189,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/products/page.tsx

@@ -0,0 +1,50 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ProductCatalog from "@/components/ecommerce/productCatalog/ProductCatalog";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import { useState } from "react";
+
+export default function ProductsPage() {
+  const [search, setSearch] = useState("");
+
+  const products = [
+    { id: "p1", brand: "Inovit", name: "Soybean Meal", price: "High Quality", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/wooden-spoon-full-raw-buckwheat-marble-surface_114579-25380.jpg?_wi=2" },
+    { id: "p2", brand: "Inovit", name: "Corn Gluten Meal", price: "High Quality", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/barley-grains-out-bowl-marble-surface_114579-47809.jpg?_wi=2" },
+    { id: "p3", brand: "Inovit", name: "Meat & Bone Meal", price: "High Quality", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/spices-market-morocco_23-2148129885.jpg?_wi=2" },
+    { id: "p4", brand: "Inovit", name: "Sugar Beet Pulp", price: "High Quality", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fresh-harvested-red-radish-plastic-crate-supermarket_23-2148209755.jpg?_wi=2" },
+    { id: "p5", brand: "Inovit", name: "Wheat Bran", price: "High Quality", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/buckwheat-seeds-isolated-grey_114579-24770.jpg?_wi=2" },
+    { id: "p6", brand: "Inovit", name: "Fish Meal", price: "High Quality", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/common-food-allergens-people_23-2149870515.jpg?_wi=2" }
+  ];
+
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="soft"
+        contentWidth="medium"
+        sizing="largeSmall"
+        background="noiseDiagonalGradient"
+        cardStyle="solid"
+        primaryButtonStyle="double-inset"
+        secondaryButtonStyle="solid"
+        headingFontWeight="bold"
+    >
+      <NavbarStyleCentered
+        navItems={[
+            { name: "Home", id: "/" },
+            { name: "Products", id: "/products" },
+        ]}
+        brandName="Inovit"
+      />
+      <div className="pt-32 pb-20">
+        <ProductCatalog 
+            layout="page"
+            products={products.filter(p => p.name.toLowerCase().includes(search.toLowerCase()))}
+            searchValue={search}
+            onSearchChange={setSearch}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}