Update src/app/page.tsx
This commit is contained in:
271
src/app/page.tsx
271
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Inicio", id: "hero"},
|
||||
{
|
||||
name: "Sobre Nosotros",
|
||||
id: "about",
|
||||
},
|
||||
name: "Sobre Nosotros", id: "about"},
|
||||
{
|
||||
name: "Productos",
|
||||
id: "products",
|
||||
},
|
||||
name: "Productos", id: "products"},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contacto", id: "contact"},
|
||||
]}
|
||||
brandName="Ceramiques Cabestany"
|
||||
/>
|
||||
@@ -56,113 +48,63 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Excelencia en Materiales de Construcción"
|
||||
description="Cerámicas Cabestany S.L. es su proveedor de confianza en Sant Pere de Riudebitlles. Profesionalidad, seriedad y una selección exclusiva de materiales de primera calidad."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/iron-steel-material-storage_1127-3261.jpg",
|
||||
imageAlt: "Luxury tile collection",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/iron-steel-material-storage_1127-3261.jpg", imageAlt: "Luxury tile collection"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-with-heavy-wooden-materials_23-2148976280.jpg",
|
||||
imageAlt: "Professional building materials",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-with-heavy-wooden-materials_23-2148976280.jpg", imageAlt: "Professional building materials"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-store-chooses-wallpaper-her-home_169016-6156.jpg",
|
||||
imageAlt: "Quality construction supply",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-store-chooses-wallpaper-her-home_169016-6156.jpg", imageAlt: "Quality construction supply"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-measuring-tools-still-life_23-2150440937.jpg",
|
||||
imageAlt: "Diverse ceramic inventory",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-measuring-tools-still-life_23-2150440937.jpg", imageAlt: "Diverse ceramic inventory"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-stone-building-design_23-2148252752.jpg",
|
||||
imageAlt: "Expert material advice",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-stone-building-design_23-2148252752.jpg", imageAlt: "Expert material advice"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/industrial-worker-indoors-factory-businessman-with-orange-hard-hat-man-blue-shirt_1157-40902.jpg",
|
||||
imageAlt: "Reliable construction hardware",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/industrial-worker-indoors-factory-businessman-with-orange-hard-hat-man-blue-shirt_1157-40902.jpg", imageAlt: "Reliable construction hardware"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-with-face-mask-writing-notes-while-checking-inventory-workshop_637285-11723.jpg",
|
||||
imageAlt: "Professional showroom",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-with-face-mask-writing-notes-while-checking-inventory-workshop_637285-11723.jpg", imageAlt: "Professional showroom"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brick-piles-placed-factory-floor_1150-15097.jpg",
|
||||
imageAlt: "Modern stone textures",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brick-piles-placed-factory-floor_1150-15097.jpg", imageAlt: "Modern stone textures"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-measuring-tools-desk_23-2150440974.jpg",
|
||||
imageAlt: "Diverse flooring options",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-measuring-tools-desk_23-2150440974.jpg", imageAlt: "Diverse flooring options"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-shopping-mall_1203-713.jpg",
|
||||
imageAlt: "High-end wall supplies",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-shopping-mall_1203-713.jpg", imageAlt: "High-end wall supplies"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Ver Catálogo",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Ver Catálogo", href: "#products"},
|
||||
{
|
||||
text: "Contáctanos",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contáctanos", href: "#contact"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hallway-building_23-2149397577.jpg",
|
||||
alt: "Team member 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/hallway-building_23-2149397577.jpg", alt: "Team member 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/image-windows-morden-office-building_1112-928.jpg",
|
||||
alt: "Team member 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/image-windows-morden-office-building_1112-928.jpg", alt: "Team member 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-couple-choosing-tiles-building-market_1303-26795.jpg",
|
||||
alt: "Team member 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-couple-choosing-tiles-building-market_1303-26795.jpg", alt: "Team member 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-measuring-tools-still-life_23-2150440971.jpg",
|
||||
alt: "Team member 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-measuring-tools-still-life_23-2150440971.jpg", alt: "Team member 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-decorative-vinyls-arrangement_23-2149728637.jpg",
|
||||
alt: "Team member 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/view-decorative-vinyls-arrangement_23-2149728637.jpg", alt: "Team member 5"},
|
||||
]}
|
||||
avatarText="Equipo de expertos a su disposición"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/wood-different-types_23-2147773368.jpg",
|
||||
alt: "Logo A",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/wood-different-types_23-2147773368.jpg", alt: "Logo A"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/industry-construction-equipments-inside-storehouse-factory_114579-2836.jpg",
|
||||
alt: "Logo B",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/industry-construction-equipments-inside-storehouse-factory_114579-2836.jpg", alt: "Logo B"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/brutalist-inspiration-architecture-background_23-2149162826.jpg",
|
||||
alt: "Logo C",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/brutalist-inspiration-architecture-background_23-2149162826.jpg", alt: "Logo C"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/industrial-worker-indoors-factory-businessman-with-orange-hard-hat-man-blue-shirt_1157-40907.jpg",
|
||||
alt: "Logo D",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/industrial-worker-indoors-factory-businessman-with-orange-hard-hat-man-blue-shirt_1157-40907.jpg", alt: "Logo D"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/industrial-worker-indoors-factory-businessman-with-orange-hard-hat-man-blue-shirt_1157-40904.jpg",
|
||||
alt: "Logo E",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/industrial-worker-indoors-factory-businessman-with-orange-hard-hat-man-blue-shirt_1157-40904.jpg", alt: "Logo E"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -173,9 +115,7 @@ export default function LandingPage() {
|
||||
title="Profesionalidad y seriedad a su servicio"
|
||||
buttons={[
|
||||
{
|
||||
text: "Más sobre nosotros",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Más sobre nosotros", href: "#about"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -188,20 +128,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Calidad Superior",
|
||||
description: "Seleccionamos los mejores materiales del mercado para sus obras.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-drafts-rulers_23-2147785544.jpg",
|
||||
},
|
||||
title: "Calidad Superior", description: "Seleccionamos los mejores materiales del mercado para sus obras.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-drafts-rulers_23-2147785544.jpg"},
|
||||
{
|
||||
title: "Asesoramiento Experto",
|
||||
description: "Atención personalizada para elegir las mejores opciones para usted.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/men-working-cutting-mdf-board_23-2149384801.jpg",
|
||||
},
|
||||
title: "Asesoramiento Experto", description: "Atención personalizada para elegir las mejores opciones para usted.", imageSrc: "http://img.b2bpic.net/free-photo/men-working-cutting-mdf-board_23-2149384801.jpg"},
|
||||
{
|
||||
title: "Servicio Eficiente",
|
||||
description: "Logística rápida y fiable en Sant Pere de Riudebitlles y alrededores.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/employees-check-warehouse-inventory_482257-75292.jpg",
|
||||
},
|
||||
title: "Servicio Eficiente", description: "Logística rápida y fiable en Sant Pere de Riudebitlles y alrededores.", imageSrc: "http://img.b2bpic.net/free-photo/employees-check-warehouse-inventory_482257-75292.jpg"},
|
||||
]}
|
||||
title="Nuestros Compromisos"
|
||||
description="Garantizamos la máxima calidad en cada uno de nuestros suministros para sus proyectos."
|
||||
@@ -210,46 +141,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Cerámica de Alta Gama",
|
||||
price: "Consular",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349210.jpg",
|
||||
},
|
||||
id: "p1", name: "Cerámica de Alta Gama", price: "Consular", imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349210.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Revestimientos Modernos",
|
||||
price: "Consular",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-concrete-interior-with-architectural-columns-structures_1048-17299.jpg",
|
||||
},
|
||||
id: "p2", name: "Revestimientos Modernos", price: "Consular", imageSrc: "http://img.b2bpic.net/free-photo/3d-concrete-interior-with-architectural-columns-structures_1048-17299.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Piedra Natural",
|
||||
price: "Consular",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-brick-wall-with-stones_23-2147625861.jpg",
|
||||
},
|
||||
id: "p3", name: "Piedra Natural", price: "Consular", imageSrc: "http://img.b2bpic.net/free-photo/old-brick-wall-with-stones_23-2147625861.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Cerámica Industrial",
|
||||
price: "Consular",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-half-loaves-tandoori-bread-marble_114579-24192.jpg",
|
||||
},
|
||||
id: "p4", name: "Cerámica Industrial", price: "Consular", imageSrc: "http://img.b2bpic.net/free-photo/two-half-loaves-tandoori-bread-marble_114579-24192.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Azulejos Decorativos",
|
||||
price: "Consular",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ceramic-tile-wall-scratched-background-texture-concept_53876-31742.jpg",
|
||||
},
|
||||
id: "p5", name: "Azulejos Decorativos", price: "Consular", imageSrc: "http://img.b2bpic.net/free-photo/ceramic-tile-wall-scratched-background-texture-concept_53876-31742.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Mármol Premium",
|
||||
price: "Consular",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-white-cabbage-center-green-hot-peppers_114579-82724.jpg",
|
||||
},
|
||||
id: "p6", name: "Mármol Premium", price: "Consular", imageSrc: "http://img.b2bpic.net/free-photo/top-view-white-cabbage-center-green-hot-peppers_114579-82724.jpg"},
|
||||
]}
|
||||
title="Catálogo de Materiales"
|
||||
description="Una amplia gama de cerámicas, piedras y materiales de construcción de alta gama."
|
||||
@@ -264,25 +172,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "44+",
|
||||
title: "Reseñas de Confianza",
|
||||
description: "Nuestros clientes avalan nuestra calidad.",
|
||||
icon: Star,
|
||||
id: "m1", value: "44+", title: "Reseñas de Confianza", description: "Nuestros clientes avalan nuestra calidad.", icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "4.7",
|
||||
title: "Valoración Media",
|
||||
description: "Compromiso absoluto con el servicio.",
|
||||
icon: Award,
|
||||
id: "m2", value: "4.7", title: "Valoración Media", description: "Compromiso absoluto con el servicio.", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Compromiso",
|
||||
description: "Atención profesional y dedicada.",
|
||||
icon: Shield,
|
||||
id: "m3", value: "100%", title: "Compromiso", description: "Atención profesional y dedicada.", icon: Shield,
|
||||
},
|
||||
]}
|
||||
title="Nuestra Trayectoria"
|
||||
@@ -297,40 +193,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Lilia Johanna Suárez",
|
||||
role: "Cliente",
|
||||
testimonial: "Un sitio muy completo y diligente. ¡Me gusta!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-raised-fist-celebrating_1187-3131.jpg",
|
||||
},
|
||||
id: "t1", name: "Lilia Johanna Suárez", role: "Cliente", testimonial: "Un sitio muy completo y diligente. ¡Me gusta!", imageSrc: "http://img.b2bpic.net/free-photo/man-with-raised-fist-celebrating_1187-3131.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Pedro Zamora",
|
||||
role: "Cliente",
|
||||
testimonial: "Excelente atención y un gran surtido de materiales de construcción y ferretería.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-gay-couple-balcony_74855-20307.jpg",
|
||||
},
|
||||
id: "t2", name: "Pedro Zamora", role: "Cliente", testimonial: "Excelente atención y un gran surtido de materiales de construcción y ferretería.", imageSrc: "http://img.b2bpic.net/free-photo/happy-gay-couple-balcony_74855-20307.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Guillem Codina",
|
||||
role: "Cliente",
|
||||
testimonial: "Muy buen sitio para materiales de todo tipo, servicio al cliente y asesoramiento muy bueno.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-painting-wall_23-2147782321.jpg",
|
||||
},
|
||||
id: "t3", name: "Guillem Codina", role: "Cliente", testimonial: "Muy buen sitio para materiales de todo tipo, servicio al cliente y asesoramiento muy bueno.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-painting-wall_23-2147782321.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Cliente Anónimo",
|
||||
role: "Profesional",
|
||||
testimonial: "Profesionalidad y seriedad, un gran equipo.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-professional-architecture-holding-clipboard-construction-site_23-2148204025.jpg",
|
||||
},
|
||||
id: "t4", name: "Cliente Anónimo", role: "Profesional", testimonial: "Profesionalidad y seriedad, un gran equipo.", imageSrc: "http://img.b2bpic.net/free-photo/happy-professional-architecture-holding-clipboard-construction-site_23-2148204025.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Cliente Anónimo",
|
||||
role: "Reformista",
|
||||
testimonial: "Muy buen trato, buen servicio, buena gente.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-sales-woman-choosing-tiles-building-market_1303-26799.jpg",
|
||||
},
|
||||
id: "t5", name: "Cliente Anónimo", role: "Reformista", testimonial: "Muy buen trato, buen servicio, buena gente.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-sales-woman-choosing-tiles-building-market_1303-26799.jpg"},
|
||||
]}
|
||||
title="Lo que dicen de nosotros"
|
||||
description="Nuestros clientes confían en nuestra seriedad y profesionalidad."
|
||||
@@ -343,20 +214,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "¿Dónde se ubican?",
|
||||
content: "Estamos en BP-2151, 18, 08776 Sant Pere de Riudebitlles, Barcelona.",
|
||||
},
|
||||
id: "f1", title: "¿Dónde se ubican?", content: "Estamos en BP-2151, 18, 08776 Sant Pere de Riudebitlles, Barcelona."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "¿Tienen asesoramiento?",
|
||||
content: "Sí, nuestro equipo ofrece asesoramiento personalizado para cada proyecto.",
|
||||
},
|
||||
id: "f2", title: "¿Tienen asesoramiento?", content: "Sí, nuestro equipo ofrece asesoramiento personalizado para cada proyecto."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "¿Qué materiales venden?",
|
||||
content: "Contamos con una amplia gama de materiales de construcción, ferretería y cerámica de alta calidad.",
|
||||
},
|
||||
id: "f3", title: "¿Qué materiales venden?", content: "Contamos con una amplia gama de materiales de construcción, ferretería y cerámica de alta calidad."},
|
||||
]}
|
||||
title="Preguntas Frecuentes"
|
||||
description="Resolvemos sus dudas sobre materiales y servicios."
|
||||
@@ -368,14 +230,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Estamos a su disposición en Sant Pere de Riudebitlles. Contacte con nosotros para cualquier consulta o presupuesto sin compromiso."
|
||||
buttons={[
|
||||
{
|
||||
text: "Llamar ahora: 938 99 52 65",
|
||||
href: "tel:938995265",
|
||||
},
|
||||
text: "Llamar ahora: 938 99 52 65", href: "tel:938995265"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -386,41 +245,27 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Inicio",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Inicio", href: "#hero"},
|
||||
{
|
||||
label: "Sobre Nosotros",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Sobre Nosotros", href: "#about"},
|
||||
{
|
||||
label: "Productos",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Productos", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contacto",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contacto", href: "#contact"},
|
||||
{
|
||||
label: "Dirección",
|
||||
href: "#",
|
||||
},
|
||||
label: "Dirección", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Política de Privacidad",
|
||||
href: "#",
|
||||
},
|
||||
label: "Política de Privacidad", href: "#"},
|
||||
{
|
||||
label: "Aviso Legal",
|
||||
href: "#",
|
||||
},
|
||||
label: "Aviso Legal", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user