Merge version_1 into main #2
197
src/app/page.tsx
197
src/app/page.tsx
@@ -32,49 +32,34 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Inicio", id: "#hero"},
|
||||
{
|
||||
name: "Nosotros",
|
||||
id: "#about",
|
||||
},
|
||||
name: "Nosotros", id: "#about"},
|
||||
{
|
||||
name: "Productos",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Productos", id: "#products"},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contacto", id: "#contact"},
|
||||
]}
|
||||
brandName="FIXOL"
|
||||
button={{
|
||||
text: "Distribuidores",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Distribuidores", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboardSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
logoText="FIXOL"
|
||||
description="Fuerza, adherencia y confianza en cada proyecto. Soluciones profesionales para pegar, recubrir y construir con la calidad de FIXOL."
|
||||
buttons={[
|
||||
{
|
||||
text: "Ver productos",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Ver productos", href: "#products"},
|
||||
{
|
||||
text: "Contactar",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contactar", href: "#contact"},
|
||||
]}
|
||||
layoutOrder="default"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/ultra-realistic-shot-of-a-professional-m-1774992297042-ffa2ec4c.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/ultra-realistic-shot-of-a-professional-m-1774992297042-ffa2ec4c.png"
|
||||
imageAlt="FIXOL Hero Product"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -85,7 +70,6 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
tag="Expertos en Construcción"
|
||||
title="Somos FIXOL"
|
||||
description="Con décadas de experiencia en el sector, en FIXOL nos dedicamos a desarrollar adhesivos, morteros y aditivos de grado industrial. Nuestra misión es facilitar el trabajo de los profesionales de la construcción, garantizando resultados duraderos y acabados perfectos en cada obra."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -97,29 +81,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Adhesivos",
|
||||
price: "Soluciones para pisos y porcelanatos",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/close-up-of-tile-placement-on-floor-adhe-1774992297853-630bb75d.png?_wi=1",
|
||||
},
|
||||
id: "p1", name: "Adhesivos", price: "Soluciones para pisos y porcelanatos", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/close-up-of-tile-placement-on-floor-adhe-1774992297853-630bb75d.png"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Recubrimientos",
|
||||
price: "Acabados finos y resistentes",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/smooth-wall-finish-application-plaster-t-1774992295768-01eb4973.png?_wi=1",
|
||||
},
|
||||
id: "p2", name: "Recubrimientos", price: "Acabados finos y resistentes", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/smooth-wall-finish-application-plaster-t-1774992295768-01eb4973.png"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Aditivos",
|
||||
price: "Mejora el desempeño de materiales",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/mixing-construction-materials-in-a-bucke-1774992296702-a523a1af.png",
|
||||
},
|
||||
id: "p3", name: "Aditivos", price: "Mejora el desempeño de materiales", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/mixing-construction-materials-in-a-bucke-1774992296702-a523a1af.png"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Especializados",
|
||||
price: "Acabados arquitectónicos premium",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/modern-polished-concrete-floor-architect-1774992295938-d2ff23e8.png",
|
||||
},
|
||||
id: "p4", name: "Especializados", price: "Acabados arquitectónicos premium", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/modern-polished-concrete-floor-architect-1774992295938-d2ff23e8.png"},
|
||||
]}
|
||||
title="Categorías de Producto"
|
||||
description="Soluciones de alta calidad para cada etapa de tu obra."
|
||||
@@ -133,55 +101,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Fixol Total",
|
||||
description: "Adhesivo multi-superficie de adherencia extrema.",
|
||||
icon: CheckCircle,
|
||||
title: "Fixol Total", description: "Adhesivo multi-superficie de adherencia extrema.", icon: CheckCircle,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/product-bag-of-fixol-total-premium-indus-1774992297242-e99188b0.png?_wi=1",
|
||||
imageAlt: "Fixol Total",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/product-bag-of-fixol-total-premium-indus-1774992297242-e99188b0.png", imageAlt: "Fixol Total"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/product-bag-of-fixol-total-premium-indus-1774992297242-e99188b0.png?_wi=2",
|
||||
imageAlt: "Fixol Total",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/product-bag-of-fixol-total-premium-indus-1774992297242-e99188b0.png", imageAlt: "Fixol Total"},
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/ultra-realistic-shot-of-a-professional-m-1774992297042-ffa2ec4c.png?_wi=2",
|
||||
imageAlt: "Ultra-realistic shot of a professional Mexican construction worker applying adhesive using a trowel ",
|
||||
},
|
||||
{
|
||||
title: "Pegaturbo",
|
||||
description: "Secado rápido para entregas inmediatas.",
|
||||
icon: Zap,
|
||||
title: "Pegaturbo", description: "Secado rápido para entregas inmediatas.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/product-bag-of-fixol-total-premium-indus-1774992297242-e99188b0.png?_wi=3",
|
||||
imageAlt: "Pegaturbo",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/product-bag-of-fixol-total-premium-indus-1774992297242-e99188b0.png", imageAlt: "Pegaturbo"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/product-bag-of-fixol-total-premium-indus-1774992297242-e99188b0.png?_wi=4",
|
||||
imageAlt: "Pegaturbo",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/product-bag-of-fixol-total-premium-indus-1774992297242-e99188b0.png", imageAlt: "Pegaturbo"},
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/close-up-of-tile-placement-on-floor-adhe-1774992297853-630bb75d.png?_wi=2",
|
||||
imageAlt: "Close-up of tile placement on floor, adhesive texture visible, professional Mexican construction sit",
|
||||
},
|
||||
{
|
||||
title: "Unicerámica",
|
||||
description: "Calidad inigualable para cerámica tradicional.",
|
||||
icon: Shield,
|
||||
title: "Unicerámica", description: "Calidad inigualable para cerámica tradicional.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/product-bag-of-fixol-total-premium-indus-1774992297242-e99188b0.png?_wi=5",
|
||||
imageAlt: "Unicerámica",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/product-bag-of-fixol-total-premium-indus-1774992297242-e99188b0.png", imageAlt: "Unicerámica"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/product-bag-of-fixol-total-premium-indus-1774992297242-e99188b0.png?_wi=6",
|
||||
imageAlt: "Unicerámica",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/product-bag-of-fixol-total-premium-indus-1774992297242-e99188b0.png", imageAlt: "Unicerámica"},
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/smooth-wall-finish-application-plaster-t-1774992295768-01eb4973.png?_wi=2",
|
||||
imageAlt: "Smooth wall finish application, plaster texture, refined construction surfaces, professional industr",
|
||||
},
|
||||
]}
|
||||
title="Productos Destacados"
|
||||
@@ -196,31 +140,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "Alta",
|
||||
title: "Adherencia",
|
||||
items: [
|
||||
"Seguridad garantizada",
|
||||
"Agarre potente",
|
||||
],
|
||||
id: "m1", value: "Alta", title: "Adherencia", items: [
|
||||
"Seguridad garantizada", "Agarre potente"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Máxima",
|
||||
title: "Resistencia",
|
||||
items: [
|
||||
"Durabilidad extrema",
|
||||
"Calidad comprobada",
|
||||
],
|
||||
id: "m2", value: "Máxima", title: "Resistencia", items: [
|
||||
"Durabilidad extrema", "Calidad comprobada"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Fino",
|
||||
title: "Acabado",
|
||||
items: [
|
||||
"Estética impecable",
|
||||
"Resultado profesional",
|
||||
],
|
||||
id: "m3", value: "Fino", title: "Acabado", items: [
|
||||
"Estética impecable", "Resultado profesional"],
|
||||
},
|
||||
]}
|
||||
title="¿Por qué elegir FIXOL?"
|
||||
@@ -235,45 +164,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Pedro Sánchez",
|
||||
handle: "Albañil Maestro",
|
||||
testimonial: "FIXOL cambió mi forma de trabajar. Rendimiento garantizado.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/authentic-portrait-of-a-mexican-construc-1774992295259-c9cda0d8.png?_wi=1",
|
||||
},
|
||||
id: "t1", name: "Pedro Sánchez", handle: "Albañil Maestro", testimonial: "FIXOL cambió mi forma de trabajar. Rendimiento garantizado.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/authentic-portrait-of-a-mexican-construc-1774992295259-c9cda0d8.png"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Arq. María López",
|
||||
handle: "Arquitecta",
|
||||
testimonial: "El acabado profesional que mis clientes exigen.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/portrait-of-a-mexican-architect-on-a-con-1774992296676-0e257c11.png?_wi=1",
|
||||
},
|
||||
id: "t2", name: "Arq. María López", handle: "Arquitecta", testimonial: "El acabado profesional que mis clientes exigen.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/portrait-of-a-mexican-architect-on-a-con-1774992296676-0e257c11.png"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Carlos Ruiz",
|
||||
handle: "Distribuidor",
|
||||
testimonial: "La mejor relación costo-beneficio del mercado.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/portrait-of-a-mexican-hardware-store-man-1774992296238-07a2e307.png",
|
||||
},
|
||||
id: "t3", name: "Carlos Ruiz", handle: "Distribuidor", testimonial: "La mejor relación costo-beneficio del mercado.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/portrait-of-a-mexican-hardware-store-man-1774992296238-07a2e307.png"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Juan Pérez",
|
||||
handle: "Contratista",
|
||||
testimonial: "Confianza total en cada bulto de material.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/authentic-portrait-of-a-mexican-construc-1774992295259-c9cda0d8.png?_wi=2",
|
||||
},
|
||||
id: "t4", name: "Juan Pérez", handle: "Contratista", testimonial: "Confianza total en cada bulto de material.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/authentic-portrait-of-a-mexican-construc-1774992295259-c9cda0d8.png"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena Martínez",
|
||||
handle: "Ingeniera Civil",
|
||||
testimonial: "La consistencia de sus productos es impecable, siempre elijo FIXOL.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/portrait-of-a-mexican-architect-on-a-con-1774992296676-0e257c11.png?_wi=2",
|
||||
},
|
||||
id: "t5", name: "Elena Martínez", handle: "Ingeniera Civil", testimonial: "La consistencia de sus productos es impecable, siempre elijo FIXOL.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/portrait-of-a-mexican-architect-on-a-con-1774992296676-0e257c11.png"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Confianza que se construye"
|
||||
@@ -285,8 +189,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contacto"
|
||||
title="Lleva FIXOL a tu próxima obra"
|
||||
description="Habla con un asesor experto y encuentra el distribuidor más cercano."
|
||||
@@ -301,29 +204,19 @@ export default function LandingPage() {
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bj9QTSAxJIhIECN10nEKrQar5O/professional-minimalist-fixol-logo-white-1774992293805-dd534746.png"
|
||||
columns={[
|
||||
{
|
||||
title: "FIXOL",
|
||||
items: [
|
||||
title: "FIXOL", items: [
|
||||
{
|
||||
label: "Productos",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Productos", href: "#products"},
|
||||
{
|
||||
label: "Nosotros",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Nosotros", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contacto",
|
||||
items: [
|
||||
title: "Contacto", items: [
|
||||
{
|
||||
label: "Hablar con asesor",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Hablar con asesor", href: "#contact"},
|
||||
{
|
||||
label: "Distribuidores",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Distribuidores", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user