bender/7d61b0df-3ed1-4cfc-ad3d-4e4fa41b720b
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-22 21:36:38 +00:00
parent 2ddd637636
commit 970a56ca13
1 changed files with 151 additions and 368 deletions
Download Patch File Download Diff File Expand all files Collapse all files

519
src/app/page.tsx
View File

@@ -16,385 +16,168 @@ import TestimonialCardSixteen from '@/components/sections/testimonial/Testimonia
export default function LandingPage() { export default function LandingPage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="hover-bubble" defaultButtonVariant="hover-bubble"
defaultTextAnimation="entrance-slide" defaultTextAnimation="entrance-slide"
borderRadius="rounded" borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleFullscreen <NavbarStyleFullscreen
navItems={[ navItems={[
{ { name: "Inicio", id: "hero" },
name: "Inicio", { name: "Nosotros", id: "about" },
id: "hero", { name: "Servicios", id: "features" },
}, { name: "Testimonios", id: "testimonials" },
{ { name: "Contacto", id: "contact" },
name: "Nosotros", ]}
id: "about", brandName="Construceles"
}, />
{ </div>
name: "Servicios",
id: "features",
},
{
name: "Testimonios",
id: "testimonials",
},
{
name: "Contacto",
id: "contact",
},
]}
brandName="Construceles"
/>
</div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroOverlayTestimonial <HeroOverlayTestimonial
title="Construcción y Remodelación Profesional" 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." 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={[ 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: "Carlos M.", { 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" },
handle: "@carlosm", { 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" },
testimonial: "Excelente servicio, cumplieron con los plazos y la calidad de los acabados fue superior a lo esperado.", { 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" },
rating: 5, { 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" }
imageSrc: "http://img.b2bpic.net/free-photo/front-view-couple-making-plans-redecorate-house_23-2148814625.jpg", ]}
}, buttons={[{ text: "Solicitar Presupuesto", href: "#contact" }]}
{ imageSrc="http://img.b2bpic.net/free-photo/three-architects-with-plan-table_23-2147702513.jpg"
name: "Maria L.", avatars={[
handle: "@marial", { src: "http://img.b2bpic.net/free-photo/medium-shot-men-with-helmets-goggles_23-2148752004.jpg", alt: "Medium shot men with helmets and goggles" },
testimonial: "La remodelación de mi cocina quedó impecable. Profesionales en cada etapa del proceso.", { 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" },
rating: 5, { 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" },
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg", { 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" }
{ ]}
name: "Pedro R.", avatarText="Más de 150 clientes felices en Aragua"
handle: "@pedror", />
testimonial: "Muy satisfecho con el trabajo estructural. Seriedad y compromiso total.", </div>
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"> <div id="about" data-section="about">
<SplitAbout <SplitAbout
textboxLayout="split" textboxLayout="split"
useInvertedBackground={true} useInvertedBackground={true}
title="Compromiso con la Calidad" 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." 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={[ bulletPoints={[
{ { title: "Experiencia Técnica", description: "Personal altamente calificado para cada etapa." },
title: "Experiencia Técnica", { title: "Materiales Premium", description: "Solo utilizamos insumos de alta calidad." },
description: "Personal altamente calificado para cada etapa.", { 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"
title: "Materiales Premium", mediaAnimation="slide-up"
description: "Solo utilizamos insumos de alta calidad.", />
}, </div>
{
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"> <div id="features" data-section="features">
<FeatureCardThree <FeatureCardThree
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
gridVariant="three-columns-all-equal-width" gridVariant="three-columns-all-equal-width"
useInvertedBackground={false} useInvertedBackground={false}
features={[ 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: "Construcción Residencial", { 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" },
description: "Levantamiento de estructuras desde cero con planos certificados.", { 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" }
imageSrc: "http://img.b2bpic.net/free-photo/reflection-opened-window_122409-25.jpg", ]}
}, title="Servicios Especializados"
{ description="Ofrecemos una gama completa de soluciones de construcción adaptadas a sus necesidades."
title: "Remodelación Integral", />
description: "Actualizamos espacios interiores y exteriores modernos.", </div>
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"> <div id="metrics" data-section="metrics">
<MetricCardSeven <MetricCardSeven
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
metrics={[ metrics={[
{ { id: "m1", value: "150+", title: "Proyectos Finalizados", items: ["Residenciales", "Comerciales", "Industriales"] },
id: "m1", { id: "m2", value: "10+", title: "Años de Experiencia", items: ["Calidad", "Confianza", "Trayectoria"] },
value: "150+", { id: "m3", value: "98%", title: "Clientes Satisfechos", items: ["Referidos", "Recomendaciones", "Fidelidad"] }
title: "Proyectos Finalizados", ]}
items: [ title="Nuestros Números en Aragua"
"Residenciales", description="Resultados comprobados que avalan nuestra trayectoria en la región."
"Comerciales", />
"Industriales", </div>
],
},
{
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"> <div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen <TestimonialCardSixteen
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ 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: "t1", { 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" },
name: "Carlos M.", { 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" },
role: "Propietario", { 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" },
company: "Residencia 18M", { 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" }
rating: 5, ]}
imageSrc: "http://img.b2bpic.net/free-photo/couple-posing-together-their-new-home-while-holding-paintbrush_23-2149086844.jpg", kpiItems={[
}, { value: "4.0", label: "Google Rating" },
{ { value: "2", label: "Reviews Verificadas" },
id: "t2", { value: "100%", label: "Compromiso" }
name: "Maria L.", ]}
role: "Arquitecta", title="Opiniones de Nuestros Clientes"
company: "Estudio LM", description="La confianza de nuestros clientes es nuestro activo más valioso."
rating: 5, />
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721520.jpg", </div>
},
{
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"> <div id="pricing" data-section="pricing">
<PricingCardEight <PricingCardEight
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
plans={[ 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: "basic", { 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" }] },
badge: "Basico", { 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" }] }
price: "Consulta", ]}
subtitle: "Ideal para refacciones pequeñas", title="Planes de Servicios"
features: [ description="Elige el plan que mejor se adapte a las necesidades de tu próximo proyecto."
"Inspección visual", />
"Presupuesto básico", </div>
"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"> <div id="faq" data-section="faq">
<FaqSplitText <FaqSplitText
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ { id: "f1", title: "¿Tienen disponibilidad inmediata?", content: "Dependiendo del volumen, solemos programar las visitas técnicas en un lapso de 48 horas." },
id: "f1", { id: "f2", title: "¿Atienden fuera de Maracay?", content: "Sí, realizamos trabajos en las zonas aledañas del estado Aragua previa evaluación técnica." },
title: "¿Tienen disponibilidad inmediata?", { 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." }
content: "Dependiendo del volumen, solemos programar las visitas técnicas en un lapso de 48 horas.", ]}
}, sideTitle="Preguntas Frecuentes"
{ sideDescription="Resuelva todas sus dudas sobre nuestros servicios de remodelación."
id: "f2", faqsAnimation="slide-up"
title: "¿Atienden fuera de Maracay?", />
content: "Sí, realizamos trabajos en las zonas aledañas del estado Aragua previa evaluación técnica.", </div>
},
{
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"> <div id="contact" data-section="contact">
<ContactText <ContactText
useInvertedBackground={true} useInvertedBackground={true}
background={{ background={{ variant: "canvas-reveal" }}
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" }]}
text="Estamos listos para transformar tu hogar. ¿Tienes alguna pregunta o necesitas un presupuesto?" />
buttons={[ </div>
{
text: "Contáctanos",
href: "https://wa.me/58XXXXXXXXXX",
},
]}
/>
</div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterCard <FooterCard
logoText="Construceles" logoText="Construceles"
copyrightText="© 2024 Construceles. Todos los derechos reservados." copyrightText="© 2024 Construceles. Todos los derechos reservados."
/> />
</div> </div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );