Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -12,6 +12,7 @@ import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
 import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import { Award, Leaf, ShoppingBag, Star, Users, Utensils } from "lucide-react";
 
 export default function LandingPage() {
@@ -33,6 +34,7 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         { name: "Servicios", id: "servicios" },
+        { name: "Productos", id: "productos" },
         { name: "Mercado", id: "mercado" },
         { name: "Nosotros", id: "nosotros" },
         { name: "Galería", id: "galeria" },
@@ -69,6 +71,22 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="productos" data-section="productos">
+      <ProductCardTwo 
+        title="Nuestros Productos destacados"
+        description="Selección de lo mejor de nuestra región"
+        gridVariant="three-columns-all-equal-width"
+        animationType="slide-up"
+        textboxLayout="default"
+        useInvertedBackground={false}
+        products={[
+          { id: "p1", brand: "Local", name: "Frutas de temporada", price: "$5", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/fruits-basket-wooden-surface_1150-13175.jpg" },
+          { id: "p2", brand: "Local", name: "Vegetales frescos", price: "$3", rating: 4, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/fresh-vegetables-set-wooden-table_144627-26815.jpg" },
+          { id: "p3", brand: "Local", name: "Pan artesanal", price: "$2", rating: 5, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/fresh-baked-bread_144627-14227.jpg" }
+        ]}
+      />
+  </div>
+
   <div id="mercado" data-section="mercado">
     <FeatureCardSeven 
       title="Mercado en Línea"
@@ -187,6 +205,7 @@ export default function LandingPage() {
         {
           title: "Navegación",          items: [
             { label: "Servicios", href: "#servicios" },
+            { label: "Productos", href: "#productos" },
             { label: "Nosotros", href: "#nosotros" },
             { label: "Contacto", href: "#contacto" },
           ],