Merge version_5 into main

Update src/app/page.tsx
2026-04-20 19:05:00 +00:00 · 2026-04-20 19:04:56 +00:00 · 2026-04-20 19:04:20 +00:00 · 2026-04-20 19:04:17 +00:00 · 2026-04-20 19:04:16 +00:00 · 2026-04-20 19:04:14 +00:00
3 changed files with 52 additions and 256 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -6,6 +6,9 @@ import "@/lib/gsap-setup";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
 import { DM_Sans } from "next/font/google";
+import { Public_Sans } from "next/font/google";
+import { Libre_Baskerville } from "next/font/google";
+import { Poppins } from "next/font/google";



@@ -19,9 +22,13 @@ export const metadata: Metadata = {
  },
 };

-const dmSans = DM_Sans({
-  variable: "--font-dm-sans",
+
+
+
+const poppins = Poppins({
+  variable: "--font-poppins",
  subsets: ["latin"],
+  weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
 });

 export default function RootLayout({
@@ -32,7 +39,7 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body className={`${dmSans.variable} antialiased`}>
+        <body className={`${poppins.variable} antialiased`}>
          
          {children}
          <script
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
@@ -31,106 +31,29 @@ export default function LandingPage() {
      <NavbarStyleFullscreen
      navItems={[
        {
-          name: "Inicio",
-          id: "hero",
-        },
+          name: "Inicio",          id: "hero"},
        {
-          name: "Productos",
-          id: "products",
-        },
+          name: "Productos",          id: "products"},
        {
-          name: "Nosotros",
-          id: "why-fixol",
-        },
+          name: "Nosotros",          id: "why-fixol"},
        {
-          name: "Contacto",
-          id: "contact",
-        },
+          name: "Contacto",          id: "contact"},
      ]}
      brandName="Fixol"
    />
  </div>

  <div id="hero" data-section="hero">
-      <HeroSplitKpi
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Soluciones que construyen México"
-      description="Impermeabilizantes, cementos y aditivos de alta resistencia para arquitectos, constructores y proyectos que exigen calidad superior."
-      kpis={[
-        {
-          value: "25+",
-          label: "Años en el mercado",
-        },
-        {
-          value: "1000+",
-          label: "Proyectos ejecutados",
-        },
-        {
-          value: "500+",
-          label: "Distribuidores activos",
-        },
-      ]}
-      enableKpiAnimation={true}
+      <HeroBillboard
+      title="Solución probada "
+      description="ADHESIVOS+RECUBRIMIENTOS+ADITIVOS"
      buttons={[
-        {
-          text: "Ver Productos",
-          href: "#products",
-        },
-        {
-          text: "Contáctanos",
-          href: "#contact",
-        },
+        { text: "Ver Productos", href: "#products" },
+        { text: "Contáctanos", href: "#contact" }
      ]}
+      background={{ variant: "gradient-bars" }}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/professional-construction-scene-industri-1776710970467-00fa5f66.png"
      imageAlt="Industrial construction site Fixol"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/close-up-portrait-of-a-professional-cont-1776711042173-ea1f7762.png",
-          alt: "Contractor portrait",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/close-up-portrait-of-a-professional-fema-1776711051510-568aebf3.png",
-          alt: "Architect portrait",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/close-up-portrait-of-a-professional-cons-1776711061155-cb804508.png",
-          alt: "Engineer portrait",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/close-up-portrait-of-a-site-supervisor-w-1776711069687-afb99384.png",
-          alt: "Supervisor portrait",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/professional-hardware-store-manager-in-f-1776711081056-a8abaf4a.png",
-          alt: "Manager portrait",
-        },
-      ]}
-      avatarText="Avalados por más de 500 profesionales expertos"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Alta Resistencia",
-        },
-        {
-          type: "text",
-          text: "Calidad Certificada",
-        },
-        {
-          type: "text",
-          text: "Innovación Industrial",
-        },
-        {
-          type: "text",
-          text: "Sostenibilidad",
-        },
-        {
-          type: "text",
-          text: "Logística Nacional",
-        },
-      ]}
    />
  </div>

