From c1b74c7fb49f5e40608fb82145bc09e33959e1a9 Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 10 Jun 2026 15:23:33 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 417 ++++++++++------------------------------------- 1 file changed, 89 insertions(+), 328 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 974c01c..2451a42 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -11,7 +11,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav 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"; +import { Award, CalendarCheck, CheckCircle, Clock, Grid, Key, Leaf, Lightbulb, MessageCircle, Palette, ShieldCheck, Truck, Chat, RulerPen, Factory } from "lucide-react"; export default function LandingPage() { return ( @@ -32,116 +32,73 @@ export default function LandingPage() {
@@ -155,53 +112,17 @@ export default function LandingPage() { 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: "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", 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: "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", 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: "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", 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: "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: "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", - }, + 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." @@ -213,34 +134,19 @@ export default function LandingPage() { textboxLayout="default" gridVariant="uniform-all-items-equal" useInvertedBackground={false} + animationType="slide-up" metrics={[ { - id: "plazos", - value: "100%", - title: "Plazos Cumplidos", - description: "Entregamos cuando prometemos, siempre. Tu proyecto a tiempo, sin sorpresas.", - icon: CalendarCheck, + 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: "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: "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, + 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" @@ -255,89 +161,57 @@ export default function LandingPage() { 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", - }, + 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", - }, + text: "Consulta inicial"}, { icon: Lightbulb, - text: "Ideas y visión", - }, + 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", + reverse: false }, { - 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", - }, + 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", - }, + text: "Planos 2D/3D"}, { icon: Palette, - text: "Selección de materiales", - }, + 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", + reverse: true }, { - 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", - }, + 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", - }, + text: "Construcción en taller"}, { icon: CheckCircle, - text: "Control de calidad riguroso", - }, + 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", + reverse: false }, { - 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", - }, + 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", - }, + text: "Transporte seguro"}, { icon: Key, - text: "Llave en mano", - }, + 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", - }, + reverse: true + } ]} 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." @@ -347,23 +221,13 @@ export default function LandingPage() {
@@ -515,75 +306,45 @@ export default function LandingPage() { logoText="VMA Conjuntos Modulares, S.L." columns={[ { - title: "Servicios", - items: [ + title: "Servicios", items: [ { - label: "Casas Modulares", - href: "#servicios", - }, + label: "Casas Modulares", href: "#servicios"}, { - label: "Mobile Homes", - href: "#servicios", - }, + label: "Mobile Homes", href: "#servicios"}, { - label: "Casetas de Jardín", - href: "#servicios", - }, + label: "Casetas de Jardín", href: "#servicios"}, { - label: "Ampliaciones", - href: "#servicios", - }, + label: "Ampliaciones", href: "#servicios"}, ], }, { - title: "Empresa", - items: [ + title: "Empresa", items: [ { - label: "Quiénes Somos", - href: "#equipo", - }, + label: "Quiénes Somos", href: "#equipo"}, { - label: "Nuestro Proceso", - href: "#proceso", - }, + label: "Nuestro Proceso", href: "#proceso"}, { - label: "Opiniones", - href: "#opiniones", - }, + label: "Opiniones", href: "#opiniones"}, ], }, { - title: "Contacto", - items: [ + title: "Contacto", items: [ { - label: "+34 600 000 000", - href: "tel:+34600000000", - }, + label: "+34 600 000 000", href: "tel:+34600000000"}, { - label: "info@vmamodulares.com", - href: "mailto:info@vmamodulares.com", - }, + label: "info@vmamodulares.com", href: "mailto:info@vmamodulares.com"}, { - label: "WhatsApp", - href: "https://wa.me/34600000000", - }, + label: "WhatsApp", href: "https://wa.me/34600000000"}, { - label: "España", - href: "#", - }, + label: "España", href: "#"}, ], }, { - title: "Síguenos", - items: [ + title: "Síguenos", items: [ { - label: "Google Reviews", - href: "#", - }, + label: "Google Reviews", href: "#"}, { - label: "Instagram", - href: "https://instagram.com/vmamodulares", - }, + label: "Instagram", href: "https://instagram.com/vmamodulares"}, ], }, ]} -- 2.49.1