From e93f3b6af7c6131ffc4b91a9378053370205077b Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 20 Apr 2026 16:11:50 +0000
Subject: [PATCH 1/2] Update src/app/page.tsx

---
 src/app/page.tsx | 188 ++++++++++-------------------------------------
 1 file changed, 39 insertions(+), 149 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 570088d..3e2fe51 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,14 +3,15 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
+import ContactText from '@/components/sections/contact/ContactText';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroSplit from '@/components/sections/hero/HeroSplit';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import { CheckCircle, Clock, MapPin, MessageSquare, Star } from "lucide-react";
 
 export default function LandingPage() {
@@ -31,14 +32,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Inicio",          id: "hero"},
-        {
-          name: "Categorías",          id: "categorias"},
-        {
-          name: "Servicios",          id: "servicios"},
-        {
-          name: "Contacto",          id: "contacto"},
+        { name: "Inicio", id: "hero" },
+        { name: "Categorías", id: "categorias" },
+        { name: "Servicios", id: "servicios" },
+        { name: "Contacto", id: "contacto" },
       ]}
       brandName="Ferretería Fischer"
     />
@@ -46,63 +43,25 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplit
-      background={{
-        variant: "gradient-bars"}}
+      background={{ variant: "gradient-bars" }}
       title="Soluciones rápidas para tu hogar, siempre a mano"
       description="Ferretería Fischer – variedad, precio y soluciones prácticas. Tu ferretería de confianza en el barrio, lista para lo que necesites."
       buttons={[
-        {
-          text: "Ver productos",          href: "#categorias"},
-        {
-          text: "Escribir por WhatsApp",          href: "https://wa.me/549110000000"},
+        { text: "Ver productos", href: "#categorias" },
+        { text: "Escribir por WhatsApp", href: "https://wa.me/549110000000" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/group-friends-enjoying-drinks-bar_23-2147859498.jpg"
       imageAlt="Interior de nuestra ferretería"
       mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/row-decorative-light-bulbs-hanging-cafe_181624-58119.jpg",          alt: "Cliente satisfecho 1"},
-        {
-          src: "http://img.b2bpic.net/free-photo/cute-korean-barista-girl-pouring-coffee-prepare-filter-batch-brew-pour-working-cafe_1258-197409.jpg",          alt: "Cliente satisfecho 2"},
-        {
-          src: "http://img.b2bpic.net/free-photo/shop-sign-neon-lights-with-mannequin_23-2148283878.jpg",          alt: "Cliente satisfecho 3"},
-        {
-          src: "http://img.b2bpic.net/free-photo/vintage-light-lamp_1203-3089.jpg",          alt: "Cliente satisfecho 4"},
-        {
-          src: "http://img.b2bpic.net/free-photo/vintage-light-lamp_1203-3090.jpg",          alt: "Cliente satisfecho 5"},
-      ]}
-      avatarText="Más de 500 vecinos nos eligen"
-      marqueeItems={[
-        {
-          type: "text",          text: "Atención personalizada"},
-        {
-          type: "text",          text: "Precios competitivos"},
-        {
-          type: "text",          text: "Ubicación céntrica"},
-        {
-          type: "text",          text: "Calidad garantizada"},
-        {
-          type: "text",          text: "Soluciones rápidas"},
-      ]}
     />
   </div>
 
   <div id="confianza" data-section="confianza">
-      <AboutMetric
+      <SocialProofOne
+      names={["Bosch", "Makita", "Stanley", "Dewalt", "Black+Decker"]}
+      title="Marcas líderes que confían en nosotros"
+      description="Solo trabajamos con proveedores de alta calidad para garantizarte el mejor resultado."
       useInvertedBackground={true}
-      title="Te asesoramos en serio (aunque no sepas nada)"
-      metrics={[
-        {
-          icon: Star,
-          label: "Rating",          value: "4.0"},
-        {
-          icon: CheckCircle,
-          label: "Asesoramiento",          value: "Sin vueltas"},
-        {
-          icon: Clock,
-          label: "Soluciones",          value: "Rápidas"},
-      ]}
-      metricsAnimation="slide-up"
     />
   </div>
 
@@ -113,18 +72,12 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
-          id: "1",          name: "Herramientas",          price: "Ver catálogo",          imageSrc: "http://img.b2bpic.net/free-photo/kitchen-utensils-stainless-steel_93675-135603.jpg"},
-        {
-          id: "2",          name: "Electricidad",          price: "Ver catálogo",          imageSrc: "http://img.b2bpic.net/free-photo/different-electrical-tools-wooden-background-flat-lay_169016-25060.jpg"},
-        {
-          id: "3",          name: "Plomería",          price: "Ver catálogo",          imageSrc: "http://img.b2bpic.net/free-photo/faucet-water-tap-droplet-icon-sign_53876-128089.jpg"},
-        {
-          id: "4",          name: "Pinturería",          price: "Ver catálogo",          imageSrc: "http://img.b2bpic.net/free-photo/copy-space-artist-brushes_23-2148575564.jpg"},
-        {
-          id: "5",          name: "Cerrajería",          price: "Corte de llaves",          imageSrc: "http://img.b2bpic.net/free-photo/key-icon-left-side_187299-39488.jpg"},
-        {
-          id: "6",          name: "Servicios Pro",          price: "Consultar",          imageSrc: "http://img.b2bpic.net/free-vector/tool-icons-collection_1284-904.jpg"},
+        { id: "1", name: "Herramientas", price: "Ver catálogo", imageSrc: "http://img.b2bpic.net/free-photo/kitchen-utensils-stainless-steel_93675-135603.jpg" },
+        { id: "2", name: "Electricidad", price: "Ver catálogo", imageSrc: "http://img.b2bpic.net/free-photo/different-electrical-tools-wooden-background-flat-lay_169016-25060.jpg" },
+        { id: "3", name: "Plomería", price: "Ver catálogo", imageSrc: "http://img.b2bpic.net/free-photo/faucet-water-tap-droplet-icon-sign_53876-128089.jpg" },
+        { id: "4", name: "Pinturería", price: "Ver catálogo", imageSrc: "http://img.b2bpic.net/free-photo/copy-space-artist-brushes_23-2148575564.jpg" },
+        { id: "5", name: "Cerrajería", price: "Corte de llaves", imageSrc: "http://img.b2bpic.net/free-photo/key-icon-left-side_187299-39488.jpg" },
+        { id: "6", name: "Servicios Pro", price: "Consultar", imageSrc: "http://img.b2bpic.net/free-vector/tool-icons-collection_1284-904.jpg" },
       ]}
       title="Encontrá lo que buscás"
       description="Dividido por categorías para tu comodidad."
