Merge version_5 into main #4
109
src/app/page.tsx
109
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 HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||
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';
|
||||
@@ -44,19 +44,16 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
logoText=""
|
||||
description="Impermeabilizantes, cementos y aditivos de alta resistencia para arquitectos, constructores y proyectos que exigen calidad superior."
|
||||
<HeroBillboard
|
||||
title="Calidad Superior en Construcción"
|
||||
description="Impermeabilizantes, cementos y aditivos de alta resistencia para arquitectos, constructores y proyectos que exigen resultados profesionales."
|
||||
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"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -67,18 +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."
|
||||
@@ -90,8 +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>
|
||||
@@ -102,18 +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."
|
||||
@@ -126,29 +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."
|
||||
@@ -159,8 +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."
|
||||
/>
|
||||
@@ -169,8 +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."
|
||||
@@ -182,28 +148,21 @@ 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: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -214,4 +173,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user