Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-05-06 21:59:24 +00:00

View File

@@ -11,7 +11,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Award, BarChart2, Building, CalendarCheck, Clock, Coffee, Droplets, Home, Key, ShieldCheck, Sparkles, Users, Wrench } from "lucide-react";
import { Award, BarChart2, Building, CalendarCheck, Clock, Coffee, Droplets, Home, Key, ShieldCheck, Sparkles, Users, Wrench, ShowerHead, FileCheck, ChefHat } from "lucide-react";
export default function LandingPage() {
return (
@@ -28,392 +28,154 @@ export default function LandingPage() {
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Inicio",
id: "hero",
},
{
name: "Servicios",
id: "features",
},
{
name: "Opiniones",
id: "testimonials",
},
{
name: "Contacto",
id: "contact",
},
]}
brandName="FSM Multiservicios"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{ name: "Inicio", id: "hero" },
{ name: "Servicios", id: "features" },
{ name: "Opiniones", id: "testimonials" },
{ name: "Contacto", id: "contact" },
]}
brandName="FSM Multiservicios"
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "gradient-bars",
}}
title="FSM Multiservicios: Reformas Integrales en Elche donde la Palabra y la Limpieza son Ley."
description="No somos solo constructores; somos tus asesores de confianza. Transformamos tu hogar con puntualidad británica, limpieza diaria y presupuestos sin sorpresas de última hora."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/close-up-view-woman-kitchen_197531-32481.jpg",
alt: "Cliente 1",
},
{
src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-glasses-shaking-hands-with-female-partner-meeting-co-working-space_74855-10006.jpg",
alt: "Cliente 2",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151065037.jpg",
alt: "Cliente 3",
},
{
src: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15675.jpg",
alt: "Cliente 4",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-resting_171337-3997.jpg",
alt: "Cliente 5",
},
]}
avatarText="+60 Opiniones en Google"
buttons={[
{
text: "Solicitar Presupuesto Gratuito",
href: "#contact",
},
]}
marqueeItems={[
{
type: "text-icon",
text: "Presupuesto Gratis",
icon: BarChart2,
},
{
type: "text-icon",
text: "Certificado de Calidad",
icon: Award,
},
{
type: "text-icon",
text: "Atención Personalizada",
icon: Users,
},
{
type: "text-icon",
text: "Limpieza Diaria",
icon: Sparkles,
},
{
type: "text-icon",
text: "Cumplimiento de Plazos",
icon: CalendarCheck,
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
background={{ variant: "gradient-bars" }}
title="FSM Multiservicios: Reformas Integrales en Elche donde la Palabra y la Limpieza son Ley."
description="No somos solo constructores; somos tus asesores de confianza. Transformamos tu hogar con puntualidad británica, limpieza diaria y presupuestos sin sorpresas de última hora."
avatars={[
{ src: "http://img.b2bpic.net/free-photo/close-up-view-woman-kitchen_197531-32481.jpg", alt: "Cliente 1" },
{ src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-glasses-shaking-hands-with-female-partner-meeting-co-working-space_74855-10006.jpg", alt: "Cliente 2" },
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151065037.jpg", alt: "Cliente 3" },
{ src: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15675.jpg", alt: "Cliente 4" },
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-resting_171337-3997.jpg", alt: "Cliente 5" },
]}
avatarText="+60 Opiniones en Google"
buttons={[{ text: "Solicitar Presupuesto Gratuito", href: "#contact" }]}
marqueeItems={[
{ type: "text-icon", text: "Presupuesto Gratis", icon: BarChart2 },
{ type: "text-icon", text: "Certificado de Calidad", icon: Award },
{ type: "text-icon", text: "Atención Personalizada", icon: Users },
{ type: "text-icon", text: "Limpieza Diaria", icon: Sparkles },
{ type: "text-icon", text: "Cumplimiento de Plazos", icon: CalendarCheck },
]}
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"4.9/5 Estrellas en Google Maps",
"+60 Opiniones Reales",
"Expertos en Elche",
"Calidad Garantizada",
"Profesionalidad Certificada",
"Limpieza Diaria",
"Cumplimiento de Plazos",
]}
title="Lo que nuestros clientes de Elche dicen de nosotros: 'Profesionales, limpios y comprometidos'."
description="Basado en más de 60 reseñas reales."
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={["4.9/5 Estrellas en Google Maps", "+60 Opiniones Reales", "Expertos en Elche", "Calidad Garantizada", "Profesionalidad Certificada", "Limpieza Diaria", "Cumplimiento de Plazos"]}
title="Lo que nuestros clientes de Elche dicen de nosotros: 'Profesionales, limpios y comprometidos'."
description="Basado en más de 60 reseñas reales."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Reformas de Baños",
description: "Especialistas en cambiar bañera por plato de ducha con fontanería de última generación.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/view-plumber-tool-box-ready-fixing-problems-bathroom_23-2150990694.jpg",
imageAlt: "Modern luxury bathroom renovation",
},
items: [
{
icon: Droplets,
text: "Fontanería avanzada",
},
{
icon: ShowerHead,
text: "Acabados de lujo",
},
{
icon: Clock,
text: "Tiempo récord",
},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/blue-kitchen-with-metal-ladder-built-oven-loft-kitchen_169016-69383.jpg",
imageAlt: "modern luxury bathroom renovation",
},
{
title: "Reformas Integrales",
description: "Desde la redistribución de tabiques hasta la entrega de llaves. Gestión de licencias incluida.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/people-with-paper-tablet-office_23-2147668750.jpg",
imageAlt: "Home renovation planning interior design",
},
items: [
{
icon: Home,
text: "Redistribución total",
},
{
icon: FileCheck,
text: "Gestión de licencias",
},
{
icon: Key,
text: "Entrega de llaves",
},
],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/young-it-girl-woman-works-freelance-from-home-sits-floor-with-laptop-girl-student-does-homework_1258-200094.jpg",
imageAlt: "modern luxury bathroom renovation",
},
{
title: "Cocinas de Diseño",
description: "Espacios modernos, ergonómicos y duraderos. El corazón de tu hogar sin estrés.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-experienced-carpenter-his-younger-employee_329181-15686.jpg",
imageAlt: "Modern kitchen design renovation",
},
items: [
{
icon: ChefHat,
text: "Diseño ergonómico",
},
{
icon: Sparkles,
text: "Moderno y duradero",
},
{
icon: Coffee,
text: "Sin estrés",
},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-woman-kitchen_197531-32481.jpg",
imageAlt: "modern luxury bathroom renovation",
},
{
title: "Multiservicios",
description: "Soluciones técnicas rápidas para comunidades y hogares.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-glasses-shaking-hands-with-female-partner-meeting-co-working-space_74855-10006.jpg",
imageAlt: "Technical maintenance local services",
},
items: [
{
icon: Wrench,
text: "Reparaciones rápidas",
},
{
icon: Building,
text: "Para comunidades",
},
{
icon: ShieldCheck,
text: "Garantía de calidad",
},
],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151065037.jpg",
imageAlt: "modern luxury bathroom renovation",
},
]}
title="Nuestros Pilares de Servicio"
description="Transformaciones completas con acabados de lujo y máxima fiabilidad."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTen
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Reformas de Baños", description: "Especialistas en cambiar bañera por plato de ducha con fontanería de última generación.", media: { imageSrc: "http://img.b2bpic.net/free-photo/view-plumber-tool-box-ready-fixing-problems-bathroom_23-2150990694.jpg", imageAlt: "Modern luxury bathroom renovation" },
items: [{ icon: Droplets, text: "Fontanería avanzada" }, { icon: ShowerHead, text: "Acabados de lujo" }, { icon: Clock, text: "Tiempo récord" }],
reverse: false
},
{
title: "Reformas Integrales", description: "Desde la redistribución de tabiques hasta la entrega de llaves. Gestión de licencias incluida.", media: { imageSrc: "http://img.b2bpic.net/free-photo/people-with-paper-tablet-office_23-2147668750.jpg", imageAlt: "Home renovation planning interior design" },
items: [{ icon: Home, text: "Redistribución total" }, { icon: FileCheck, text: "Gestión de licencias" }, { icon: Key, text: "Entrega de llaves" }],
reverse: true
},
{
title: "Cocinas de Diseño", description: "Espacios modernos, ergonómicos y duraderos. El corazón de tu hogar sin estrés.", media: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-experienced-carpenter-his-younger-employee_329181-15686.jpg", imageAlt: "Modern kitchen design renovation" },
items: [{ icon: ChefHat, text: "Diseño ergonómico" }, { icon: Sparkles, text: "Moderno y duradero" }, { icon: Coffee, text: "Sin estrés" }],
reverse: false
},
{
title: "Multiservicios", description: "Soluciones técnicas rápidas para comunidades y hogares.", media: { imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-glasses-shaking-hands-with-female-partner-meeting-co-working-space_74855-10006.jpg", imageAlt: "Technical maintenance local services" },
items: [{ icon: Wrench, text: "Reparaciones rápidas" }, { icon: Building, text: "Para comunidades" }, { icon: ShieldCheck, text: "Garantía de calidad" }],
reverse: true
}
]}
title="Nuestros Pilares de Servicio"
description="Transformaciones completas con acabados de lujo y máxima fiabilidad."
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={false}
tag="El Método FSM"
title="Tu hogar, en manos de expertos"
description="Analizamos tu espacio y te decimos qué es lo mejor, no lo más caro."
subdescription="Protegemos tus muebles y suelos, trabajando con puntualidad británica. Si decimos que terminamos un viernes, terminamos ese viernes."
icon={ShieldCheck}
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-old-man-with-phone-showing-approval_23-2148269391.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={false}
tag="El Método FSM"
title="Tu hogar, en manos de expertos"
description="Analizamos tu espacio y te decimos qué es lo mejor, no lo más caro."
subdescription="Protegemos tus muebles y suelos, trabajando con puntualidad británica. Si decimos que terminamos un viernes, terminamos ese viernes."
icon={ShieldCheck}
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-old-man-with-phone-showing-approval_23-2148269391.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Clara del Río",
imageSrc: "http://img.b2bpic.net/free-photo/couple-painting-walls-their-new-home-together_23-2149086834.jpg",
},
{
id: "2",
name: "Carlos Mota",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-plans_23-2148819866.jpg",
},
{
id: "3",
name: "Cristina García",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-worker-wearing-vest_23-2149366622.jpg",
},
{
id: "4",
name: "Javier Ruiz",
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-businessman-writing-paper-pinned-corkboard-talking-phone-smiling_176420-6478.jpg",
},
{
id: "5",
name: "María López",
imageSrc: "http://img.b2bpic.net/free-photo/happy-business-women-posing-pointing-fingers-camera-while-sitting-table-with-coffee-cups-documents_74855-9959.jpg",
},
]}
cardTitle="Lo que dicen de nosotros"
cardTag="Opiniones"
cardAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Clara del Río", imageSrc: "http://img.b2bpic.net/free-photo/couple-painting-walls-their-new-home-together_23-2149086834.jpg" },
{ id: "2", name: "Carlos Mota", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-plans_23-2148819866.jpg" },
{ id: "3", name: "Cristina García", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-worker-wearing-vest_23-2149366622.jpg" },
{ id: "4", name: "Javier Ruiz", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-businessman-writing-paper-pinned-corkboard-talking-phone-smiling_176420-6478.jpg" },
{ id: "5", name: "María López", imageSrc: "http://img.b2bpic.net/free-photo/happy-business-women-posing-pointing-fingers-camera-while-sitting-table-with-coffee-cups-documents_74855-9959.jpg" },
]}
cardTitle="Lo que dicen de nosotros"
cardTag="Opiniones"
cardAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "¿Hacéis presupuestos sin compromiso?",
content: "Sí, realizamos una visita técnica y te entregamos un presupuesto gratuito y sin compromiso.",
},
{
id: "f2",
title: "¿Trabajáis fuera de Elche?",
content: "Sí, cubrimos toda la provincia de Alicante.",
},
{
id: "f3",
title: "¿Tenéis garantía?",
content: "Todos nuestros trabajos cuentan con una garantía post-obra para tu total tranquilidad.",
},
]}
title="Preguntas frecuentes"
description="Resolvemos todas tus dudas antes de empezar."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{ id: "f1", title: "¿Hacéis presupuestos sin compromiso?", content: "Sí, realizamos una visita técnica y te entregamos un presupuesto gratuito y sin compromiso." },
{ id: "f2", title: "¿Trabajáis fuera de Elche?", content: "Sí, cubrimos toda la provincia de Alicante." },
{ id: "f3", title: "¿Tenéis garantía?", content: "Todos nuestros trabajos cuentan con una garantía post-obra para tu total tranquilidad." },
]}
title="Preguntas frecuentes"
description="Resolvemos todas tus dudas antes de empezar."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Solicita tu presupuesto"
description="Carrer Barrera, 8, 03202 Elx, Alicante. Llámanos: 647 89 54 07."
inputs={[
{
name: "name",
type: "text",
placeholder: "Tu Nombre",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Tu Correo",
required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Tu Teléfono",
required: false,
},
]}
textarea={{
name: "message",
placeholder: "Cuéntanos sobre tu reforma",
rows: 4,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/team-multi-ethnic-architects-designing-blueprint-plan_482257-12295.jpg"
buttonText="Enviar Solicitud"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Solicita tu presupuesto"
description="Carrer Barrera, 8, 03202 Elx, Alicante. Llámanos: 647 89 54 07."
inputs={[
{ name: "name", type: "text", placeholder: "Tu Nombre", required: true },
{ name: "email", type: "email", placeholder: "Tu Correo", required: true },
{ name: "phone", type: "tel", placeholder: "Tu Teléfono", required: false },
]}
textarea={{ name: "message", placeholder: "Cuéntanos sobre tu reforma", rows: 4, required: true }}
imageSrc="http://img.b2bpic.net/free-photo/team-multi-ethnic-architects-designing-blueprint-plan_482257-12295.jpg"
buttonText="Enviar Solicitud"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Servicios",
items: [
{
label: "Reformas de Baños",
href: "#features",
},
{
label: "Reformas Integrales",
href: "#features",
},
{
label: "Cocinas",
href: "#features",
},
],
},
{
title: "Empresa",
items: [
{
label: "Sobre Nosotros",
href: "#about",
},
{
label: "Opiniones",
href: "#testimonials",
},
{
label: "Contacto",
href: "#contact",
},
],
},
{
title: "Legal",
items: [
{
label: "Política de Privacidad",
href: "#",
},
{
label: "Aviso Legal",
href: "#",
},
],
},
]}
logoText="FSM Multiservicios"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{ title: "Servicios", items: [{ label: "Reformas de Baños", href: "#features" }, { label: "Reformas Integrales", href: "#features" }, { label: "Cocinas", href: "#features" }] },
{ title: "Empresa", items: [{ label: "Sobre Nosotros", href: "#about" }, { label: "Opiniones", href: "#testimonials" }, { label: "Contacto", href: "#contact" }] },
{ title: "Legal", items: [{ label: "Política de Privacidad", href: "#" }, { label: "Aviso Legal", href: "#" }] },
]}
logoText="FSM Multiservicios"
/>
</div>
</ReactLenis>
</ThemeProvider>
);