Files
949bc24e-7f7e-44e6-ab22-019…/src/app/page.tsx
2026-06-10 15:22:39 +00:00

597 lines
22 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { Award, CalendarCheck, CheckCircle, Clock, Grid, Key, Leaf, Lightbulb, MessageCircle, Palette, ShieldCheck, Truck } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="medium"
sizing="large"
background="circleGradient"
cardStyle="gradient-bordered"
primaryButtonStyle="shadow"
secondaryButtonStyle="solid"
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Inicio",
id: "inicio",
},
{
name: "Servicios",
id: "servicios",
},
{
name: "Ventajas",
id: "ventajas",
},
{
name: "Proceso",
id: "proceso",
},
{
name: "Equipo",
id: "equipo",
},
{
name: "Galería",
id: "galeria",
},
{
name: "Opiniones",
id: "opiniones",
},
{
name: "Contacto",
id: "contacto",
},
]}
brandName="VMA Conjuntos Modulares"
button={{
text: "Solicita tu proyecto",
href: "#contacto",
}}
/>
</div>
<div id="inicio" data-section="inicio">
<HeroSplit
background={{
variant: "radial-gradient",
}}
imagePosition="right"
title="Tu casa. Donde tú quieras. Como tú la imaginas."
description="Diseñamos, fabricamos y entregamos hogares modulares únicos, personalizados a tu vida, tu parcela y tu presupuesto. Un proyecto sin estrés, de la mano de expertos."
buttons={[
{
text: "Solicita tu proyecto personalizado",
href: "#contacto",
},
{
text: "Ver modelos",
href: "#servicios",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/view-futuristic-city-with-lots-vegetation-greenery_23-2150842776.jpg?_wi=1"
imageAlt="Casa modular de lujo en un entorno natural al atardecer"
mediaAnimation="slide-up"
fixedMediaHeight={true}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/people-technology-leisure-concept_273609-6599.jpg",
alt: "Cliente satisfecho",
},
{
src: "http://img.b2bpic.net/free-photo/person-showcasing-their-home_23-2151624837.jpg",
alt: "Clienta de VMA",
},
{
src: "http://img.b2bpic.net/free-photo/architect-putting-safety-helmet-desk_23-2148242987.jpg",
alt: "Propietario feliz",
},
{
src: "http://img.b2bpic.net/free-photo/smiley-architect-posing-his-desk_23-2148242991.jpg",
alt: "Cliente de proyecto modular",
},
{
src: "http://img.b2bpic.net/free-photo/young-male-architect-his-office-looking-away_23-2148203924.jpg",
alt: "Cliente aprobando diseño",
},
]}
avatarText="Más de 500 proyectos entregados con éxito."
marqueeItems={[
{
type: "text-icon",
text: "Diseño 100% Personalizado",
icon: Grid,
},
{
type: "text-icon",
text: "Calidad Garantizada",
icon: ShieldCheck,
},
{
type: "text-icon",
text: "Entrega en Plazo",
icon: Clock,
},
{
type: "text-icon",
text: "Asesoramiento Experto",
icon: Award,
},
{
type: "text-icon",
text: "Sostenibilidad",
icon: Leaf,
},
]}
/>
</div>
<div id="servicios" data-section="servicios">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="bento-grid"
useInvertedBackground={true}
products={[
{
id: "casas-modulares",
name: "Casas Modulares a Medida",
price: "Desde 1.200€/m²",
variant: "Personalización total",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-hand-holding-small-house-model-pencil-blueprint_23-2148203980.jpg?_wi=1",
imageAlt: "Diseño de casa modular a medida",
},
{
id: "mobile-homes",
name: "Mobile Homes",
price: "Desde 600€/m²",
variant: "Movilidad y confort",
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-red-blue-beach-huts-rye-shoreline_1308-189441.jpg?_wi=1",
imageAlt: "Moderno mobile home en un entorno natural",
},
{
id: "casetas-jardin",
name: "Casetas y Módulos para Jardín",
price: "Desde 450€/m²",
variant: "Espacios adicionales versátiles",
imageSrc: "http://img.b2bpic.net/free-photo/old-vintage-car-parked-small-garage-sign-fence_181624-1192.jpg?_wi=1",
imageAlt: "Caseta de jardín moderna y funcional",
},
{
id: "ampliaciones",
name: "Ampliaciones Modulares",
price: "Solicita presupuesto",
variant: "Integra y expande",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-wooden-house_23-2151264489.jpg",
imageAlt: "Ampliación modular integrada en una casa existente",
},
{
id: "lujo-rustico",
name: "Casas Modulares de Lujo Rústico",
price: "Desde 1.500€/m²",
variant: "Elegancia en el campo",
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-timber-house-interior-with-wooden-decor-furnishings_23-2151263585.jpg",
imageAlt: "Casa modular de lujo con acabado rústico en parcela rural",
},
{
id: "oficina-jardin",
name: "Módulos de Oficina para Jardín",
price: "Desde 500€/m²",
variant: "Tu espacio de trabajo ideal",
imageSrc: "http://img.b2bpic.net/free-photo/entrepreneur-drafting-architectural-blueprints-planning-office-relocation_482257-91072.jpg",
imageAlt: "Módulo de oficina moderno en un jardín",
},
]}
title="Tu Proyecto, Nuestra Pasión"
description="Desde la visión inicial hasta la llave en mano, cada hogar es una obra de arte modular. Explora las soluciones que adaptamos a ti."
/>
</div>
<div id="ventajas" data-section="ventajas">
<MetricCardOne
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "plazos",
value: "100%",
title: "Plazos Cumplidos",
description: "Entregamos cuando prometemos, siempre. Tu proyecto a tiempo, sin sorpresas.",
icon: CalendarCheck,
},
{
id: "personalizacion",
value: "Tu Visión",
title: "100% Personalizado",
description: "Adaptamos cada módulo a tu vida, tu parcela y tu presupuesto. Hecho a tu medida.",
icon: Palette,
},
{
id: "acompanamiento",
value: "Llave en Mano",
title: "Acompañamiento Total",
description: "Te guiamos desde el primer plano hasta la llave en mano. Siempre contigo.",
icon: Award,
},
{
id: "calidad",
value: "Duradera",
title: "Calidad que Dura",
description: "Sin goteras. Sin humedades. Sin sorpresas. Construcción robusta y fiable.",
icon: ShieldCheck,
},
]}
title="Nuestra Promesa: Tranquilidad y Excelencia"
description="Más allá de las estructuras, construimos relaciones basadas en la confianza y el compromiso."
/>
</div>
<div id="proceso" data-section="proceso">
<FeatureCardTen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{
title: "Cuéntanos tu Proyecto",
description: "Empezamos escuchando tus ideas, necesidades y el espacio que tienes en mente. Una primera charla sin compromiso para entenderte.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/diverse-team-office-clerks-checking-accounting-figures-paperwork_482257-123736.jpg",
imageAlt: "Reunión de clientes discutiendo un proyecto modular",
},
items: [
{
icon: Chat,
text: "Consulta inicial",
},
{
icon: Lightbulb,
text: "Ideas y visión",
},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/view-futuristic-city-with-lots-vegetation-greenery_23-2150842776.jpg?_wi=2",
imageAlt: "client discussion meeting architectural plans",
},
{
title: "Diseñamos Juntos",
description: "Nuestro equipo de diseño traduce tus sueños en planos concretos. Colaboramos contigo en cada detalle hasta que sea perfecto para ti.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/clients-touring-office-space-with-real-estate-expert-discussing-property-layout_482257-113443.jpg",
imageAlt: "Arquitectos diseñando un plano de casa modular",
},
items: [
{
icon: RulerPen,
text: "Planos 2D/3D",
},
{
icon: Palette,
text: "Selección de materiales",
},
],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-hand-holding-small-house-model-pencil-blueprint_23-2148203980.jpg?_wi=2",
imageAlt: "client discussion meeting architectural plans",
},
{
title: "Fabricamos con Precisión",
description: "Una vez aprobado el diseño, nuestros expertos artesanos construyen cada módulo con la máxima calidad y exactitud en nuestras instalaciones.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/man-working-mdf-boards-warehouse_23-2149384863.jpg",
imageAlt: "Fábrica de casas modulares con operarios trabajando",
},
items: [
{
icon: Factory,
text: "Construcción en taller",
},
{
icon: CheckCircle,
text: "Control de calidad riguroso",
},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-red-blue-beach-huts-rye-shoreline_1308-189441.jpg?_wi=2",
imageAlt: "client discussion meeting architectural plans",
},
{
title: "Entregamos y Montamos",
description: "Coordinamos la entrega y el montaje final en tu parcela. En poco tiempo, tu casa modular estará lista para que solo tengas que entrar y disfrutar.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-man-virtual-glasses-front-new-house_493343-29857.jpg",
imageAlt: "Casa modular siendo instalada con una grúa en una parcela",
},
items: [
{
icon: Truck,
text: "Transporte seguro",
},
{
icon: Key,
text: "Llave en mano",
},
],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/old-vintage-car-parked-small-garage-sign-fence_181624-1192.jpg?_wi=2",
imageAlt: "client discussion meeting architectural plans",
},
]}
title="Tu Sueño Modular, Paso a Paso"
description="Hacemos que el camino hacia tu casa ideal sea tan sencillo y placentero como el resultado. Sin complicaciones, con total transparencia."
/>
</div>
<div id="equipo" data-section="equipo">
<TeamCardSix
textboxLayout="default"
gridVariant="two-columns-alternating-heights"
useInvertedBackground={false}
members={[
{
id: "victor",
name: "Víctor",
role: "Logística y Entrega",
imageSrc: "http://img.b2bpic.net/free-photo/happy-couriers-standing-watching-address-via-tablet-cheerful-post-workers-delivering-order-together-thermo-backpack-cardboard-boxes-trolley-delivery-service-online-shopping-concept_74855-11765.jpg",
imageAlt: "Retrato de Víctor, encargado de logística",
},
{
id: "mariangeles",
name: "Mariángeles",
role: "Relaciones con el Cliente y Diseño",
imageSrc: "http://img.b2bpic.net/free-photo/woman-artist-painting-picture-home_1303-31151.jpg",
imageAlt: "Retrato de Mariángeles, responsable de diseño y clientes",
},
]}
title="VMA: Un Equipo, Un Hogar"
description="Detrás de cada proyecto, hay una familia de expertos dedicados a hacer realidad tu visión con atención personal y profesionalidad."
/>
</div>
<div id="galeria" data-section="galeria">
<ProductCardFour
animationType="scale-rotate"
textboxLayout="default"
gridVariant="bento-grid"
useInvertedBackground={true}
products={[
{
id: "galeria-1",
name: "Casa modular en parcela rural",
price: "Ver proyecto",
variant: "Exteriores",
imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-villa-with-modern-architectural-design_23-2151694132.jpg",
imageAlt: "Casa modular moderna en un entorno rural al atardecer",
},
{
id: "galeria-2",
name: "Mobile home personalizada",
price: "Ver proyecto",
variant: "Interiores",
imageSrc: "http://img.b2bpic.net/free-photo/woman-reading-book-boy-lying_23-2147664017.jpg",
imageAlt: "Interior elegante de un mobile home personalizado",
},
{
id: "galeria-3",
name: "Módulo de jardín 15m²",
price: "Ver proyecto",
variant: "Exteriores",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-high-protein-vegan-meal_23-2149091339.jpg",
imageAlt: "Pequeño módulo de jardín de 15m² con diseño moderno",
},
{
id: "galeria-4",
name: "Cocina modular moderna",
price: "Ver proyecto",
variant: "Interiores",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-kid-alone-kitchen_23-2148865900.jpg",
imageAlt: "Cocina modular con diseño moderno y minimalista",
},
{
id: "galeria-5",
name: "Salón minimalista con luz natural",
price: "Ver proyecto",
variant: "Interiores",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-kitchen-drawer-with-wooden-dividers-interior-detail-modern-kitchen-island_169016-72791.jpg",
imageAlt: "Salón minimalista con grandes ventanales y luz natural",
},
{
id: "galeria-6",
name: "Ampliación modular exterior",
price: "Ver proyecto",
variant: "Exteriores",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-wooden-house_23-2151264379.jpg",
imageAlt: "Vista exterior de una ampliación modular bien integrada",
},
]}
title="Inspiración Modular"
description="Explora la belleza y versatilidad de nuestros hogares en diferentes entornos y estilos. Cada imagen es un testimonio de lo que es posible."
/>
</div>
<div id="opiniones" data-section="opiniones">
<TestimonialCardTen
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
title: "Trato como amigos",
quote: "Desde el primer contacto, nos han tratado como amigos, y eso siempre da mucha confianza. Un equipo cercano y profesional.",
name: "Jose Luis",
role: "Cliente de Casa Modular",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
imageAlt: "Foto de Jose Luis",
},
{
id: "2",
title: "Calidad y trato impecables",
quote: "Nos adaptaron totalmente a nuestras necesidades, la calidad técnica y el trato al cliente son impecables. Recomendados al 100%.",
name: "Mercedes",
role: "Propietaria de Mobile Home",
imageSrc: "http://img.b2bpic.net/free-photo/excited-joyful-beautiful-woman-gesturing-with-hand_74855-2753.jpg",
imageAlt: "Foto de Mercedes",
},
{
id: "3",
title: "Mi ilusión hecha realidad",
quote: "Hicieron posible mi ilusión — en solo 30m² tengo una casita acogedora con todo lo que necesito. ¡Súper contenta!",
name: "Inma",
role: "Clienta de Módulo de Jardín",
imageSrc: "http://img.b2bpic.net/free-photo/aroma-composition-with-modern-aroma-oil-diffuser-wooden-surface-with-knitted-element-oils-candle-blurred-background_169016-10336.jpg",
imageAlt: "Foto de Inma",
},
{
id: "4",
title: "Todo se cumplió",
quote: "Todo lo que acordamos se cumplió a la perfección. He acertado con VMA, la experiencia fue fantástica de principio a fin.",
name: "Pablo",
role: "Cliente de Ampliación Modular",
imageSrc: "http://img.b2bpic.net/free-photo/business-process-goals-target-success-graph_53876-133766.jpg",
imageAlt: "Foto de Pablo",
},
{
id: "5",
title: "Atención excepcional",
quote: "La atención al detalle y la paciencia del equipo fueron excepcionales. Nos sentimos guiados y comprendidos. ¡Estamos encantados con nuestra nueva casa!",
name: "Ana G.",
role: "Cliente de Casa a Medida",
imageSrc: "http://img.b2bpic.net/free-photo/photo-dark-skinned-woman-her-husband-think-how-satisfy-debt-look-bills-near-window_273609-18385.jpg",
imageAlt: "Foto de Ana G.",
},
]}
title="Historias de Hogares Felices"
description="La confianza de nuestros clientes es la base de cada proyecto y la mayor recompensa a nuestra pasión. Escucha lo que dicen de VMA."
/>
</div>
<div id="contacto" data-section="contacto">
<ContactCTA
useInvertedBackground={true}
background={{
variant: "glowing-orb",
}}
tag="Listo para empezar?"
title="¿Ya tienes la parcela? Nosotros ponemos la casa."
description="Da el primer paso hacia tu hogar soñado con una consulta personalizada. Sin compromiso, con la confianza de un amigo experto. Te esperamos para construir tu futuro."
buttons={[
{
text: "Empieza tu proyecto hoy",
href: "#",
},
]}
buttonAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/aerial-shot-roof-building-with-cars-green-plants_181624-20963.jpg"
imageAlt="Paisaje natural con una casa modular al atardecer"
logoSrc="http://img.b2bpic.net/free-vector/initial-monogram-letter-w-town-building-logo-design-vector-illustration_645578-1235.jpg"
logoAlt="Logo de VMA Conjuntos Modulares S.L."
logoText="VMA Conjuntos Modulares, S.L."
columns={[
{
title: "Servicios",
items: [
{
label: "Casas Modulares",
href: "#servicios",
},
{
label: "Mobile Homes",
href: "#servicios",
},
{
label: "Casetas de Jardín",
href: "#servicios",
},
{
label: "Ampliaciones",
href: "#servicios",
},
],
},
{
title: "Empresa",
items: [
{
label: "Quiénes Somos",
href: "#equipo",
},
{
label: "Nuestro Proceso",
href: "#proceso",
},
{
label: "Opiniones",
href: "#opiniones",
},
],
},
{
title: "Contacto",
items: [
{
label: "+34 600 000 000",
href: "tel:+34600000000",
},
{
label: "info@vmamodulares.com",
href: "mailto:info@vmamodulares.com",
},
{
label: "WhatsApp",
href: "https://wa.me/34600000000",
},
{
label: "España",
href: "#",
},
],
},
{
title: "Síguenos",
items: [
{
label: "Google Reviews",
href: "#",
},
{
label: "Instagram",
href: "https://instagram.com/vmamodulares",
},
],
},
]}
copyrightText="© 2024 VMA Conjuntos Modulares, S.L. Todos los derechos reservados. Fabricando hogares desde el primer sueño."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}