311 lines
18 KiB
TypeScript
311 lines
18 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
|
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import { Award, Users, CheckCircle, Clock, Square, Wrench, AlertCircle, Star, Hammer, Image, Phone, Building2, HelpCircle, MessageCircle, MapPin, Mail } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="none"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="Cristales Laclau"
|
|
navItems={[
|
|
{ name: "Inicio", id: "hero" },
|
|
{ name: "Servicios", id: "services" },
|
|
{ name: "Trabajos", id: "gallery" },
|
|
{ name: "Contacto", id: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboard
|
|
title="Vidrios y Espejos a Medida en Villa Carlos Paz"
|
|
description="Instalación rápida, atención personalizada y precios accesibles. Soluciones de cristalería para tu hogar y comercio."
|
|
background={{ variant: "plain" }}
|
|
tag="Atención por sus dueños"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Llamar Ahora", href: "tel:+543541234567" },
|
|
{ text: "Pedir Presupuesto", href: "#contact" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/man-browsing-digital-tablet-office_329181-15800.jpg"
|
|
imageAlt="Instalación profesional de vidrios y espejos modernos"
|
|
mediaAnimation="blur-reveal"
|
|
ariaLabel="Hero section - Cristalería profesional"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentyFive
|
|
title="Nuestros Servicios Principales"
|
|
description="Ofrecemos soluciones completas de cristalería con atención personalizada y garantía de calidad en cada proyecto."
|
|
tag="Servicios"
|
|
tagIcon={Hammer}
|
|
tagAnimation="blur-reveal"
|
|
features={[
|
|
{
|
|
title: "Vidrios a Medida", description: "Fabricación e instalación de vidrios personalizados para ventanas, puertas, mamparas y estructuras. Medidas exactas y calidad premium.", icon: Square,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-brushes-water_23-2148014164.jpg", imageAlt: "Proceso de fabricación de vidrios a medida"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/light-lamp-decoration-interior_74190-6674.jpg", imageAlt: "Instalación de vidrio personalizado completada"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Espejos Personalizados", description: "Diseño e instalación de espejos decorativos y funcionales. Desde baños modernos hasta espejos de diseño para interiores.", icon: Star,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-turning-off-light-bulb-energy-crisis_23-2150061810.jpg", imageAlt: "Espejos decorativos y funcionales"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-vector/several-ornamental-wedding-frames_23-2147581865.jpg", imageAlt: "Espejo personalizado en habitación moderna"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Instalaciones Profesionales", description: "Servicio completo de instalación con precisión y cuidado. Nuestro equipo se encarga de todo, desde medición hasta colocación final.", icon: Wrench,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-expert-brainstorms-with-colleague-improve-efficiency_482257-118027.jpg", imageAlt: "Equipo profesional realizando instalación"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/shower-with-handle_1203-481.jpg", imageAlt: "Instalación de estructura de vidrio completada"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Reparaciones Urgentes", description: "Atención rápida para reparaciones de emergencia. Vidrios rotos, espejos dañados y más. Respuesta inmediata.", icon: AlertCircle,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-measures-wood-with-angle-tool-makes-notes_169016-13096.jpg", imageAlt: "Servicio de reparación de emergencia"
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-plants-pot-vase-bookshelf-decor-business-office-shelves-with-decorative-houseplants-flowerpots-fresh-environment-natural-potted-decorations_482257-29786.jpg", imageAlt: "Reparación completada y funcional"
|
|
}
|
|
]
|
|
}
|
|
]}
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[{ text: "Consultar Servicio", href: "#contact" }]}
|
|
buttonAnimation="blur-reveal"
|
|
ariaLabel="Servicios de cristalería disponibles"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
title="Por Qué Elegir Cristales Laclau"
|
|
metrics={[
|
|
{ icon: Award, label: "Años de Experiencia", value: "25+" },
|
|
{ icon: Users, label: "Clientes Satisfechos", value: "500+" },
|
|
{ icon: CheckCircle, label: "Proyectos Completados", value: "1000+" },
|
|
{ icon: Clock, label: "Respuesta Rápida", value: "24h" }
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={true}
|
|
ariaLabel="Métricas y logros de la empresa"
|
|
/>
|
|
</div>
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
<ProductCardThree
|
|
title="Galería de Trabajos Realizados"
|
|
description="Conocé los proyectos completados con éxito. Vidrios, espejos e instalaciones de calidad en Villa Carlos Paz."
|
|
tag="Nuestro Portafolio"
|
|
tagIcon={Image}
|
|
tagAnimation="blur-reveal"
|
|
products={[
|
|
{
|
|
id: "work-1", name: "Partición de Vidrio - Oficina Moderna", price: "Consultar", imageSrc: "http://img.b2bpic.net/free-photo/light-lamp-decoration-interior_74190-6674.jpg", imageAlt: "Partición de vidrio en oficina moderna"
|
|
},
|
|
{
|
|
id: "work-2", name: "Mamparas para Baño - Diseño Contemporáneo", price: "Consultar", imageSrc: "http://img.b2bpic.net/free-photo/shower-with-handle_1203-481.jpg", imageAlt: "Mamparas de vidrio en baño de lujo"
|
|
},
|
|
{
|
|
id: "work-3", name: "Frente Comercial - Vidrio Templado", price: "Consultar", imageSrc: "http://img.b2bpic.net/free-photo/students-standing-college_23-2147678954.jpg", imageAlt: "Frente comercial con vidrio templado"
|
|
},
|
|
{
|
|
id: "work-4", name: "Espejos Decorativos - Diseño Exclusivo", price: "Consultar", imageSrc: "http://img.b2bpic.net/free-vector/several-ornamental-wedding-frames_23-2147581865.jpg", imageAlt: "Espejos decorativos en habitación"
|
|
},
|
|
{
|
|
id: "work-5", name: "Vidrieras para Cocina - Acabado Premium", price: "Consultar", imageSrc: "http://img.b2bpic.net/free-photo/close-up-modern-plants-pot-vase-bookshelf-decor-business-office-shelves-with-decorative-houseplants-flowerpots-fresh-environment-natural-potted-decorations_482257-29786.jpg", imageAlt: "Vidrieras de cocina con diseño premium"
|
|
},
|
|
{
|
|
id: "work-6", name: "Barandas de Vidrio - Seguridad y Diseño", price: "Consultar", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-friends-balcony_23-2149085472.jpg", imageAlt: "Barandas de vidrio modernas"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[{ text: "Ver Más Proyectos", href: "#contact" }]}
|
|
buttonAnimation="blur-reveal"
|
|
ariaLabel="Galería de trabajos completados"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
title="Lo Que Nuestros Clientes Dicen"
|
|
description="Testimonios reales de clientes satisfechos que confiaron en nosotros para sus proyectos de cristalería."
|
|
tag="Reseñas"
|
|
tagIcon={Star}
|
|
tagAnimation="blur-reveal"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "María García", role: "Propietaria", company: "Casa Moderna", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg"
|
|
},
|
|
{
|
|
id: "2", name: "Carlos López", role: "Comerciante", company: "Tienda Centro", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/confident-blonde-young-businesswoman-standing-against-gray-background_23-2148029507.jpg"
|
|
},
|
|
{
|
|
id: "3", name: "Ana Martínez", role: "Arquitecta", company: "Diseño Integral", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg"
|
|
},
|
|
{
|
|
id: "4", name: "Roberto Díaz", role: "Empresario", company: "Empresa Local", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-business-man-with-backpack_23-2149915912.jpg"
|
|
},
|
|
{
|
|
id: "5", name: "Patricia Ruiz", role: "Diseñadora", company: "Estudio Creativo", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-entrepreneur-sitting-empty-desk_1262-5891.jpg"
|
|
},
|
|
{
|
|
id: "6", name: "Fernando Sánchez", role: "Constructor", company: "Obras Profesionales", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-therapy_23-2148928886.jpg"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
buttons={[{ text: "Leer Más Reseñas", href: "#" }]}
|
|
buttonAnimation="blur-reveal"
|
|
ariaLabel="Testimonios de clientes satisfechos"
|
|
/>
|
|
</div>
|
|
|
|
<div id="socialproof" data-section="socialproof">
|
|
<SocialProofOne
|
|
title="Confían en Nosotros"
|
|
description="Trabajamos con comercios, residencias y profesionales que valoran la calidad y la atención personalizada."
|
|
names={[
|
|
"Hoteles Locales", "Centros Comerciales", "Residencias Premium", "Estudios de Diseño", "Constructoras", "Empresas de Seguros", "Inmobiliarias"
|
|
]}
|
|
logos={[
|
|
"http://img.b2bpic.net/free-vector/sale-labels-collection_1209-173.jpg", "http://img.b2bpic.net/free-vector/gradient-golden-luxury-badges-set_52683-69812.jpg", "http://img.b2bpic.net/free-vector/anniversary-insignias_23-2147509300.jpg", "http://img.b2bpic.net/free-vector/flat-design-first-class-stamp-collection_23-2149752769.jpg", "http://img.b2bpic.net/free-vector/working-process-design_1133-73.jpg", "http://img.b2bpic.net/free-vector/sale-labels-collection_1209-173.jpg", "http://img.b2bpic.net/free-vector/gradient-golden-luxury-badges-set_52683-69812.jpg"
|
|
]}
|
|
tag="Clientes Corporativos"
|
|
tagIcon={Building2}
|
|
tagAnimation="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
speed={40}
|
|
showCard={true}
|
|
ariaLabel="Empresas y organizaciones que confían en nuestros servicios"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
title="Preguntas Frecuentes"
|
|
description="Resolvemos tus dudas sobre nuestros servicios de cristalería, instalación y reparación."
|
|
tag="FAQ"
|
|
tagIcon={HelpCircle}
|
|
tagAnimation="blur-reveal"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "¿Cuál es el tiempo de entrega?", content: "Nuestro tiempo de respuesta es rápido. Para presupuestos, respondemos en 24 horas. Las instalaciones se coordinan según la complejidad del proyecto, generalmente entre 3 a 7 días. Para emergencias, ofrecemos servicio urgente el mismo día."
|
|
},
|
|
{
|
|
id: "2", title: "¿Realizan instalación a domicilio?", content: "Sí, realizamos instalaciones completas en tu domicilio o comercio. Nuestro equipo profesional se encarga de todo: medición, fabricación (si es necesario) e instalación con máxima precisión y cuidado."
|
|
},
|
|
{
|
|
id: "3", title: "¿Qué tipos de vidrio ofrecen?", content: "Ofrecemos vidrio templado, laminado, espejado, satinado, decorativo y más. Nos adaptamos a tus necesidades específicas de seguridad, privacidad, estética y funcionalidad."
|
|
},
|
|
{
|
|
id: "4", title: "¿Cuentan con garantía en los trabajos?", content: "Sí, todos nuestros trabajos cuentan con garantía. Nuestro compromiso es con la calidad y la durabilidad. Ante cualquier inconveniente, nos hacemos cargo de las reparaciones necesarias."
|
|
},
|
|
{
|
|
id: "5", title: "¿Hacen presupuestos sin costo?", content: "Por supuesto. Ofrecemos presupuestos sin obligación y sin costo. Visitamos tu lugar, medimos con precisión y te damos una cotización clara y detallada."
|
|
},
|
|
{
|
|
id: "6", title: "¿Trabajan con comercios y empresas?", content: "Sí, atendemos tanto a clientes residenciales como comerciales. Tenemos experiencia en proyectos grandes y pequeños: oficinas, locales comerciales, hoteles, restaurantes y más."
|
|
}
|
|
]}
|
|
faqsAnimation="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="smooth"
|
|
ariaLabel="Preguntas frecuentes sobre nuestros servicios"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Contacto"
|
|
title="Solicita tu Presupuesto Ahora"
|
|
description="¿Necesitas vidrios, espejos o reparaciones? Contáctanos hoy y recibe una respuesta rápida. Atención personalizada por nuestros dueños."
|
|
tagIcon={Phone}
|
|
tagAnimation="blur-reveal"
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={true}
|
|
imageSrc="http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg"
|
|
imageAlt="Equipo profesional de cristalería"
|
|
mediaAnimation="blur-reveal"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Tu correo electrónico"
|
|
buttonText="Enviar Presupuesto"
|
|
termsText="Al enviar, aceptas que nos comuniquemos contigo para tu presupuesto. Respetamos tu privacidad."
|
|
ariaLabel="Formulario de contacto y presupuesto"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Cristales Laclau"
|
|
copyrightText="© 2025 Cristales Laclau. Todos los derechos reservados. Villa Carlos Paz, Argentina."
|
|
socialLinks={[
|
|
{ icon: Phone, href: "tel:+543541234567", ariaLabel: "Llamar por teléfono" },
|
|
{ icon: MessageCircle, href: "https://wa.me/543541234567", ariaLabel: "Contactar por WhatsApp" },
|
|
{ icon: MapPin, href: "https://maps.google.com", ariaLabel: "Ver ubicación en Google Maps" },
|
|
{ icon: Mail, href: "mailto:info@cristaleslaclau.com", ariaLabel: "Enviar correo electrónico" }
|
|
]}
|
|
ariaLabel="Pie de página con información de contacto"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|