Merge version_1 into main

Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
2026-04-22 21:36:44 +00:00

View File

@@ -16,385 +16,168 @@ import TestimonialCardSixteen from '@/components/sections/testimonial/Testimonia
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
defaultButtonVariant="hover-bubble"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Inicio",
id: "hero",
},
{
name: "Nosotros",
id: "about",
},
{
name: "Servicios",
id: "features",
},
{
name: "Testimonios",
id: "testimonials",
},
{
name: "Contacto",
id: "contact",
},
]}
brandName="Construceles"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Inicio", id: "hero" },
{ name: "Nosotros", id: "about" },
{ name: "Servicios", id: "features" },
{ name: "Testimonios", id: "testimonials" },
{ name: "Contacto", id: "contact" },
]}
brandName="Construceles"
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
title="Construcción y Remodelación Profesional"
description="Transformamos sus ideas en realidad. Especialistas en construcción, renovación y diseño de espacios residenciales y comerciales con la más alta calidad en Aragua."
testimonials={[
{
name: "Carlos M.",
handle: "@carlosm",
testimonial: "Excelente servicio, cumplieron con los plazos y la calidad de los acabados fue superior a lo esperado.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-couple-making-plans-redecorate-house_23-2148814625.jpg",
},
{
name: "Maria L.",
handle: "@marial",
testimonial: "La remodelación de mi cocina quedó impecable. Profesionales en cada etapa del proceso.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg",
},
{
name: "Pedro R.",
handle: "@pedror",
testimonial: "Muy satisfecho con el trabajo estructural. Seriedad y compromiso total.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-person-planning-alternative-energies_23-2149205428.jpg",
},
{
name: "Ana G.",
handle: "@anag",
testimonial: "El mejor equipo de construcción en Maracay. Muy recomendados para cualquier proyecto.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/we-must-make-modifications-this-project_329181-15105.jpg",
},
{
name: "Luis S.",
handle: "@luiss",
testimonial: "Detallistas, organizados y muy honestos. Volvería a contratarlos sin duda.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-adult-son-his-mature-father-holding-hands-while-greeting-each-other-kitchen_637285-10296.jpg",
},
]}
buttons={[
{
text: "Solicitar Presupuesto",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/three-architects-with-plan-table_23-2147702513.jpg"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/medium-shot-men-with-helmets-goggles_23-2148752004.jpg",
alt: "Medium shot men with helmets and goggles",
},
{
src: "http://img.b2bpic.net/free-photo/building-construction-worker-site-with-architect_23-2149124290.jpg",
alt: "Building and construction worker on the site with architect",
},
{
src: "http://img.b2bpic.net/free-photo/woman-african-american-worker-standing-with-plan-factory_1303-30604.jpg",
alt: "Woman and african american worker standing with a plan in a factory",
},
{
src: "http://img.b2bpic.net/free-photo/two-architects-front-building-site_1398-5091.jpg",
alt: "Two architects in front of building site",
},
{
src: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg",
alt: "Collaboration of two carpenters in building",
},
]}
avatarText="Más de 150 clientes felices en Aragua"
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
title="Construcción y Remodelación Profesional"
description="Transformamos sus ideas en realidad. Especialistas en construcción, renovación y diseño de espacios residenciales y comerciales con la más alta calidad en Aragua."
testimonials={[
{ name: "Carlos M.", handle: "@carlosm", testimonial: "Excelente servicio, cumplieron con los plazos y la calidad de los acabados fue superior a lo esperado.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-couple-making-plans-redecorate-house_23-2148814625.jpg" },
{ name: "Maria L.", handle: "@marial", testimonial: "La remodelación de mi cocina quedó impecable. Profesionales en cada etapa del proceso.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg" },
{ name: "Pedro R.", handle: "@pedror", testimonial: "Muy satisfecho con el trabajo estructural. Seriedad y compromiso total.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-person-planning-alternative-energies_23-2149205428.jpg" },
{ name: "Ana G.", handle: "@anag", testimonial: "El mejor equipo de construcción en Maracay. Muy recomendados para cualquier proyecto.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/we-must-make-modifications-this-project_329181-15105.jpg" },
{ name: "Luis S.", handle: "@luiss", testimonial: "Detallistas, organizados y muy honestos. Volvería a contratarlos sin duda.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-adult-son-his-mature-father-holding-hands-while-greeting-each-other-kitchen_637285-10296.jpg" }
]}
buttons={[{ text: "Solicitar Presupuesto", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/three-architects-with-plan-table_23-2147702513.jpg"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/medium-shot-men-with-helmets-goggles_23-2148752004.jpg", alt: "Medium shot men with helmets and goggles" },
{ src: "http://img.b2bpic.net/free-photo/building-construction-worker-site-with-architect_23-2149124290.jpg", alt: "Building and construction worker on the site with architect" },
{ src: "http://img.b2bpic.net/free-photo/woman-african-american-worker-standing-with-plan-factory_1303-30604.jpg", alt: "Woman and african american worker standing with a plan in a factory" },
{ src: "http://img.b2bpic.net/free-photo/two-architects-front-building-site_1398-5091.jpg", alt: "Two architects in front of building site" },
{ src: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg", alt: "Collaboration of two carpenters in building" }
]}
avatarText="Más de 150 clientes felices en Aragua"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={true}
title="Compromiso con la Calidad"
description="En Construceles contamos con años de trayectoria transformando espacios en Maracay. Nuestra misión es garantizar durabilidad, estética y funcionalidad en cada proyecto de construcción."
bulletPoints={[
{
title: "Experiencia Técnica",
description: "Personal altamente calificado para cada etapa.",
},
{
title: "Materiales Premium",
description: "Solo utilizamos insumos de alta calidad.",
},
{
title: "Cumplimiento Exacto",
description: "Respetamos los tiempos de entrega acordados.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/human-hand-holding-staple-gun-wooden-background_23-2147865439.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={true}
title="Compromiso con la Calidad"
description="En Construceles contamos con años de trayectoria transformando espacios en Maracay. Nuestra misión es garantizar durabilidad, estética y funcionalidad en cada proyecto de construcción."
bulletPoints={[
{ title: "Experiencia Técnica", description: "Personal altamente calificado para cada etapa." },
{ title: "Materiales Premium", description: "Solo utilizamos insumos de alta calidad." },
{ title: "Cumplimiento Exacto", description: "Respetamos los tiempos de entrega acordados." }
]}
imageSrc="http://img.b2bpic.net/free-photo/human-hand-holding-staple-gun-wooden-background_23-2147865439.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="features" data-section="features">
<FeatureCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
features={[
{
title: "Construcción Residencial",
description: "Levantamiento de estructuras desde cero con planos certificados.",
imageSrc: "http://img.b2bpic.net/free-photo/reflection-opened-window_122409-25.jpg",
},
{
title: "Remodelación Integral",
description: "Actualizamos espacios interiores y exteriores modernos.",
imageSrc: "http://img.b2bpic.net/free-photo/house-painters-with-paint-roller-house_1398-1570.jpg",
},
{
title: "Consultoría Técnica",
description: "Asesoría experta para maximizar presupuestos y optimizar recursos.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-tablet-mockup-table_23-2148252111.jpg",
},
]}
title="Servicios Especializados"
description="Ofrecemos una gama completa de soluciones de construcción adaptadas a sus necesidades."
/>
</div>
<div id="features" data-section="features">
<FeatureCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
features={[
{ title: "Construcción Residencial", description: "Levantamiento de estructuras desde cero con planos certificados.", imageSrc: "http://img.b2bpic.net/free-photo/reflection-opened-window_122409-25.jpg" },
{ title: "Remodelación Integral", description: "Actualizamos espacios interiores y exteriores modernos.", imageSrc: "http://img.b2bpic.net/free-photo/house-painters-with-paint-roller-house_1398-1570.jpg" },
{ title: "Consultoría Técnica", description: "Asesoría experta para maximizar presupuestos y optimizar recursos.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-tablet-mockup-table_23-2148252111.jpg" }
]}
title="Servicios Especializados"
description="Ofrecemos una gama completa de soluciones de construcción adaptadas a sus necesidades."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "150+",
title: "Proyectos Finalizados",
items: [
"Residenciales",
"Comerciales",
"Industriales",
],
},
{
id: "m2",
value: "10+",
title: "Años de Experiencia",
items: [
"Calidad",
"Confianza",
"Trayectoria",
],
},
{
id: "m3",
value: "98%",
title: "Clientes Satisfechos",
items: [
"Referidos",
"Recomendaciones",
"Fidelidad",
],
},
]}
title="Nuestros Números en Aragua"
description="Resultados comprobados que avalan nuestra trayectoria en la región."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{ id: "m1", value: "150+", title: "Proyectos Finalizados", items: ["Residenciales", "Comerciales", "Industriales"] },
{ id: "m2", value: "10+", title: "Años de Experiencia", items: ["Calidad", "Confianza", "Trayectoria"] },
{ id: "m3", value: "98%", title: "Clientes Satisfechos", items: ["Referidos", "Recomendaciones", "Fidelidad"] }
]}
title="Nuestros Números en Aragua"
description="Resultados comprobados que avalan nuestra trayectoria en la región."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Carlos M.",
role: "Propietario",
company: "Residencia 18M",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/couple-posing-together-their-new-home-while-holding-paintbrush_23-2149086844.jpg",
},
{
id: "t2",
name: "Maria L.",
role: "Arquitecta",
company: "Estudio LM",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721520.jpg",
},
{
id: "t3",
name: "Pedro R.",
role: "Gerente",
company: "Empresa R",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-attractive-woman-elegant-hotel-cafeteria_657883-397.jpg",
},
{
id: "t4",
name: "Ana G.",
role: "Emprendedora",
company: "Local G",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-taking-notes_23-2149546195.jpg",
},
{
id: "t5",
name: "Luis S.",
role: "Inversionista",
company: "Grupo Inmobiliario",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",
},
]}
kpiItems={[
{
value: "4.0",
label: "Google Rating",
},
{
value: "2",
label: "Reviews Verificadas",
},
{
value: "100%",
label: "Compromiso",
},
]}
title="Opiniones de Nuestros Clientes"
description="La confianza de nuestros clientes es nuestro activo más valioso."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "Carlos M.", role: "Propietario", company: "Residencia 18M", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-posing-together-their-new-home-while-holding-paintbrush_23-2149086844.jpg" },
{ id: "t2", name: "Maria L.", role: "Arquitecta", company: "Estudio LM", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721520.jpg" },
{ id: "t3", name: "Pedro R.", role: "Gerente", company: "Empresa R", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-attractive-woman-elegant-hotel-cafeteria_657883-397.jpg" },
{ id: "t4", name: "Ana G.", role: "Emprendedora", company: "Local G", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-taking-notes_23-2149546195.jpg" },
{ id: "t5", name: "Luis S.", role: "Inversionista", company: "Grupo Inmobiliario", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg" }
]}
kpiItems={[
{ value: "4.0", label: "Google Rating" },
{ value: "2", label: "Reviews Verificadas" },
{ value: "100%", label: "Compromiso" }
]}
title="Opiniones de Nuestros Clientes"
description="La confianza de nuestros clientes es nuestro activo más valioso."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardEight
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
plans={[
{
id: "basic",
badge: "Basico",
price: "Consulta",
subtitle: "Ideal para refacciones pequeñas",
features: [
"Inspección visual",
"Presupuesto básico",
"Asesoría exprés",
],
buttons: [
{
text: "Contactar",
href: "#contact",
},
],
},
{
id: "pro",
badge: "Recomendado",
price: "Cotizable",
subtitle: "Para remodelaciones completas",
features: [
"Planos detallados",
"Gestión de materiales",
"Supervisión constante",
],
buttons: [
{
text: "Elegir",
href: "#contact",
},
],
},
{
id: "enterprise",
badge: "Construcción",
price: "Personalizado",
subtitle: "Proyectos de gran escala",
features: [
"Diseño arquitectónico",
"Planificación integral",
"Ejecución de obra",
],
buttons: [
{
text: "Cotizar",
href: "#contact",
},
],
},
]}
title="Planes de Servicios"
description="Elige el plan que mejor se adapte a las necesidades de tu próximo proyecto."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardEight
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
plans={[
{ id: "basic", badge: "Basico", price: "Consulta", subtitle: "Ideal para refacciones pequeñas", features: ["Inspección visual", "Presupuesto básico", "Asesoría exprés"], buttons: [{ text: "Contactar", href: "#contact" }] },
{ id: "pro", badge: "Recomendado", price: "Cotizable", subtitle: "Para remodelaciones completas", features: ["Planos detallados", "Gestión de materiales", "Supervisión constante"], buttons: [{ text: "Elegir", href: "#contact" }] },
{ id: "enterprise", badge: "Construcción", price: "Personalizado", subtitle: "Proyectos de gran escala", features: ["Diseño arquitectónico", "Planificación integral", "Ejecución de obra"], buttons: [{ text: "Cotizar", href: "#contact" }] }
]}
title="Planes de Servicios"
description="Elige el plan que mejor se adapte a las necesidades de tu próximo proyecto."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "¿Tienen disponibilidad inmediata?",
content: "Dependiendo del volumen, solemos programar las visitas técnicas en un lapso de 48 horas.",
},
{
id: "f2",
title: "¿Atienden fuera de Maracay?",
content: "Sí, realizamos trabajos en las zonas aledañas del estado Aragua previa evaluación técnica.",
},
{
id: "f3",
title: "¿Ofrecen garantía por obra?",
content: "Todos nuestros trabajos incluyen garantía técnica por acabado y estructura según los términos del contrato.",
},
]}
sideTitle="Preguntas Frecuentes"
sideDescription="Resuelva todas sus dudas sobre nuestros servicios de remodelación."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{ id: "f1", title: "¿Tienen disponibilidad inmediata?", content: "Dependiendo del volumen, solemos programar las visitas técnicas en un lapso de 48 horas." },
{ id: "f2", title: "¿Atienden fuera de Maracay?", content: "Sí, realizamos trabajos en las zonas aledañas del estado Aragua previa evaluación técnica." },
{ id: "f3", title: "¿Ofrecen garantía por obra?", content: "Todos nuestros trabajos incluyen garantía técnica por acabado y estructura según los términos del contrato." }
]}
sideTitle="Preguntas Frecuentes"
sideDescription="Resuelva todas sus dudas sobre nuestros servicios de remodelación."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{
variant: "canvas-reveal",
}}
text="Estamos listos para transformar tu hogar. ¿Tienes alguna pregunta o necesitas un presupuesto?"
buttons={[
{
text: "Contáctanos",
href: "https://wa.me/58XXXXXXXXXX",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{ variant: "canvas-reveal" }}
text="Estamos listos para transformar tu hogar. ¿Tienes alguna pregunta o necesitas un presupuesto?"
buttons={[{ text: "Contáctanos", href: "https://wa.me/58XXXXXXXXXX" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Construceles"
copyrightText="© 2024 Construceles. Todos los derechos reservados."
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Construceles"
copyrightText="© 2024 Construceles. Todos los derechos reservados."
/>
</div>
</ReactLenis>
</ThemeProvider>
);