185 lines
12 KiB
TypeScript
185 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
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="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="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="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="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="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Construceles"
|
|
copyrightText="© 2024 Construceles. Todos los derechos reservados."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|