bender/60a95e2b-8dee-4f10-a314-e5ca2d4a6f09
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-06-10 22:24:52 +00:00
parent da7dcdb984
commit bc2f320baa
1 changed files with 58 additions and 228 deletions
Download Patch File Download Diff File Expand all files Collapse all files

286
src/app/page.tsx
View File

@@ -12,7 +12,7 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
import SplitAbout from '@/components/sections/about/SplitAbout';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Facebook, Instagram, Leaf, Lightbulb, Linkedin, Ruler, Tool, UserCheck } from "lucide-react";
import { Facebook, Instagram, Leaf, Lightbulb, Linkedin, Ruler, UserCheck, Wrench } from "lucide-react";
export default function LandingPage() {
return (
@@ -33,122 +33,77 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Inicio",
id: "inicio",
},
name: "Inicio", id: "inicio"},
{
name: "Servicios",
id: "servicios",
},
name: "Servicios", id: "servicios"},
{
name: "Sobre Nosotros",
id: "sobre-nosotros",
},
name: "Sobre Nosotros", id: "sobre-nosotros"},
{
name: "Equipo",
id: "equipo",
},
name: "Equipo", id: "equipo"},
{
name: "Testimonios",
id: "testimonios",
},
name: "Testimonios", id: "testimonios"},
{
name: "FAQ",
id: "faq",
},
name: "FAQ", id: "faq"},
{
name: "Contacto",
id: "contacto",
},
name: "Contacto", id: "contacto"},
]}
brandName="Estudio Deuve"
button={{
text: "Pedir Presupuesto",
href: "#contacto",
}}
text: "Pedir Presupuesto", href: "#contacto"}}
/>
</div>
<div id="inicio" data-section="inicio">
<HeroSplitKpi
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
imagePosition="right"
title="Estudio Deuve: Arquitectura y Construcción que Inspira"
description="Transformamos tus ideas en espacios habitables y funcionales. Con 320 valoraciones de 5 estrellas, nuestra pasión es construir tus sueños."
kpis={[
{
value: "320+",
label: "Proyectos Satisfactorios",
},
value: "320+", label: "Proyectos Satisfactorios"},
{
value: "15+",
label: "Años de Experiencia",
},
value: "15+", label: "Años de Experiencia"},
{
value: "5.0",
label: "Valoración Media",
},
value: "5.0", label: "Valoración Media"},
]}
enableKpiAnimation={true}
buttons={[
{
text: "Pedir Presupuesto",
href: "#contacto",
},
text: "Pedir Presupuesto", href: "#contacto"},
]}
imageSrc="http://img.b2bpic.net/free-photo/skyscraper-buildings-city_23-2148836819.jpg"
imageAlt="Edificio moderno con diseño arquitectónico único"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/male-analyst-looking-his-wristwatch_482257-115129.jpg",
alt: "Male analyst",
},
src: "http://img.b2bpic.net/free-photo/male-analyst-looking-his-wristwatch_482257-115129.jpg", alt: "Male analyst"},
{
src: "http://img.b2bpic.net/free-photo/caucasian-businessman-smart-suit-standing-office-using-tablet_1098-20586.jpg",
alt: "Caucasian businessman",
},
src: "http://img.b2bpic.net/free-photo/caucasian-businessman-smart-suit-standing-office-using-tablet_1098-20586.jpg", alt: "Caucasian businessman"},
{
src: "http://img.b2bpic.net/free-photo/office-worker-reading-annual-reports_482257-75598.jpg",
alt: "Office worker",
},
src: "http://img.b2bpic.net/free-photo/office-worker-reading-annual-reports_482257-75598.jpg", alt: "Office worker"},
{
src: "http://img.b2bpic.net/free-photo/african-american-male-professional-works-desk-corporation_482257-122689.jpg",
alt: "African american male professional",
},
src: "http://img.b2bpic.net/free-photo/african-american-male-professional-works-desk-corporation_482257-122689.jpg", alt: "African american male professional"},
{
src: "http://img.b2bpic.net/free-photo/architectural-inspector-holding-laptop-tilting-head-looking-maquette-skyscraper-residential-project-architect-thinking-about-design-improvements-urban-planning-scale-model_482257-33564.jpg",
alt: "Architectural inspector",
},
src: "http://img.b2bpic.net/free-photo/architectural-inspector-holding-laptop-tilting-head-looking-maquette-skyscraper-residential-project-architect-thinking-about-design-improvements-urban-planning-scale-model_482257-33564.jpg", alt: "Architectural inspector"},
]}
avatarText="Más de 1000 clientes felices nos respaldan"
marqueeItems={[
{
type: "text-icon",
text: "Diseño Sostenible",
icon: Leaf,
type: "text-icon", text: "Diseño Sostenible", icon: Leaf,
},
{
type: "text-icon",
text: "Innovación Constante",
icon: Lightbulb,
type: "text-icon", text: "Innovación Constante", icon: Lightbulb,
},
{
type: "text-icon",
text: "Construcción de Calidad",
icon: Tool,
type: "text-icon", text: "Construcción de Calidad", icon: Wrench,
},
{
type: "text-icon",
text: "Atención Personalizada",
icon: UserCheck,
type: "text-icon", text: "Atención Personalizada", icon: UserCheck,
},
{
type: "text-icon",
text: "Proyectos a Medida",
icon: Ruler,
type: "text-icon", text: "Proyectos a Medida", icon: Ruler,
},
]}
/>
@@ -162,17 +117,11 @@ export default function LandingPage() {
description="En Estudio Deuve, somos un equipo de arquitectos y constructores apasionados por crear espacios que no solo cumplen expectativas, sino que las superan. Nos dedicamos a ofrecer soluciones integrales desde el diseño inicial hasta la entrega final de tu proyecto, garantizando calidad, funcionalidad y estética."
bulletPoints={[
{
title: "Diseño Innovador",
description: "Creamos soluciones arquitectónicas únicas y personalizadas.",
},
title: "Diseño Innovador", description: "Creamos soluciones arquitectónicas únicas y personalizadas."},
{
title: "Construcción de Calidad",
description: "Utilizamos materiales y técnicas que garantizan durabilidad y eficiencia.",
},
title: "Construcción de Calidad", description: "Utilizamos materiales y técnicas que garantizan durabilidad y eficiencia."},
{
title: "Gestión Integral",
description: "Nos encargamos de todo el proceso, de principio a fin, con total transparencia.",
},
title: "Gestión Integral", description: "Nos encargamos de todo el proceso, de principio a fin, con total transparencia."},
]}
imageSrc="http://img.b2bpic.net/free-photo/realtor-clients-exploring-urban-property-financial-potential_482257-90954.jpg"
imageAlt="Equipo de arquitectos discutiendo planos"
@@ -186,29 +135,13 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Asesoramiento en Arquitectura",
description: "Desde la idea inicial hasta la planificación detallada, te guiamos para optimizar tu proyecto.",
imageSrc: "http://img.b2bpic.net/free-photo/architect-working-blueprints-her-desk-working-new-projects-architecture-design_482257-33181.jpg",
imageAlt: "Planos y herramientas de arquitecto",
},
title: "Asesoramiento en Arquitectura", description: "Desde la idea inicial hasta la planificación detallada, te guiamos para optimizar tu proyecto.", imageSrc: "http://img.b2bpic.net/free-photo/architect-working-blueprints-her-desk-working-new-projects-architecture-design_482257-33181.jpg", imageAlt: "Planos y herramientas de arquitecto"},
{
title: "Construcción y Renovación de Casas",
description: "Construimos tu hogar desde cero o lo transformamos con renovaciones de alta calidad.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-with-medical-masks_23-2148751987.jpg",
imageAlt: "Obra en construcción de una vivienda",
},
title: "Construcción y Renovación de Casas", description: "Construimos tu hogar desde cero o lo transformamos con renovaciones de alta calidad.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-with-medical-masks_23-2148751987.jpg", imageAlt: "Obra en construcción de una vivienda"},
{
title: "Interiorismo",
description: "Diseñamos espacios interiores que combinan funcionalidad, estética y tu estilo personal.",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-huge-bouquet-made-hydrangeas-standing-table-large-luxurious-room_627829-8201.jpg",
imageAlt: "Diseño de interior moderno y elegante",
},
title: "Interiorismo", description: "Diseñamos espacios interiores que combinan funcionalidad, estética y tu estilo personal.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-huge-bouquet-made-hydrangeas-standing-table-large-luxurious-room_627829-8201.jpg", imageAlt: "Diseño de interior moderno y elegante"},
{
title: "Certificados Energéticos",
description: "Gestionamos y realizamos los certificados de eficiencia energética necesarios para tu propiedad.",
imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-solar-panels-cascade-field-florida_181624-60023.jpg",
imageAlt: "Gráfico de eficiencia energética de una casa",
},
title: "Certificados Energéticos", description: "Gestionamos y realizamos los certificados de eficiencia energética necesarios para tu propiedad.", imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-solar-panels-cascade-field-florida_181624-60023.jpg", imageAlt: "Gráfico de eficiencia energética de una casa"},
]}
title="Nuestros Servicios Clave"
description="Ofrecemos una gama completa de servicios para cubrir todas tus necesidades en arquitectura y construcción."
@@ -222,34 +155,16 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "15+",
title: "Años en el Sector",
items: [
"Experiencia consolidada",
"Conocimiento profundo",
"Adaptación a tendencias",
],
id: "m1", value: "15+", title: "Años en el Sector", items: [
"Experiencia consolidada", "Conocimiento profundo", "Adaptación a tendencias"],
},
{
id: "m2",
value: "320+",
title: "Proyectos Entregados",
items: [
"Alta satisfacción del cliente",
"Amplio portafolio",
"Diversidad de estilos",
],
id: "m2", value: "320+", title: "Proyectos Entregados", items: [
"Alta satisfacción del cliente", "Amplio portafolio", "Diversidad de estilos"],
},
{
id: "m3",
value: "98%",
title: "Clientes Satisfechos",
items: [
"Compromiso con la excelencia",
"Atención personalizada",
"Relaciones duraderas",
],
id: "m3", value: "98%", title: "Clientes Satisfechos", items: [
"Compromiso con la excelencia", "Atención personalizada", "Relaciones duraderas"],
},
]}
title="Resultados que Hablan por Sí Mismos"
@@ -265,33 +180,13 @@ export default function LandingPage() {
useInvertedBackground={false}
members={[
{
id: "t1",
name: "Alejandro Deuve",
role: "Director y Arquitecto Jefe",
imageSrc: "http://img.b2bpic.net/free-photo/work-manager-man-looking-tablet-architecture-office_482257-10517.jpg",
imageAlt: "Retrato de Alejandro Deuve",
},
id: "t1", name: "Alejandro Deuve", role: "Director y Arquitecto Jefe", imageSrc: "http://img.b2bpic.net/free-photo/work-manager-man-looking-tablet-architecture-office_482257-10517.jpg", imageAlt: "Retrato de Alejandro Deuve"},
{
id: "t2",
name: "Sofía Ramos",
role: "Jefa de Proyectos y Diseño",
imageSrc: "http://img.b2bpic.net/free-photo/man-drawing-blue-print-with-holding-coffee-cup-his-office_23-2148187157.jpg",
imageAlt: "Retrato de Sofía Ramos",
},
id: "t2", name: "Sofía Ramos", role: "Jefa de Proyectos y Diseño", imageSrc: "http://img.b2bpic.net/free-photo/man-drawing-blue-print-with-holding-coffee-cup-his-office_23-2148187157.jpg", imageAlt: "Retrato de Sofía Ramos"},
{
id: "t3",
name: "Carlos Ruíz",
role: "Ingeniero de Construcción",
imageSrc: "http://img.b2bpic.net/free-photo/happy-builder-hardhat_1398-1726.jpg",
imageAlt: "Retrato de Carlos Ruíz",
},
id: "t3", name: "Carlos Ruíz", role: "Ingeniero de Construcción", imageSrc: "http://img.b2bpic.net/free-photo/happy-builder-hardhat_1398-1726.jpg", imageAlt: "Retrato de Carlos Ruíz"},
{
id: "t4",
name: "Laura García",
role: "Diseñadora de Interiores",
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-holding-pencil-explaining-new-business-plan_23-2147955060.jpg",
imageAlt: "Retrato de Laura García",
},
id: "t4", name: "Laura García", role: "Diseñadora de Interiores", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-holding-pencil-explaining-new-business-plan_23-2147955060.jpg", imageAlt: "Retrato de Laura García"},
]}
title="Conoce a Nuestro Equipo de Expertos"
description="Nuestro éxito se basa en un equipo de profesionales altamente cualificados y apasionados por la arquitectura y la construcción."
@@ -305,53 +200,17 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "tst1",
name: "María G.",
handle: "@MariaGarcia",
testimonial: "El Estudio Deuve transformó completamente mi hogar. Profesionalidad, atención al detalle y un resultado espectacular. ¡Totalmente recomendados!",
imageSrc: "http://img.b2bpic.net/free-photo/entrepreneur-collaborates-with-real-estate-team-experts_482257-95542.jpg",
imageAlt: "Foto de María G.",
},
id: "tst1", name: "María G.", handle: "@MariaGarcia", testimonial: "El Estudio Deuve transformó completamente mi hogar. Profesionalidad, atención al detalle y un resultado espectacular. ¡Totalmente recomendados!", imageSrc: "http://img.b2bpic.net/free-photo/entrepreneur-collaborates-with-real-estate-team-experts_482257-95542.jpg", imageAlt: "Foto de María G."},
{
id: "tst2",
name: "Javier L.",
handle: "@JavierLopez",
testimonial: "Trabajar con ellos fue un placer. Entendieron mi visión a la perfección y entregaron el proyecto de mi oficina a tiempo y con una calidad inmejorable.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-worker-talking-phone_23-2147562047.jpg",
imageAlt: "Foto de Javier L.",
},
id: "tst2", name: "Javier L.", handle: "@JavierLopez", testimonial: "Trabajar con ellos fue un placer. Entendieron mi visión a la perfección y entregaron el proyecto de mi oficina a tiempo y con una calidad inmejorable.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-worker-talking-phone_23-2147562047.jpg", imageAlt: "Foto de Javier L."},
{
id: "tst3",
name: "Ana R.",
handle: "@AnaRuiz",
testimonial: "Necesitaba un certificado energético urgente y lo gestionaron con una rapidez asombrosa. Eficientes y muy amables. ¡Gracias!",
imageSrc: "http://img.b2bpic.net/free-photo/female-engineer-charge-white-helmet-gear-looks-positive_114579-14393.jpg",
imageAlt: "Foto de Ana R.",
},
id: "tst3", name: "Ana R.", handle: "@AnaRuiz", testimonial: "Necesitaba un certificado energético urgente y lo gestionaron con una rapidez asombrosa. Eficientes y muy amables. ¡Gracias!", imageSrc: "http://img.b2bpic.net/free-photo/female-engineer-charge-white-helmet-gear-looks-positive_114579-14393.jpg", imageAlt: "Foto de Ana R."},
{
id: "tst4",
name: "Pablo S.",
handle: "@PabloSanchez",
testimonial: "Desde el diseño hasta la construcción de mi nueva casa, todo fue impecable. Superaron mis expectativas en cada fase del proyecto.",
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-woman-african-american-guy-creating-new-design-writing-paper_74855-8846.jpg",
imageAlt: "Foto de Pablo S.",
},
id: "tst4", name: "Pablo S.", handle: "@PabloSanchez", testimonial: "Desde el diseño hasta la construcción de mi nueva casa, todo fue impecable. Superaron mis expectativas en cada fase del proyecto.", imageSrc: "http://img.b2bpic.net/free-photo/caucasian-woman-african-american-guy-creating-new-design-writing-paper_74855-8846.jpg", imageAlt: "Foto de Pablo S."},
{
id: "tst5",
name: "Elena M.",
handle: "@ElenaMarcos",
testimonial: "Su equipo de interiorismo hizo magia con mi apartamento. Cada rincón refleja mi personalidad y es increíblemente funcional.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-blond-female-coworker-paper-sheet_23-2148180677.jpg",
imageAlt: "Foto de Elena M.",
},
id: "tst5", name: "Elena M.", handle: "@ElenaMarcos", testimonial: "Su equipo de interiorismo hizo magia con mi apartamento. Cada rincón refleja mi personalidad y es increíblemente funcional.", imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-blond-female-coworker-paper-sheet_23-2148180677.jpg", imageAlt: "Foto de Elena M."},
{
id: "tst6",
name: "Ricardo V.",
handle: "@RicardoVidal",
testimonial: "Profesionales al 100%. Me asesoraron en la reforma de mi local comercial y el incremento de clientes ha sido notable. Una inversión que vale la pena.",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-senior-content-business-leader_1262-1728.jpg",
imageAlt: "Foto de Ricardo V.",
},
id: "tst6", name: "Ricardo V.", handle: "@RicardoVidal", testimonial: "Profesionales al 100%. Me asesoraron en la reforma de mi local comercial y el incremento de clientes ha sido notable. Una inversión que vale la pena.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-senior-content-business-leader_1262-1728.jpg", imageAlt: "Foto de Ricardo V."},
]}
title="Lo que Dicen Nuestros Clientes"
description="Las experiencias de quienes ya han confiado en nosotros. Tu satisfacción es nuestra mejor carta de presentación."
@@ -363,25 +222,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq1",
title: "¿Cómo solicito un presupuesto?",
content: "Puedes solicitar un presupuesto rellenando el formulario de contacto en la sección inferior de esta página o llamándonos directamente al 606 46 73 09.",
},
id: "faq1", title: "¿Cómo solicito un presupuesto?", content: "Puedes solicitar un presupuesto rellenando el formulario de contacto en la sección inferior de esta página o llamándonos directamente al 606 46 73 09."},
{
id: "faq2",
title: "¿Qué tipo de proyectos manejan?",
content: "Trabajamos en una amplia gama de proyectos, desde pequeñas reformas y diseño de interiores hasta la construcción completa de viviendas y locales comerciales.",
},
id: "faq2", title: "¿Qué tipo de proyectos manejan?", content: "Trabajamos en una amplia gama de proyectos, desde pequeñas reformas y diseño de interiores hasta la construcción completa de viviendas y locales comerciales."},
{
id: "faq3",
title: "¿Ofrecen asesoramiento inicial gratuito?",
content: "Sí, ofrecemos una consulta inicial sin compromiso para entender tus necesidades y darte una primera orientación sobre tu proyecto.",
},
id: "faq3", title: "¿Ofrecen asesoramiento inicial gratuito?", content: "Sí, ofrecemos una consulta inicial sin compromiso para entender tus necesidades y darte una primera orientación sobre tu proyecto."},
{
id: "faq4",
title: "¿Cuál es su área de servicio?",
content: "Nuestra oficina está en Madrid (C/ de Fernando Garrido, 11, bajo 1, Chamberí, 28015), pero realizamos proyectos en toda la Comunidad de Madrid y áreas cercanas.",
},
id: "faq4", title: "¿Cuál es su área de servicio?", content: "Nuestra oficina está en Madrid (C/ de Fernando Garrido, 11, bajo 1, Chamberí, 28015), pero realizamos proyectos en toda la Comunidad de Madrid y áreas cercanas."},
]}
sideTitle="Preguntas Frecuentes"
sideDescription="Encuentra respuestas a las dudas más comunes sobre nuestros servicios de arquitectura y construcción."
@@ -397,28 +244,17 @@ export default function LandingPage() {
description="Estamos listos para escuchar tus ideas y transformar tus espacios. Rellena el formulario y nos pondremos en contacto contigo para agendar una cita y ofrecerte un presupuesto personalizado."
inputs={[
{
name: "Nombre Completo",
type: "text",
placeholder: "Tu nombre",
required: true,
name: "Nombre Completo", type: "text", placeholder: "Tu nombre", required: true,
},
{
name: "Correo Electrónico",
type: "email",
placeholder: "tu.email@ejemplo.com",
required: true,
name: "Correo Electrónico", type: "email", placeholder: "tu.email@ejemplo.com", required: true,
},
{
name: "Teléfono",
type: "tel",
placeholder: "+34 123 456 789",
required: true,
name: "Teléfono", type: "tel", placeholder: "+34 123 456 789", required: true,
},
]}
textarea={{
name: "Mensaje",
placeholder: "Describe brevemente tu proyecto o consulta...",
rows: 4,
name: "Mensaje", placeholder: "Describe brevemente tu proyecto o consulta...", rows: 4,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821346.jpg"
@@ -436,19 +272,13 @@ export default function LandingPage() {
socialLinks={[
{
icon: Facebook,
href: "#",
ariaLabel: "Facebook",
},
href: "#", ariaLabel: "Facebook"},
{
icon: Instagram,
href: "#",
ariaLabel: "Instagram",
},
href: "#", ariaLabel: "Instagram"},
{
icon: Linkedin,
href: "#",
ariaLabel: "LinkedIn",
},
href: "#", ariaLabel: "LinkedIn"},
]}
/>
</div>