@@ -137,12 +90,9 @@ export default function LandingPage() {
       title="Por qué elegir Fischer"
       description="Más que una ferretería, somos tu aliado para los arreglos del hogar."
       accordionItems={[
-        {
-          id: "d1",          title: "Gran variedad",          content: "Tenemos de todo, desde el tornillo más pequeño hasta herramientas profesionales."},
-        {
-          id: "d2",          title: "Buenos precios",          content: "Calidad al mejor precio para cuidar tu economía."},
-        {
-          id: "d3",          title: "Atención personalizada",          content: "Te dedicamos el tiempo necesario para que te lleves lo que realmente necesitás."},
+        { id: "d1", title: "Gran variedad", content: "Tenemos de todo, desde el tornillo más pequeño hasta herramientas profesionales." },
+        { id: "d2", title: "Buenos precios", content: "Calidad al mejor precio para cuidar tu economía." },
+        { id: "d3", title: "Atención personalizada", content: "Te dedicamos el tiempo necesario para que te lleves lo que realmente necesitás." },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/girl-with-mouth-opened-looking-camera_23-2147679210.jpg"
       mediaAnimation="slide-up"
@@ -150,95 +100,35 @@ export default function LandingPage() {
   </div>
 
   <div id="servicios" data-section="servicios">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={false}
+      <FaqSplitMedia
       faqs={[
-        {
-          id: "s1",          title: "Corte de llaves",          content: "Hacemos duplicados en el momento con máxima precisión."},
-        {
-          id: "s2",          title: "Envíos a domicilio",          content: "Consultanos por envíos en la zona."},
-        {
-          id: "s3",          title: "Asesoramiento técnico",          content: "¿No sabés qué comprar? Mandanos una foto por WhatsApp y te guiamos."},
+        { id: "s1", title: "Corte de llaves", content: "Hacemos duplicados en el momento con máxima precisión." },
+        { id: "s2", title: "Envíos a domicilio", content: "Consultanos por envíos en la zona." },
+        { id: "s3", title: "Asesoramiento técnico", content: "¿No sabés qué comprar? Mandanos una foto por WhatsApp y te guiamos." },
       ]}
-      title="Servicios Especiales"
-      description="Ofrecemos soluciones para facilitarte la vida."
+      title="Preguntas Frecuentes"
+      description="Resolvemos tus dudas rápidamente."
+      imageSrc="http://img.b2bpic.net/free-photo/man-using-smartphone_23-2148401344.jpg"
       faqsAnimation="slide-up"
     />
   </div>
 
-  <div id="horarios" data-section="horarios">
-      <MetricCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "h1",          value: "Lunes a Viernes",          description: "8:30 - 19:30"},
-        {
-          id: "h2",          value: "Sábados",          description: "9:00 - 13:00"},
-        {
-          id: "h3",          value: "WhatsApp",          description: "24/7 para consultas"},
-      ]}
-      title="Horarios de Atención"
-      description="Te recomendamos consultar por WhatsApp antes de venir por cualquier duda."
-    />
-  </div>
-
-  <div id="cta" data-section="cta">
-      <AboutMetric
-      useInvertedBackground={true}
-      title="¿Necesitás algo YA?"
-      metrics={[
-        {
-          icon: MessageSquare,
-          label: "WhatsApp",          value: "¡Escribinos!"},
-        {
-          icon: MapPin,
-          label: "Ubicación",          value: "Monroe 4401"},
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
-
   <div id="contacto" data-section="contacto">
-      <ContactSplitForm
+      <ContactText
+      text="¿Necesitás una solución ahora mismo? Contactanos directamente por WhatsApp para atención inmediata."
+      buttons={[{ text: "Hablar por WhatsApp", href: "https://wa.me/549110000000" }]}
+      background={{ variant: "gradient-bars" }}
       useInvertedBackground={true}
-      title="Vení a conocernos"
-      description="Estamos en Monroe 4401, CABA. ¡Vení sin vueltas!"
-      inputs={[
-        {
-          name: "nombre",          type: "text",          placeholder: "Tu nombre",          required: true,
-        },
-        {
-          name: "consulta",          type: "text",          placeholder: "Tu consulta",          required: true,
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/location-symbol-with-building_23-2150169883.jpg"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterSimple
+      <FooterLogoEmphasis
+      logoText="Ferretería Fischer"
       columns={[
-        {
-          title: "Ferretería Fischer",          items: [
-            {
-              label: "Monroe 4401, CABA",              href: "#contacto"},
-          ],
-        },
-        {
-          title: "Navegación",          items: [
-            {
-              label: "Categorías",              href: "#categorias"},
-            {
-              label: "Servicios",              href: "#servicios"},
-          ],
-        },
+        { items: [{ label: "Categorías", href: "#categorias" }, { label: "Servicios", href: "#servicios" }] },
+        { items: [{ label: "WhatsApp", href: "https://wa.me/549110000000" }, { label: "Monroe 4401, CABA" }] }
       ]}
-      bottomLeftText="© 2024 Ferretería Fischer"
-      bottomRightText="Todos los derechos reservados"
     />
   </div>
       </ReactLenis>
-- 
2.49.1


From 82598673bb65c9bc7c0e98dfce42f5ffaadf11a9 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 20 Apr 2026 16:11:51 +0000
Subject: [PATCH 2/2] Update src/app/styles/variables.css

---
 src/app/styles/variables.css | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index b7afc67..b8ef6bf 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4ef;
-  --card: #dad6cd;
-  --foreground: #2a2928;
-  --primary-cta: #2a2928;
+  --background: #1a1a1a;
+  --card: #262626;
+  --foreground: #f5f5f5;
+  --primary-cta: #fde047;
   --primary-cta-text: #f5f4ef;
-  --secondary-cta: #ecebea;
+  --secondary-cta: #333333;
   --secondary-cta-text: #2a2928;
-  --accent: #ffffff;
-  --background-accent: #c6b180;
+  --accent: #fde047;
+  --background-accent: #fde047;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
-- 
2.49.1