Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -11,7 +11,7 @@ import SplitAbout from '@/components/sections/about/SplitAbout';
 import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import { CheckCircle, Wrench } from 'lucide-react';
+import { CheckCircle, Wrench, MessageSquare, Truck, ShieldCheck } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -32,7 +32,7 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         { name: "Inicio", id: "hero" },
-        { name: "Productos", id: "products" },
+        { name: "Productos", id: "/products" },
         { name: "Asesoramiento", id: "assistant" },
         { name: "Contacto", id: "contact" },
       ]}
@@ -45,7 +45,7 @@ export default function LandingPage() {
       background={{ variant: "gradient-bars" }}
       title="Todo para tu baño, cocina y gas — sin vueltas"
       description="Te asesoramos antes de comprar. Evitá errores con expertos de confianza en Merlo."
-      buttons={[{ text: "Ver productos", href: "#products" }, { text: "Hablar con un experto", href: "https://wa.me/541100000000" }]}
+      buttons={[{ text: "Ver productos", href: "/products" }, { text: "Hablar con un experto", href: "https://wa.me/541100000000" }]}
       imageSrc="http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821283.jpg"
     />
   </div>
@@ -72,7 +72,11 @@ export default function LandingPage() {
       buttons={[{ text: "Consultar ahora", href: "https://wa.me/541100000000" }]}
       imageSrc="http://img.b2bpic.net/free-photo/woman-pink-blouse-buys-dishes-store_1157-36711.jpg"
       mediaAnimation="slide-up"
-      bulletPoints={[]}
+      bulletPoints={[
+        { title: "Atención personalizada", description: "Atención uno a uno con expertos en la materia.", icon: MessageSquare },
+        { title: "Envío a domicilio en Merlo", description: "Recibí tus productos en la comodidad de tu hogar.", icon: Truck },
+        { title: "Productos certificados", description: "Solo trabajamos con marcas homologadas.", icon: ShieldCheck }
+      ]}
       useInvertedBackground={false}
     />
   </div>
@@ -139,4 +143,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/products/page.tsx

@@ -0,0 +1,90 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
+import SplitAbout from '@/components/sections/about/SplitAbout';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+
+export default function ProductsPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="shift-hover"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="soft"
+        contentWidth="mediumSmall"
+        sizing="medium"
+        background="noiseDiagonalGradient"
+        cardStyle="outline"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <NavbarStyleApple
+          navItems={[
+            { name: "Inicio", id: "/" },
+            { name: "Productos", id: "/products" },
+            { name: "Asesoramiento", id: "/#assistant" },
+            { name: "Contacto", id: "/#contact" },
+          ]}
+          brandName="ParqueGas"
+        />
+
+        <div id="products">
+            <ProductCardOne
+                title="Nuestro Catálogo"
+                description="Encuentra la pieza exacta para tu instalación."
+                textboxLayout="split"
+                gridVariant="three-columns-all-equal-width"
+                animationType="slide-up"
+                useInvertedBackground={false}
+                products={[
+                    { id: "1", name: "Grifería Premium", price: "$55.000", imageSrc: "http://img.b2bpic.net/free-photo/silver-basin-mixer-isolated-gray-background_181624-59278.jpg" },
+                    { id: "2", name: "Kit Repuesto Gas", price: "$28.000", imageSrc: "http://img.b2bpic.net/free-photo/nature-kitchen-flow-open-closeup_1203-5200.jpg" },
+                    { id: "3", name: "Filtro de Agua", price: "$32.000", imageSrc: "http://img.b2bpic.net/free-photo/black-faucet-with-steel-sink-stylish-modern-kitchen_169016-20021.jpg" }
+                ]}
+            />
+        </div>
+
+        <div id="compatibility">
+            <FeatureCardTen
+                title="¿Es compatible?"
+                description="No te preocupes por el ajuste. Analizamos cada modelo."
+                textboxLayout="inline-image"
+                animationType="blur-reveal"
+                useInvertedBackground={false}
+                features={[
+                    {
+                        title: "Validación técnica",                        description: "Verificamos medidas y roscas antes de enviarte cualquier repuesto.",                        media: { imageSrc: "http://img.b2bpic.net/free-photo/faucet-sink_74190-4120.jpg" },
+                        items: [],
+                        reverse: false
+                    }
+                ]}
+            />
+        </div>
+
+        <div id="assistant">
+            <SplitAbout
+                title="Soporte por WhatsApp"
+                description="¿Tienes dudas técnicas? Envíale una foto a nuestros expertos y te asistiremos."
+                textboxLayout="split-actions"
+                buttons={[{ text: "Chat con experto", href: "https://wa.me/541100000000" }]}
+                imageSrc="http://img.b2bpic.net/free-photo/woman-pink-blouse-buys-dishes-store_1157-36711.jpg"
+                mediaAnimation="slide-up"
+                bulletPoints={[]}
+                useInvertedBackground={false}
+            />
+        </div>
+
+        <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/woman-buys-dishes-store_1157-36695.jpg"
+            logoText="ParqueGas"
+            columns={[{ title: "Ayuda", items: [{ label: "WhatsApp", href: "https://wa.me/541100000000" }] }]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}