Merge version_3 into main #2
267
src/app/page.tsx
267
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 HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
@@ -31,106 +31,32 @@ 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"
|
||||
<HeroLogoBillboard
|
||||
logoText="Fixol"
|
||||
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}
|
||||
buttons={[
|
||||
{
|
||||
text: "Ver Productos",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Ver Productos", href: "#products"},
|
||||
{
|
||||
text: "Contáctanos",
|
||||
href: "#contact",
|
||||
},
|
||||
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>
|
||||
|
||||
@@ -142,41 +68,17 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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: "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: "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: "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."
|
||||
@@ -189,9 +91,7 @@ export default function LandingPage() {
|
||||
title="Calidad que construye el futuro"
|
||||
buttons={[
|
||||
{
|
||||
text: "Conocer más",
|
||||
href: "#",
|
||||
},
|
||||
text: "Conocer más", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -203,35 +103,17 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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."
|
||||
@@ -245,59 +127,28 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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: "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: "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: "98%", label: "Tasa de Satisfacción"},
|
||||
{
|
||||
value: "50+",
|
||||
label: "Clientes Corporativos",
|
||||
},
|
||||
value: "50+", label: "Clientes Corporativos"},
|
||||
{
|
||||
value: "12",
|
||||
label: "Certificaciones Técnicas",
|
||||
},
|
||||
value: "12", label: "Certificaciones Técnicas"},
|
||||
]}
|
||||
title="Confianza de los expertos"
|
||||
description="Arquitectos y contratistas avalan nuestra calidad en cada obra."
|
||||
@@ -309,14 +160,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"CEMEX",
|
||||
"Holcim",
|
||||
"Construrama",
|
||||
"Fester",
|
||||
"Sika",
|
||||
"Cemix",
|
||||
"Ferreterías México",
|
||||
]}
|
||||
"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."
|
||||
/>
|
||||
@@ -326,8 +170,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
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."
|
||||
@@ -340,41 +183,27 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Productos",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Productos", href: "#products"},
|
||||
{
|
||||
label: "Nosotros",
|
||||
href: "#why-fixol",
|
||||
},
|
||||
label: "Nosotros", href: "#why-fixol"},
|
||||
{
|
||||
label: "Contacto",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contacto", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacidad",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacidad", href: "#"},
|
||||
{
|
||||
label: "Términos",
|
||||
href: "#",
|
||||
},
|
||||
label: "Términos", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
label: "Facebook", href: "#"},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "#",
|
||||
},
|
||||
label: "WhatsApp", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user