Update src/app/styles/variables.css

Merge version_1 into main

src/app/page.tsx

@@ -2,13 +2,14 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactFaq from '@/components/sections/contact/ContactFaq';
 import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
+import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
+import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
+import { Phone } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -91,37 +92,41 @@ export default function LandingPage() {
         </div>
 
         <div id="reviews" data-section="reviews">
-          <TestimonialCardTwelve
+          <TestimonialCardFifteen
+            testimonial="Excelente atención y variedad de productos. Siempre encuentro lo que busco para mi negocio a muy buen precio."
+            rating={5}
+            author="María G."
+            avatars={[{ src: "http://img.b2bpic.net/free-photo/fantastic-meeting-with-friends-shopping_329181-7999.jpg", alt: "Customer" }]}
+            ratingAnimation="blur-reveal"
+            avatarsAnimation="blur-reveal"
             useInvertedBackground={false}
-            testimonials={[
-              { id: "1", name: "María G.", imageSrc: "http://img.b2bpic.net/free-photo/fantastic-meeting-with-friends-shopping_329181-7999.jpg" },
-              { id: "2", name: "Juan P.", imageSrc: "http://img.b2bpic.net/free-photo/people-cheering-with-wine-glasses-luxurious-restaurant_23-2150517422.jpg" },
-              { id: "3", name: "Lucía R.", imageSrc: "http://img.b2bpic.net/free-photo/what-you-think-about-new-jewelry_329181-8033.jpg" }
-            ]}
-            cardTitle="Lo que dicen nuestros clientes"
-            cardTag="Google Reviews"
-            cardAnimation="slide-up"
           />
         </div>
 
         <div id="contact" data-section="contact">
-          <ContactCenter
+          <ContactFaq
-            useInvertedBackground={false}
+            ctaTitle="¿Necesitas asesoramiento?"
-            background={{ variant: "rotated-rays-animated" }}
+            ctaDescription="Escríbenos por WhatsApp para realizar tus consultas, solicitar presupuestos mayoristas o hacer pedidos directamente."
-            tag="Contacto Directo"
+            ctaButton={{ text: "Contactar ahora", href: "https://wa.me/549" }}
-            title="¡Escríbenos hoy!"
+            ctaIcon={Phone}
-            description="Recibe atención personalizada y consulta por nuestros precios mayoristas."
+            animationType="slide-up"
+            faqs={[
+              { id: "1", title: "¿Realizan envíos?", content: "Sí, realizamos envíos a toda la zona norte con entrega rápida." },
+              { id: "2", title: "¿Cuáles son los medios de pago?", content: "Aceptamos transferencia bancaria, efectivo y tarjetas." }
+            ]}
+            useInvertedBackground={true}
           />
         </div>
 
         <div id="footer" data-section="footer">
-          <FooterMedia
+          <FooterBase
-            imageSrc="http://img.b2bpic.net/free-vector/rectangle-gold-frame-with-metallic-monstera-leaf-background_53876-99454.jpg"
             columns={[
-              { title: "Navegación", items: [{ label: "Inicio", href: "#hero" }, { label: "Productos", href: "#products" }] },
+              { title: "Papelera Norte", items: [{ label: "Sobre nosotros", href: "#about" }, { label: "Contacto", href: "#contact" }] },
+              { title: "Categorías", items: [{ label: "Descartables", href: "#products" }, { label: "Limpieza", href: "#products" }] },
               { title: "Legal", items: [{ label: "Privacidad", href: "#" }] }
             ]}
-            copyrightText="© 2025 | Papelera Norte"
+            logoText="Papelera Norte"
+            copyrightText="© 2025 Papelera Norte. Todos los derechos reservados."
           />
         </div>
       </ReactLenis>

src/app/styles/base.css

@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-dm-sans), sans-serif;
+  font-family: var(--font-libre-baskerville), serif;
 }

src/app/styles/variables.css

@@ -12,10 +12,10 @@
 
   --background: #0a0a0a;
   --card: #171717;
-  --foreground: #ffffff;
+  --foreground: #f5f5f5;
   --primary-cta: #d4af37;
   --primary-cta-text: #000000;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #000000;
   --accent: #b8860b;
   --background-accent: #1a1a1a;