311 lines
18 KiB
TypeScript
311 lines
18 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
import { CheckCircle, Facebook, Instagram, Sparkles, X } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="small"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="circleGradient"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Inicio", id: "#hero"},
|
|
{
|
|
name: "Servicios", id: "#servicios"},
|
|
{
|
|
name: "Nosotros", id: "#nosotros"},
|
|
{
|
|
name: "Testimonios", id: "#testimonios"},
|
|
{
|
|
name: "FAQ", id: "#faq"},
|
|
{
|
|
name: "Contacto", id: "#contacto"},
|
|
]}
|
|
logoSrc="http://img.b2bpic.net/free-photo/portrait-plumber-cartoon-style_23-2151134229.jpg"
|
|
logoAlt="Logotipo de Fiyam Fontanería"
|
|
brandName="Fiyam Fontanería"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDoubleCarousel
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
title="Soluciones de Fontanería Confiables para su Hogar y Negocio"
|
|
description="Expertos en reparaciones, instalaciones y mantenimiento. Disponibles 24/7 para emergencias."
|
|
leftCarouselItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746310.jpg", imageAlt: "Fontanero trabajando en tuberías"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-sitting-near-heater_23-2149308963.jpg", imageAlt: "Fontanero inspeccionando calentador de agua"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/fire-hydrant-use-structure-fire_1153-4467.jpg", imageAlt: "Desatasco de tubería"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990704.jpg", imageAlt: "Fontanero instalando un inodoro"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746311.jpg", imageAlt: "Técnico de fontanería residencial"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-international-worker-s-day-with-engineer-tools_23-2150269664.jpg", imageAlt: "Herramientas de fontanería organizadas"},
|
|
]}
|
|
rightCarouselItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746307.jpg", imageAlt: "Fontanero reparando fregadero de cocina"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/artisan-work-madhu-vana_181624-58285.jpg", imageAlt: "Instalación de tuberías en nueva construcción"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-holding-each-other-s-hand_23-2147891266.jpg", imageAlt: "Cliente satisfecho con el fontanero"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-52877.jpg", imageAlt: "Diseño de planos de fontanería"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/service-maintenance-worker-repairing_23-2149176720.jpg", imageAlt: "Fontanero revisando medidor de agua"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/people-having-debate-while-looking-computer_23-2149389714.jpg", imageAlt: "Fontanero hablando con un propietario"},
|
|
]}
|
|
tag="Fontanería de Confianza"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{
|
|
text: "Solicitar Servicio", href: "#contacto"},
|
|
{
|
|
text: "Ver Servicios", href: "#servicios"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/happy-smiling-girl-with-cute-blush-wearing-summer-clothes-beaming-from-joy-holding-arms-crossed_1258-120376.jpg", alt: "Cliente satisfecho"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/expressive-young-lady-posing-studio_176474-76528.jpg", alt: "Gerente de proyecto satisfecho"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/happy-auto-repairman-his-colleague-communicating-while-working-together-workshop_637285-7662.jpg", alt: "Propietario contento"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg", alt: "Empresario sonriente"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/happy-couple-holding-hands-while-talking-about-housing-plans-with-real-estate-agent-home_637285-3834.jpg", alt: "Pareja joven satisfecha"},
|
|
]}
|
|
avatarText="Más de 100 clientes satisfechos"
|
|
marqueeItems={[
|
|
{
|
|
type: "text", text: "Profesionales Certificados"},
|
|
{
|
|
type: "text", text: "Materiales de Calidad"},
|
|
{
|
|
type: "text", text: "Atención 24/7"},
|
|
{
|
|
type: "text", text: "Garantía de Satisfacción"},
|
|
{
|
|
type: "text", text: "Tecnología Avanzada"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="nosotros" data-section="nosotros">
|
|
<MediaAbout
|
|
useInvertedBackground={false}
|
|
title="Experiencia y Calidad en Cada Trabajo"
|
|
description="En Fiyam Fontanería, combinamos años de experiencia con las últimas técnicas para ofrecer servicios duraderos y eficientes. Su satisfacción es nuestra prioridad, garantizando soluciones de fontanería que realmente funcionan."
|
|
tag="Nuestra Historia"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{
|
|
text: "Conozca Más", href: "#"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/portrait-mid-adult-cnc-operator-looking-away-while-standing-factory_637285-4840.jpg"
|
|
imageAlt="Fontanero profesional reparando una tubería"
|
|
/>
|
|
</div>
|
|
|
|
<div id="servicios" data-section="servicios">
|
|
<FeatureCardTwentyThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "f1", title: "Detección y Reparación de Fugas", tags: [
|
|
"Emergencia", "Profesional"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/monochrome-portrait-retro-man-doing-housework-household-chores_23-2151448509.jpg", imageAlt: "Manos reparando una fuga de agua"},
|
|
{
|
|
id: "f2", title: "Instalación y Reparación de Calentadores", tags: [
|
|
"Eficiencia", "Servicio Completo"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/service-man-adjusting-house-heating-system_1303-26545.jpg", imageAlt: "Instalación de un nuevo calentador de agua"},
|
|
{
|
|
id: "f3", title: "Desatascos y Limpieza de Tuberías", tags: [
|
|
"Rápido", "Efectivo"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990707.jpg", imageAlt: "Herramientas de limpieza de desagües"},
|
|
{
|
|
id: "f4", title: "Instalaciones de Baño y Cocina", tags: [
|
|
"Modernización", "Personalizado"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/white-modern-sink-faucet-bathroom_74190-6105.jpg", imageAlt: "Instalación de fontanería de cocina moderna"},
|
|
{
|
|
id: "f5", title: "Mantenimiento Preventivo", tags: [
|
|
"Durabilidad", "Ahorro"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334225.jpg", imageAlt: "Fontanero revisando tuberías para mantenimiento"},
|
|
{
|
|
id: "f6", title: "Servicio de Emergencia 24/7", tags: [
|
|
"Disponibilidad", "Inmediato"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-man-posing-winter-holidays_140725-139947.jpg", imageAlt: "Fontanero trabajando de noche en una emergencia"},
|
|
]}
|
|
title="Nuestros Servicios de Fontanería"
|
|
description="Ofrecemos una amplia gama de soluciones para todas sus necesidades de fontanería, desde pequeñas reparaciones hasta grandes instalaciones, con profesionalismo y garantía."
|
|
tag="Amplia Gama"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metricas" data-section="metricas">
|
|
<MetricCardFourteen
|
|
useInvertedBackground={false}
|
|
title="Nuestros Logros Hablan por Sí Solos"
|
|
tag="Cifras que Inspiran Confianza"
|
|
tagAnimation="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "m1", value: "+10", description: "Años de experiencia sirviendo a la comunidad."},
|
|
{
|
|
id: "m2", value: "+500", description: "Clientes satisfechos con nuestros servicios."},
|
|
{
|
|
id: "m3", value: "98%", description: "Tasa de resolución en la primera visita."},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonios" data-section="testimonios">
|
|
<TestimonialCardTen
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "t1", title: "Servicio Impecable y Rápido", quote: "Fiyam Fontanería respondió rápidamente a nuestra emergencia. El trabajo fue impecable y el equipo muy profesional. ¡Altamente recomendados!", name: "Ana G.", role: "Propietaria de Vivienda", imageSrc: "http://img.b2bpic.net/free-photo/man-winking-thumb-up_1187-3210.jpg", imageAlt: "Foto de cliente satisfecho Ana G."},
|
|
{
|
|
id: "t2", title: "Soluciones Duraderas", quote: "Tuve un problema recurrente con un calentador y Fiyam Fontanería lo solucionó de forma definitiva. Muy contento con la calidad y la durabilidad del trabajo.", name: "Juan P.", role: "Gerente de Edificio", imageSrc: "http://img.b2bpic.net/free-photo/friendly-cheerful-young-cute-woman-red-tshirt-smiling-tilt-head-extend-arm-hold-camera-take-selfie-talking-online-via-videocall-record-livestream-waving-followers-white-background_176420-56230.jpg", imageAlt: "Foto de cliente satisfecho Juan P."},
|
|
{
|
|
id: "t3", title: "Profesionalismo Garantizado", quote: "Desde la primera llamada hasta la finalización del trabajo, todo fue manejado con el máximo profesionalismo. Es un placer trabajar con gente tan dedicada.", name: "María R.", role: "Empresaria", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-green-eyed-brunette-woman-hair-band-white-t-shirt-against-wall-windows-cacti_197531-17042.jpg", imageAlt: "Foto de cliente satisfecho María R."},
|
|
{
|
|
id: "t4", title: "Atención al Detalle", quote: "La atención al detalle y el compromiso con la limpieza después del servicio fueron excepcionales. Fiyam Fontanería superó nuestras expectativas.", name: "Carlos M.", role: "Dueño de Negocio", imageSrc: "http://img.b2bpic.net/free-photo/smiling-asian-woman-sunglasses-pointing-finger-left-showing-banner-logo-advertisement-standing-blue-background-copy-space_1258-97088.jpg", imageAlt: "Foto de cliente satisfecho Carlos M."},
|
|
{
|
|
id: "t5", title: "Precios Justos y Transparencia", quote: "Valoro mucho la transparencia en los precios y el trato honesto. Con Fiyam Fontanería siempre sé lo que espero, sin sorpresas desagradables.", name: "Elena S.", role: "Residente Local", imageSrc: "http://img.b2bpic.net/free-photo/middle-age-greyhaired-man-wearing-casual-clothes-doing-happy-thumbs-up-gesture-with-hand-approving-expression-looking-camera-showing-success_839833-27567.jpg", imageAlt: "Foto de cliente satisfecho Elena S."},
|
|
]}
|
|
title="Lo que Dicen Nuestros Clientes"
|
|
description="Nuestra reputación se basa en la satisfacción y confianza de quienes nos eligen. Escuche sus experiencias."
|
|
tag="Opiniones Reales"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttonAnimation="none"
|
|
/>
|
|
</div>
|
|
|
|
<div id="socialProof" data-section="socialProof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Certificación AENOR", "ISO 9001", "Tuberías Pex", "Griferías Roca", "Calentadores Junkers", "Bombas Grundfos", "Sistema Geberit"]}
|
|
title="Proveedores y Certificaciones de Confianza"
|
|
description="Trabajamos con las mejores marcas y contamos con las certificaciones necesarias para garantizar un servicio de calidad y seguridad en cada proyecto."
|
|
tag="Nuestros Estándares"
|
|
tagIcon={CheckCircle}
|
|
tagAnimation="slide-up"
|
|
buttonAnimation="none"
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "faq1", title: "¿Ofrecen servicios de fontanería de emergencia?", content: "Sí, estamos disponibles 24/7 para atender cualquier emergencia de fontanería. Contáctenos de inmediato y enviaremos un técnico lo antes posible."},
|
|
{
|
|
id: "faq2", title: "¿Cuánto cuesta un servicio de fontanería?", content: "El costo varía según el tipo y la complejidad del trabajo. Ofrecemos presupuestos gratuitos y sin compromiso después de evaluar la situación en su propiedad."},
|
|
{
|
|
id: "faq3", title: "¿Realizan instalaciones de calentadores de agua?", content: "Absolutamente. Nos especializamos en la instalación, reparación y mantenimiento de todo tipo de calentadores de agua, incluyendo modelos a gas y eléctricos."},
|
|
{
|
|
id: "faq4", title: "¿Pueden ayudar con problemas de baja presión de agua?", content: "Sí, nuestros técnicos pueden diagnosticar y resolver problemas de baja presión de agua, que a menudo son causados por fugas, obstrucciones o problemas en la válvula principal."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/young-delivery-man-wor_23-2147914236.jpg"
|
|
imageAlt="Fontanero explicando el trabajo a un cliente"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="left"
|
|
title="¿Preguntas Frecuentes?"
|
|
description="Encuentre respuestas a las dudas más comunes sobre nuestros servicios de fontanería, precios y disponibilidad."
|
|
tag="Respuestas Claras"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttonAnimation="none"
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contacto" data-section="contacto">
|
|
<ContactSplit
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain"}}
|
|
tag="Contacto Rápido"
|
|
title="Contáctenos Hoy Mismo"
|
|
description="Estamos listos para resolver sus problemas de fontanería. Solicite un presupuesto o agende un servicio, y nos pondremos en contacto a la brevedad."
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/young-bearded-builder-man-construction-uniform-safety-helmet-smiling-talking-mobile-phone_141793-30182.jpg"
|
|
imageAlt="Operador de centro de llamadas de fontanería"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Su correo electrónico"
|
|
buttonText="Enviar Mensaje"
|
|
termsText="Al hacer clic en Enviar, confirma que acepta nuestros Términos y Condiciones."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoSrc="http://img.b2bpic.net/free-photo/portrait-plumber-cartoon-style_23-2151134229.jpg"
|
|
logoAlt="Logotipo de Fiyam Fontanería"
|
|
logoText="Fiyam Fontanería"
|
|
copyrightText="© 2024 Fiyam Fontanería. Todos los derechos reservados."
|
|
socialLinks={[
|
|
{
|
|
icon: Facebook,
|
|
href: "https://facebook.com/fiyamfontaneria", ariaLabel: "Facebook"},
|
|
{
|
|
icon: Instagram,
|
|
href: "https://instagram.com/fiyamfontaneria", ariaLabel: "Instagram"},
|
|
{
|
|
icon: X,
|
|
href: "https://twitter.com/fiyamfontaneria", ariaLabel: "Twitter"},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|