@@ -141,42 +64,12 @@ export default function LandingPage() {
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
-        {
-          id: "p1",
-          name: "Impermeabilizantes",
-          price: "Desde $850",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/professional-packaging-of-high-quality-c-1776710978742-257e2fa4.png",
-        },
-        {
-          id: "p2",
-          name: "Morteros",
-          price: "Desde $220",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/high-quality-waterproofing-liquid-bucket-1776710987558-8082ea66.png",
-        },
-        {
-          id: "p3",
-          name: "Cementos",
-          price: "Desde $250",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/construction-additive-bottle-professiona-1776711006707-4555446e.png",
-        },
-        {
-          id: "p4",
-          name: "Aditivos",
-          price: "Desde $450",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/mortar-mix-packaging-industrial-concrete-1776711016426-b5efdcb1.png",
-        },
-        {
-          id: "p5",
-          name: "Recubrimientos",
-          price: "Desde $600",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/advanced-construction-coating-bucket-sle-1776711025610-46e50521.png",
-        },
-        {
-          id: "p6",
-          name: "Selladores",
-          price: "Desde $180",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/industrial-grade-sealant-tube-high-perfo-1776711033626-66752daa.png",
-        },
+        { id: "p1", name: "Impermeabilizantes", price: "Desde $850", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/professional-packaging-of-high-quality-c-1776710978742-257e2fa4.png" },
+        { id: "p2", name: "Morteros", price: "Desde $220", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/high-quality-waterproofing-liquid-bucket-1776710987558-8082ea66.png" },
+        { id: "p3", name: "Cementos", price: "Desde $250", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/construction-additive-bottle-professiona-1776711006707-4555446e.png" },
+        { id: "p4", name: "Aditivos", price: "Desde $450", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/mortar-mix-packaging-industrial-concrete-1776711016426-b5efdcb1.png" },
+        { id: "p5", name: "Recubrimientos", price: "Desde $600", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/advanced-construction-coating-bucket-sle-1776711025610-46e50521.png" },
+        { id: "p6", name: "Selladores", price: "Desde $180", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/industrial-grade-sealant-tube-high-perfo-1776711033626-66752daa.png" },
      ]}
      title="Nuestro Catálogo Profesional"
      description="Materiales de construcción diseñados para resistir las condiciones más exigentes del territorio mexicano."
@@ -188,10 +81,7 @@ export default function LandingPage() {
      useInvertedBackground={false}
      title="Calidad que construye el futuro"
      buttons={[
-        {
-          text: "Conocer más",
-          href: "#",
-        },
+        { text: "Conocer más", href: "#" },
      ]}
    />
  </div>
@@ -202,36 +92,9 @@ export default function LandingPage() {
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
-        {
-          id: "f1",
-          title: "Preparación",
-          author: "Paso 1",
-          description: "Limpieza profunda de la superficie para asegurar adherencia máxima.",
-          tags: [
-            "Preparación",
-          ],
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/professional-packaging-of-high-quality-c-1776711089503-0cab2232.png",
-        },
-        {
-          id: "f2",
-          title: "Aplicación base",
-          author: "Paso 2",
-          description: "Capa uniforme de imprimante Fixol para sellado inicial.",
-          tags: [
-            "Aplicación",
-          ],
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/high-quality-waterproofing-liquid-bucket-1776711096784-09a9bd61.png",
-        },
-        {
-          id: "f3",
-          title: "Sellado final",
-          author: "Paso 3",
-          description: "Aplicación de acabado final para máxima resistencia climática.",
-          tags: [
-            "Acabado",
-          ],
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/construction-additive-bottle-professiona-1776711105277-ec7d141e.png",
-        },
+        { id: "f1", title: "Preparación", author: "Paso 1", description: "Limpieza profunda de la superficie para asegurar adherencia máxima.", tags: ["Preparación"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/professional-packaging-of-high-quality-c-1776711089503-0cab2232.png" },
+        { id: "f2", title: "Aplicación base", author: "Paso 2", description: "Capa uniforme de imprimante Fixol para sellado inicial.", tags: ["Aplicación"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/high-quality-waterproofing-liquid-bucket-1776711096784-09a9bd61.png" },
+        { id: "f3", title: "Sellado final", author: "Paso 3", description: "Aplicación de acabado final para máxima resistencia climática.", tags: ["Acabado"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/construction-additive-bottle-professiona-1776711105277-ec7d141e.png" },
      ]}
      title="Guía de Aplicación Fixol"
      description="Logra resultados profesionales siguiendo nuestros procesos técnicos optimizados."
@@ -244,60 +107,16 @@ export default function LandingPage() {
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
-        {
-          id: "1",
-          name: "Roberto Méndez",
-          role: "Contratista",
-          company: "Méx Construcciones",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/close-up-portrait-of-a-professional-cont-1776711042173-ea1f7762.png",
-        },
-        {
-          id: "2",
-          name: "Elena Torres",
-          role: "Arquitecta",
-          company: "Torres Arquitectos",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/close-up-portrait-of-a-professional-fema-1776711051510-568aebf3.png",
-        },
-        {
-          id: "3",
-          name: "Javier López",
-          role: "Ingeniero",
-          company: "Ingeniería S.A.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/close-up-portrait-of-a-professional-cons-1776711061155-cb804508.png",
-        },
-        {
-          id: "4",
-          name: "Carla Ruiz",
-          role: "Supervisora",
-          company: "Edificios Pro",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/close-up-portrait-of-a-site-supervisor-w-1776711069687-afb99384.png",
-        },
-        {
-          id: "5",
-          name: "Miguel Saldaña",
-          role: "Dueño Ferretería",
-          company: "Ferretería El Sol",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/professional-hardware-store-manager-in-f-1776711081056-a8abaf4a.png",
-        },
+        { id: "1", name: "Roberto Méndez", role: "Contratista", company: "Méx Construcciones", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/close-up-portrait-of-a-professional-cont-1776711042173-ea1f7762.png" },
+        { id: "2", name: "Elena Torres", role: "Arquitecta", company: "Torres Arquitectos", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/close-up-portrait-of-a-professional-fema-1776711051510-568aebf3.png" },
+        { id: "3", name: "Javier López", role: "Ingeniero", company: "Ingeniería S.A.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/close-up-portrait-of-a-professional-cons-1776711061155-cb804508.png" },
+        { id: "4", name: "Carla Ruiz", role: "Supervisora", company: "Edificios Pro", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/close-up-portrait-of-a-site-supervisor-w-1776711069687-afb99384.png" },
+        { id: "5", name: "Miguel Saldaña", role: "Dueño Ferretería", company: "Ferretería El Sol", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/professional-hardware-store-manager-in-f-1776711081056-a8abaf4a.png" },
      ]}
      kpiItems={[
-        {
-          value: "98%",
-          label: "Tasa de Satisfacción",
-        },
-        {
-          value: "50+",
-          label: "Clientes Corporativos",
-        },
-        {
-          value: "12",
-          label: "Certificaciones Técnicas",
-        },
+        { value: "98%", label: "Tasa de Satisfacción" },
+        { value: "50+", label: "Clientes Corporativos" },
+        { value: "12", label: "Certificaciones Técnicas" },
      ]}
      title="Confianza de los expertos"
      description="Arquitectos y contratistas avalan nuestra calidad en cada obra."
@@ -308,15 +127,7 @@ export default function LandingPage() {
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
-      names={[
-        "CEMEX",
-        "Holcim",
-        "Construrama",
-        "Fester",
-        "Sika",
-        "Cemix",
-        "Ferreterías México",
-      ]}
+      names={["CEMEX", "Holcim", "Construrama", "Fester", "Sika", "Cemix", "Ferreterías México"]}
      title="Nuestros Aliados y Certificaciones"
      description="Respaldados por los estándares más altos de la industria."
    />
@@ -325,9 +136,7 @@ export default function LandingPage() {
  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
      tag="Contacto"
      title="Hablemos de su proyecto"
      description="Envíenos sus datos y un especialista técnico le contactará para asesorarle sobre nuestras soluciones Fixol."
@@ -339,49 +148,29 @@ export default function LandingPage() {
      columns={[
        {
          items: [
-            {
-              label: "Productos",
-              href: "#products",
-            },
-            {
-              label: "Nosotros",
-              href: "#why-fixol",
-            },
-            {
-              label: "Contacto",
-              href: "#contact",
-            },
+            { label: "Productos", href: "#products" },
+            { label: "Nosotros", href: "#why-fixol" },
+            { label: "Contacto", href: "#contact" },
          ],
        },
        {
          items: [
-            {
-              label: "Privacidad",
-              href: "#",
-            },
-            {
-              label: "Términos",
-              href: "#",
-            },
+            { label: "Privacidad", href: "#" },
+            { label: "Términos", href: "#" },
          ],
        },
        {
          items: [
-            {
-              label: "Facebook",
-              href: "#",
-            },
-            {
-              label: "WhatsApp",
-              href: "#",
-            },
+            { label: "Facebook", href: "#" },
+            { label: "WhatsApp", href: "#" },
          ],
        },
      ]}
      logoText="Fixol México"
+      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/uploaded-1776711394790-novnaxo0.png"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -11,7 +11,7 @@ html {
 body {
  background-color: var(--background);
  color: var(--foreground);
-  font-family: var(--font-dm-sans), sans-serif;
+  font-family: var(--font-poppins), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-dm-sans), sans-serif;
+  font-family: var(--font-poppins), sans-serif;
 }
Author	SHA1	Message	Date
bender	cf33b386da	Merge version_5 into main Merge version_5 into main	2026-04-20 19:05:00 +00:00
bender	5ad8518b09	Update src/app/page.tsx	2026-04-20 19:04:56 +00:00
bender	a107dcbab9	Merge version_5 into main Merge version_5 into main	2026-04-20 19:04:20 +00:00
bender	1c321b035d	Update theme fonts	2026-04-20 19:04:17 +00:00
bender	6094586b71	Update theme fonts	2026-04-20 19:04:16 +00:00
bender	605c52df91	Merge version_5 into main Merge version_5 into main	2026-04-20 19:04:14 +00:00
bender	ddc81b7a0e	Update theme fonts	2026-04-20 19:04:11 +00:00
bender	f18263a93d	Update theme fonts	2026-04-20 19:04:10 +00:00
bender	5f349a9dcb	Merge version_5 into main Merge version_5 into main	2026-04-20 19:03:15 +00:00
bender	b3f715b3bf	Update theme fonts	2026-04-20 19:03:12 +00:00
bender	2aaaa206a0	Update theme fonts	2026-04-20 19:03:11 +00:00
bender	e1648d3402	Merge version_5 into main Merge version_5 into main	2026-04-20 18:58:55 +00:00
bender	dc84518a84	Update src/app/page.tsx	2026-04-20 18:58:51 +00:00
bender	d055946c64	Merge version_4 into main Merge version_4 into main	2026-04-20 18:56:51 +00:00
bender	a4ef4e1c15	Update src/app/page.tsx	2026-04-20 18:56:48 +00:00
bender	1a7458a173	Merge version_3 into main Merge version_3 into main	2026-04-20 18:54:03 +00:00
bender	1dcb8b361d	Update src/app/page.tsx	2026-04-20 18:53:59 +00:00
bender	d841feaf02	Merge version_2 into main Merge version_2 into main	2026-04-20 18:53:14 +00:00