330 lines
11 KiB
TypeScript
330 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import { Facebook, Instagram, Shield } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="fluid"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Inicio",
|
|
id: "hero",
|
|
},
|
|
{
|
|
name: "Servicios",
|
|
id: "servicios",
|
|
},
|
|
{
|
|
name: "Nosotros",
|
|
id: "nosotros",
|
|
},
|
|
{
|
|
name: "Contacto",
|
|
id: "contacto",
|
|
},
|
|
]}
|
|
brandName="BeneFisio"
|
|
button={{
|
|
text: "Agendar",
|
|
href: "https://wa.me/59899123456",
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitTestimonial
|
|
background={{
|
|
variant: "gradient-bars",
|
|
}}
|
|
imagePosition="right"
|
|
title="Recupera tu bienestar con expertos."
|
|
description="Fisioterapia personalizada con atención de 5 estrellas. Tu salud no puede esperar."
|
|
testimonials={[
|
|
{
|
|
name: "Juan Pérez",
|
|
handle: "@juanp",
|
|
testimonial: "Excelente atención, mi recuperación fue notable en pocas sesiones.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-healthcare-worker-communicating-with-senior-man-pointing-him-while-being-home-visit_637285-1380.jpg",
|
|
},
|
|
{
|
|
name: "Ana García",
|
|
handle: "@anag",
|
|
testimonial: "Profesionales de primer nivel en el corazón de Buceo.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/wife-visiting-her-ill-husband_23-2148981241.jpg",
|
|
},
|
|
{
|
|
name: "Pedro M.",
|
|
handle: "@pedrom",
|
|
testimonial: "La mejor rehabilitación que he tenido, atención muy humana.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/people-meeting-support-group_23-2151079547.jpg",
|
|
},
|
|
{
|
|
name: "Lucia S.",
|
|
handle: "@lucias",
|
|
testimonial: "Muy puntuales y profesionales en cada sesión.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/senior-patient-bed-talking-african-american-female-doctor-hospital-room-health-care-insurance-concept-doctor-comforting-elderly-patient-hospital-bed-counsel-diagnosis-health_657921-41.jpg",
|
|
},
|
|
{
|
|
name: "Jorge A.",
|
|
handle: "@jorgea",
|
|
testimonial: "Recuperé mi movilidad gracias al equipo de BeneFisio.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/african-american-doctor-female-lab-coat-with-stethoscope-posed-outdoor-against-clinic_627829-2897.jpg",
|
|
},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Agendar Sesión por WhatsApp",
|
|
href: "https://wa.me/59899123456",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/senior-couple-working-with-balls_23-2148503036.jpg"
|
|
mediaAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/patient-getting-chemotherapy-treatment_23-2149261124.jpg",
|
|
alt: "Paciente 1",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-cute-nurse-doing-physiotherapy-treatment-home-with-senior-man-using-dumbbells_496169-1553.jpg",
|
|
alt: "Paciente 2",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/handsome-darkskinned-browneyed-brunette-longsleeved-tshirt-looks-into-camera-runs-upstairs-outdoors_197531-28721.jpg",
|
|
alt: "Paciente 3",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/serious-brunet-dark-skinned-man-black-long-sleeved-t-shirt-looks-away-stretches-as-works-out-park-outside_197531-23717.jpg",
|
|
alt: "Paciente 4",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/man-with-beanie_23-2147617976.jpg",
|
|
alt: "Paciente 5",
|
|
},
|
|
]}
|
|
marqueeItems={[
|
|
{
|
|
type: "text",
|
|
text: "Fisioterapia de Calidad",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Atención Personalizada",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Buceo, Montevideo",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Agenda Previa",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Resultados Reales",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
names={[
|
|
"Google",
|
|
"Buceo",
|
|
"Montevideo",
|
|
"Fisioterapia",
|
|
"Excelencia",
|
|
]}
|
|
title="Calificación 5.0 en Google Maps"
|
|
description="Basada en más de 140 testimonios reales de pacientes satisfechos."
|
|
/>
|
|
</div>
|
|
|
|
<div id="servicios" data-section="servicios">
|
|
<FeatureCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Fisioterapia Traumatológica",
|
|
description: "Tratamiento de lesiones óseas y musculares con las mejores técnicas.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/patient-doing-physical-rehabilitation-helped-by-therapists_23-2149227871.jpg",
|
|
},
|
|
{
|
|
title: "Rehabilitación Deportiva",
|
|
description: "Optimización de rendimiento y recuperación de atletas de alto nivel.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-gymnastics-with-help-his-young-physical-therapist_169016-48534.jpg",
|
|
},
|
|
{
|
|
title: "Masoterapia y Drenaje",
|
|
description: "Terapias manuales para mejorar la circulación y reducir el dolor.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/doctor-massages-man-hospital_1157-29309.jpg",
|
|
},
|
|
]}
|
|
title="Nuestros Servicios"
|
|
description="Atención especializada para tu recuperación."
|
|
/>
|
|
</div>
|
|
|
|
<div id="nosotros" data-section="nosotros">
|
|
<TestimonialAboutCard
|
|
useInvertedBackground={true}
|
|
tag="Por qué nosotros"
|
|
title="Atención sin esperas."
|
|
description="Nos enfocamos en una atención 100% personalizada en nuestras instalaciones."
|
|
subdescription="Tu recuperación es nuestra prioridad absoluta, con métodos basados en evidencia científica."
|
|
icon={Shield}
|
|
imageSrc="http://img.b2bpic.net/free-photo/shirtless-male-athlete-receiving-arm-massage-by-young-doctor-hospital_662251-1600.jpg"
|
|
mediaAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonios" data-section="testimonios">
|
|
<TestimonialCardTwelve
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Carlos M.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-relaxing-together_23-2151178231.jpg",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Maria L.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-patient-doctor-chatting_23-2149856220.jpg",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Pedro R.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-wearing-earphones_23-2149731282.jpg",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Lucia V.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-relaxing-spa_23-2151178229.jpg",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Jorge A.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-sporty-man-wearing-sportswear-headband-looking-front-with-confident-smile-with-crossed-hands-chest-standing-white-wall_141793-96316.jpg",
|
|
},
|
|
]}
|
|
cardTitle="Lo que dicen nuestros pacientes"
|
|
cardTag="Opiniones"
|
|
cardAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "f1",
|
|
title: "¿Cuentan con agenda previa?",
|
|
content: "Sí, todo nuestro servicio es con agenda previa para brindarte atención puntual.",
|
|
},
|
|
{
|
|
id: "f2",
|
|
title: "¿Trabajan con seguros?",
|
|
content: "Contamos con diversos convenios, consúltanos al agendar.",
|
|
},
|
|
{
|
|
id: "f3",
|
|
title: "¿Dónde estamos?",
|
|
content: "Estamos ubicados en Calle Lamas, Buceo, Montevideo.",
|
|
},
|
|
]}
|
|
title="Preguntas Frecuentes"
|
|
description="Resolvemos tus dudas habituales sobre nuestra atención."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contacto" data-section="contacto">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
title="Agenda tu consulta hoy"
|
|
description="Estamos listos para ayudarte a mejorar."
|
|
inputs={[
|
|
{
|
|
name: "name",
|
|
type: "text",
|
|
placeholder: "Nombre completo",
|
|
required: true,
|
|
},
|
|
{
|
|
name: "email",
|
|
type: "email",
|
|
placeholder: "Correo electrónico",
|
|
required: true,
|
|
},
|
|
{
|
|
name: "phone",
|
|
type: "tel",
|
|
placeholder: "Teléfono de contacto",
|
|
required: true,
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/windows-skyscraper-business-office_1112-1079.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="BeneFisio"
|
|
copyrightText="© 2025 BeneFisio Fisioterapia"
|
|
socialLinks={[
|
|
{
|
|
icon: Instagram,
|
|
href: "https://instagram.com",
|
|
ariaLabel: "Instagram",
|
|
},
|
|
{
|
|
icon: Facebook,
|
|
href: "https://facebook.com",
|
|
ariaLabel: "Facebook",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|