166 lines
10 KiB
TypeScript
166 lines
10 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
|
|
import { Activity, Award, Clock, CreditCard, ShieldCheck } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="largeSmall"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{ name: "Inicio", id: "hero" },
|
|
{ name: "Servicios", id: "services" },
|
|
{ name: "Equipo", id: "team" },
|
|
{ name: "Casos", id: "gallery" },
|
|
{ name: "Contacto", id: "contact" },
|
|
]}
|
|
brandName="Clínica Dental Sonrisa"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardTestimonial
|
|
background={{ variant: "gradient-bars" }}
|
|
title="La sonrisa que siempre deseaste"
|
|
description="Clínica Dental Sonrisa Bilbao ofrece tratamientos odontológicos de vanguardia en un entorno de confort y confianza. Expertos en implantes, ortodoncia y estética dental."
|
|
testimonials={[
|
|
{ name: "Marta G.", handle: "@marta_bilbao", testimonial: "Excelente trato y resultados increíbles. La mejor clínica de Bilbao.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/patients-with-protection-mask-waiting-stomatology-reception-with-new-normal-staff-wearing-ppe-suit_482257-4811.jpg?_wi=1" },
|
|
{ name: "Iñaki S.", handle: "@inakis", testimonial: "Un equipo de profesionales de primer nivel. Muy recomendado.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/dentist-sergeon-wear-isolated_1303-11571.jpg?_wi=1" },
|
|
{ name: "Elena R.", handle: "@elena_dental", testimonial: "La experiencia fue perfecta, desde la recepción hasta el tratamiento final.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/dentist-standing-with-his-arms-crossed_107420-65262.jpg?_wi=1" },
|
|
{ name: "Carlos B.", handle: "@carlos_bilbao", testimonial: "Resultados de alta calidad con un seguimiento impecable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/patients-with-protection-mask-waiting-stomatology-reception-with-new-normal-staff-wearing-ppe-suit_482257-4811.jpg?_wi=2" },
|
|
{ name: "Lucía M.", handle: "@lucia_smile", testimonial: "Muy agradecida con el equipo. Mi ortodoncia ha sido un éxito.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/dentist-sergeon-wear-isolated_1303-11571.jpg?_wi=2" }
|
|
]}
|
|
buttons={[{ text: "Reservar Cita", href: "#contact" }]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/dental-cabinet-with-various-medical-equipment_140725-7678.jpg"
|
|
imageAlt="Clínica Dental Sonrisa Bilbao"
|
|
mediaAnimation="blur-reveal"
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/patients-with-protection-mask-waiting-stomatology-reception-with-new-normal-staff-wearing-ppe-suit_482257-4811.jpg", alt: "Dra. Elena Ruiz" },
|
|
{ src: "http://img.b2bpic.net/free-photo/dentist-sergeon-wear-isolated_1303-11571.jpg", alt: "Dr. Javier Pérez" },
|
|
{ src: "http://img.b2bpic.net/free-photo/dentist-standing-with-his-arms-crossed_107420-65262.jpg", alt: "Dra. María Gómez" },
|
|
{ src: "http://img.b2bpic.net/free-photo/patients-with-protection-mask-waiting-stomatology-reception-with-new-normal-staff-wearing-ppe-suit_482257-4811.jpg", alt: "Dra. Ana López" },
|
|
{ src: "http://img.b2bpic.net/free-photo/dentist-sergeon-wear-isolated_1303-11571.jpg", alt: "Dr. Carlos Ruiz" }
|
|
]}
|
|
marqueeItems={[
|
|
{ type: "text-icon", text: "Certificación Calidad", icon: ShieldCheck },
|
|
{ type: "text-icon", text: "Atención 24h", icon: Clock },
|
|
{ type: "text-icon", text: "Tecnología 3D", icon: Activity },
|
|
{ type: "text-icon", text: "Financiación Flexible", icon: CreditCard },
|
|
{ type: "text-icon", text: "Clínica Certificada", icon: Award }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{ title: "Implantes Dentales", description: "Recupera tu sonrisa con técnicas mínimamente invasivas.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-tooth-made-sugar-blue-background_169016-24277.jpg", imageAlt: "Implantes dentales" },
|
|
{ title: "Ortodoncia Invisible", description: "Alinea tu sonrisa de forma cómoda y discreta.", imageSrc: "http://img.b2bpic.net/free-vector/dental-icons-set_1284-4392.jpg", imageAlt: "Ortodoncia" },
|
|
{ title: "Blanqueamiento Dental", description: "Luce dientes más brillantes y saludables.", imageSrc: "http://img.b2bpic.net/free-vector/tooth-with-health-shield-doodle_78370-4806.jpg", imageAlt: "Blanqueamiento" },
|
|
{ title: "Odontopediatría", description: "Cuidado dental especializado para los más pequeños.", imageSrc: "http://img.b2bpic.net/free-vector/dentist-logo-collection_1346-51.jpg", imageAlt: "Odontopediatría" }
|
|
]}
|
|
title="Nuestros Tratamientos"
|
|
description="Soluciones personalizadas para todas tus necesidades dentales con la última tecnología."
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
members={[
|
|
{ id: "d1", name: "Dra. Elena Ruiz", role: "Directora Médica", description: "Experta en rehabilitación oral y estética.", imageSrc: "http://img.b2bpic.net/free-photo/patients-with-protection-mask-waiting-stomatology-reception-with-new-normal-staff-wearing-ppe-suit_482257-4811.jpg?_wi=3" },
|
|
{ id: "d2", name: "Dr. Javier Pérez", role: "Especialista en Ortodoncia", description: "Especialista en alineación invisible.", imageSrc: "http://img.b2bpic.net/free-photo/dentist-sergeon-wear-isolated_1303-11571.jpg?_wi=3" },
|
|
{ id: "d3", name: "Dra. María Gómez", role: "Odontopediatra", description: "Experta en cuidado dental infantil.", imageSrc: "http://img.b2bpic.net/free-photo/dentist-standing-with-his-arms-crossed_107420-65262.jpg?_wi=2" }
|
|
]}
|
|
title="Nuestro Equipo Médico"
|
|
description="Conoce a nuestros especialistas comprometidos con tu salud oral."
|
|
/>
|
|
</div>
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
<ProductCardFour
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{ id: "c1", name: "Caso Implantes", price: "Transformación completa", variant: "Antes/Después", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-modern-woman-years-old-standing-kitchen-with-notebook-reading-notes-student_1258-201150.jpg?_wi=1" },
|
|
{ id: "c2", name: "Caso Ortodoncia", price: "Alineamiento total", variant: "Resultados visibles", imageSrc: "http://img.b2bpic.net/free-photo/caucasian-preteen-girl-with-braces-her-teeth-looking-mirror_169016-38198.jpg?_wi=1" },
|
|
{ id: "c3", name: "Caso Blanqueamiento", price: "Brillo máximo", variant: "Estética dental", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-dental-clinic_107420-74179.jpg?_wi=1" },
|
|
{ id: "c4", name: "Caso Estética", price: "Carillas premium", variant: "Diseño de sonrisa", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-modern-woman-years-old-standing-kitchen-with-notebook-reading-notes-student_1258-201150.jpg?_wi=2" },
|
|
{ id: "c5", name: "Caso Completo", price: "Rehabilitación", variant: "Salud bucodental", imageSrc: "http://img.b2bpic.net/free-photo/caucasian-preteen-girl-with-braces-her-teeth-looking-mirror_169016-38198.jpg?_wi=2" },
|
|
{ id: "c6", name: "Caso Infantil", price: "Prevención", variant: "Atención especializada", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-dental-clinic_107420-74179.jpg?_wi=2" }
|
|
]}
|
|
title="Casos de Éxito"
|
|
description="Resultados reales transformando sonrisas de nuestros pacientes."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{ id: "f1", title: "¿Cuándo debo hacer mi primera visita?", content: "Se recomienda una revisión cada 6 meses." },
|
|
{ id: "f2", title: "¿Es doloroso el blanqueamiento?", content: "Utilizamos técnicas no invasivas que minimizan cualquier sensibilidad." },
|
|
{ id: "f3", title: "¿Aceptan seguros médicos?", content: "Trabajamos con las principales mutuas del país." }
|
|
]}
|
|
sideTitle="Preguntas Frecuentes"
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={false}
|
|
background={{ variant: "sparkles-gradient" }}
|
|
tag="Contacto"
|
|
title="Agenda tu cita hoy"
|
|
description="Estamos ubicados en el centro de Bilbao. Reserva tu consulta y cuida tu sonrisa."
|
|
buttons={[{ text: "Contactar por WhatsApp", href: "#" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
columns={[
|
|
{ items: [{ label: "Sobre Nosotros", href: "#" }, { label: "Servicios", href: "#services" }] },
|
|
{ items: [{ label: "Privacidad", href: "#" }, { label: "Aviso Legal", href: "#" }] },
|
|
{ items: [{ label: "Bilbao, Vizcaya", href: "#" }, { label: "contacto@sonrisabilbao.es", href: "#" }] }
|
|
]}
|
|
logoText="Clínica Dental Sonrisa"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|