295 lines
11 KiB
TypeScript
295 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="largeSizeMediumTitles"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Inicio",
|
|
id: "hero",
|
|
},
|
|
{
|
|
name: "Servicios",
|
|
id: "servicios",
|
|
},
|
|
{
|
|
name: "Testimonios",
|
|
id: "testimonios",
|
|
},
|
|
{
|
|
name: "Contacto",
|
|
id: "contacto",
|
|
},
|
|
]}
|
|
brandName="Fontaneros Madrid 24h"
|
|
button={{
|
|
text: "¡Llamar ahora!",
|
|
href: "tel:+34600000000",
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCarouselLogo
|
|
logoText="Fontaneros Madrid 24h"
|
|
description="Tu fontanero de confianza en Madrid. Respuesta en menos de 30 minutos, 24 horas al día, 365 días al año. Precios transparentes y garantía de satisfacción."
|
|
buttons={[
|
|
{
|
|
text: "Llamar ahora",
|
|
href: "tel:+34600000000",
|
|
},
|
|
{
|
|
text: "WhatsApp 24h",
|
|
href: "https://wa.me/34600000000",
|
|
},
|
|
]}
|
|
slides={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/strict-young-male-builder-wearing-uniform-safety-helmet-showing-stop-gesture-white_141793-74749.jpg?_wi=1",
|
|
imageAlt: "Fontanero profesional urgente en Madrid",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/clueless-slavic-cleaner-man-with-rubber-gloves-holding-pointing-alarm-clock_141793-124060.jpg",
|
|
imageAlt: "Clueless slavic cleaner man with rubber gloves holding and pointing at alarm clock ",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-man-posing-studio_176474-38423.jpg",
|
|
imageAlt: "Expressive young man posing in the studio",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-builder-man-construction-uniform-safety-helmet-holding-wall-clock-looking-confused-surprised_141793-28562.jpg",
|
|
imageAlt: "Young builder man in construction uniform and safety helmet holding wall clock looking confused and surprised ",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-worker-pointing-alarm-clock-uniform_176474-36060.jpg",
|
|
imageAlt: "Young worker pointing at alarm clock in uniform.",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="servicios" data-section="servicios">
|
|
<FeatureCardNine
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Urgencias 24h",
|
|
description: "Atención inmediata de fugas, roturas y desatascos en cualquier punto de Madrid.",
|
|
phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-vector/plumber-big-cartoon-set-with-burst-pipes-repair-flooded-home-fixing-sanitary-washing-machine-installation_1284-27811.jpg",
|
|
imageAlt: "icono llave inglesa fontanería",
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990729.jpg",
|
|
imageAlt: "icono llave inglesa fontanería",
|
|
},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/strict-young-male-builder-wearing-uniform-safety-helmet-showing-stop-gesture-white_141793-74749.jpg?_wi=2",
|
|
imageAlt: "icono llave inglesa fontanería",
|
|
},
|
|
{
|
|
title: "Calentadores y Termos",
|
|
description: "Reparación, instalación y mantenimiento de calentadores de gas y termos eléctricos.",
|
|
phoneOne: {
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qs3xg1",
|
|
imageAlt: "icono calentador agua",
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=btujtb",
|
|
imageAlt: "icono calentador agua",
|
|
},
|
|
imageSrc: "http://img.b2bpic.net/free-vector/cried-shower-self-quarantine-activity-design-element_53876-168006.jpg",
|
|
imageAlt: "icono llave inglesa fontanería",
|
|
},
|
|
{
|
|
title: "Instalaciones de Baño",
|
|
description: "Cambio de bañera por ducha, reparación de cisternas y grifería de alta calidad.",
|
|
phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-winking-while-posing-t-shirt-denim-jacket-looking-merry-front-view_176474-108308.jpg?_wi=1",
|
|
imageAlt: "instalación plato ducha icono",
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-vector/100-swimming-icons_1057-673.jpg",
|
|
imageAlt: "instalación plato ducha icono",
|
|
},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-mall_23-2148195366.jpg?_wi=1",
|
|
imageAlt: "icono llave inglesa fontanería",
|
|
},
|
|
]}
|
|
showStepNumbers={false}
|
|
title="Nuestros servicios especializados"
|
|
description="Solucionamos cualquier avería de fontanería con rapidez y profesionalidad."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonios" data-section="testimonios">
|
|
<TestimonialCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Sergio S.",
|
|
role: "Cliente",
|
|
company: "Local Guide",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-winking-while-posing-t-shirt-denim-jacket-looking-merry-front-view_176474-108308.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Lidia R.",
|
|
role: "Cliente",
|
|
company: "Local Guide",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-mall_23-2148195366.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Soraya A.",
|
|
role: "Cliente",
|
|
company: "Local Guide",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-standing-isolated-background-looking-sleepy-tired-exhausted-fatigue-hangover-lazy-eyes-morning_839833-16668.jpg",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Meli L.",
|
|
role: "Cliente",
|
|
company: "Local Guide",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-portrait-young-man-with-his-hands-pocket_23-2148130315.jpg",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Nadia H.",
|
|
role: "Cliente",
|
|
company: "Cliente",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-athletic-woman-gym-outfit_23-2148398752.jpg",
|
|
},
|
|
]}
|
|
title="Lo que dicen nuestros clientes"
|
|
description="Más de 80 reseñas reales que avalan nuestro servicio profesional y cercano."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Preguntas frecuentes"
|
|
description="Resolvemos las dudas más comunes sobre nuestro servicio de fontanería 24h en Madrid."
|
|
imageSrc="http://img.b2bpic.net/free-photo/view-fantasy-landscape-with-surreal-running-water-tap-world-water-day-awareness_23-2151182069.jpg"
|
|
imageAlt="View of fantasy landscape with surreal running water tap for world water day awareness"
|
|
mediaAnimation="slide-up"
|
|
faqsAnimation="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "q1",
|
|
title: "¿Atienden urgencias festivas?",
|
|
content: "Sí, nuestro servicio está activo los 365 días del año, incluyendo festivos y fines de semana.",
|
|
},
|
|
{
|
|
id: "q2",
|
|
title: "¿En cuánto tiempo llegan?",
|
|
content: "Garantizamos un tiempo de respuesta de menos de 30 minutos en toda la zona metropolitana de Madrid.",
|
|
},
|
|
{
|
|
id: "q3",
|
|
title: "¿Ofrecen garantía?",
|
|
content: "Todos nuestros trabajos de fontanería cuentan con una garantía de satisfacción y durabilidad por escrito.",
|
|
},
|
|
{
|
|
id: "q4",
|
|
title: "¿Los precios son cerrados?",
|
|
content: "Realizamos presupuestos transparentes sin sorpresas de última hora antes de comenzar cualquier reparación.",
|
|
},
|
|
{
|
|
id: "q5",
|
|
title: "¿Qué métodos de pago aceptan?",
|
|
content: "Aceptamos efectivo, transferencia y pago con tarjeta para tu máxima comodidad.",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contacto" data-section="contacto">
|
|
<ContactCenter
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "sparkles-gradient",
|
|
}}
|
|
title="¡Soluciona tu avería ahora!"
|
|
description="No dejes que el agua arruine tu día. Llámanos o escríbenos por WhatsApp para atención inmediata en Madrid."
|
|
buttonText="Contactar"
|
|
tag="Contacto"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
columns={[
|
|
{
|
|
items: [
|
|
{
|
|
label: "Inicio",
|
|
href: "#hero",
|
|
},
|
|
{
|
|
label: "Servicios",
|
|
href: "#servicios",
|
|
},
|
|
{
|
|
label: "Testimonios",
|
|
href: "#testimonios",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Llamar: 600 000 000",
|
|
href: "tel:+34600000000",
|
|
},
|
|
{
|
|
label: "WhatsApp 24h",
|
|
href: "https://wa.me/34600000000",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
logoText="Fontaneros Madrid 24h"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|