289 lines
15 KiB
TypeScript
289 lines
15 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import TeamCardOne from '@/components/sections/team/TeamCardOne';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import { Diamond, Lightbulb, Smile, Sparkles, Star, Trophy } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="none"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Inicio", id: "#hero"},
|
|
{
|
|
name: "Diferenciadores", id: "#about"},
|
|
{
|
|
name: "Servicios", id: "#features"},
|
|
{
|
|
name: "Equipo", id: "#team"},
|
|
{
|
|
name: "Testimonios", id: "#testimonials"},
|
|
{
|
|
name: "Contacto", id: "#contact"},
|
|
]}
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bda1v7"
|
|
logoAlt="Logo LYAL Dental Clínica Spa"
|
|
brandName="LYAL Dental"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
imagePosition="right"
|
|
title="Tu Sonrisa, Nuestra Obra Maestra"
|
|
description="En LYAL Dental Clínica Spa, combinamos estética y ciencia para crear la sonrisa que siempre has soñado. Experimenta el arte de la odontología con un toque de exclusividad y cuidado."
|
|
kpis={[
|
|
{
|
|
value: "5.0", label: "Estrellas en Google"},
|
|
{
|
|
value: "+10", label: "Años de Experiencia"},
|
|
{
|
|
value: "+500", label: "Sonrisas Transformadas"},
|
|
]}
|
|
enableKpiAnimation={true}
|
|
buttons={[
|
|
{
|
|
text: "Agenda tu Consulta", href: "#contact"},
|
|
{
|
|
text: "Conoce Nuestros Servicios", href: "#features"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/female-doctor-showing-patient-how-use-medical-machine_23-2148328380.jpg"
|
|
imageAlt="Dentista atendiendo a paciente en clínica moderna"
|
|
mediaAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/patient-sitting-dentist-s-chair_1098-4016.jpg", alt: "Patient sitting in dentist's chair"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/male-doctor-writing-patient-condition-clipboard_23-2148328437.jpg", alt: "Male doctor writing patient condition on clipboard"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/cheerful-dentist-patient-sitting-dental-office_651396-1900.jpg", alt: "Cheerful dentist and patient sitting in dental office"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/attractive-patient-redviolet-dress-laying-dental-chair-while-female-dentist-treating-her-teeth-with-special-instruments_627829-9769.jpg", alt: "Attractive patient in redviolet dress laying on the dental chair while female dentist treating her teeth with special instruments"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/close-up-dental-tool_23-2147862124.jpg", alt: "Close-up of a dental tool"},
|
|
]}
|
|
avatarText="Más de 500 pacientes felices"
|
|
marqueeItems={[
|
|
{
|
|
type: "text-icon", text: "Tecnología Avanzada", icon: Star,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Atención Personalizada", icon: Star,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Resultados Duraderos", icon: Diamond,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Ambiente Relajante", icon: Sparkles,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Innovación Constante", icon: Lightbulb,
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
useInvertedBackground={true}
|
|
tag="Nuestra Filosofía"
|
|
title="Perfeccionando Sonrisas con Cuidado y Elegancia"
|
|
description="En LYAL Dental, cada tratamiento es una experiencia personalizada diseñada para tu bienestar. Nos distinguimos por nuestra atención detallada, tecnología avanzada y un ambiente de relajación premium."
|
|
subdescription="Liderado por la Dra. Yuritzi Alvarez Lopez, nuestro equipo está comprometido con la excelencia y la innovación, asegurando resultados impecables y duraderos."
|
|
icon={Sparkles}
|
|
imageSrc="http://img.b2bpic.net/free-photo/female-dentist-showing-teeth-xray-computer-clinic_23-2147879118.jpg"
|
|
imageAlt="Manos de dentista trabajando con delicadeza"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyEight
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "ortodoncia", title: "Ortodoncia Avanzada", subtitle: "Alinea tu sonrisa con tratamientos modernos y discretos.", category: "Estética Dental", value: "Resultados Duraderos"},
|
|
{
|
|
id: "guardas", title: "Guardas Oclusales Personalizadas", subtitle: "Protección y confort para tu salud bucal, previniendo el bruxismo.", category: "Salud Bucal", value: "Alivio Nocturno"},
|
|
{
|
|
id: "restauraciones", title: "Restauraciones E.max Estéticas", subtitle: "Soluciones duraderas y de apariencia natural para restaurar tus dientes.", category: "Odontología Restauradora", value: "Belleza Natural"},
|
|
{
|
|
id: "blanqueamiento", title: "Blanqueamiento Dental Láser", subtitle: "Aclara tu sonrisa hasta en varias tonalidades en una sola sesión.", category: "Estética Dental", value: "Brillo Instantáneo"},
|
|
{
|
|
id: "gingivoplastia", title: "Gingivoplastia", subtitle: "Rediseño de encías para una sonrisa más armoniosa y estética.", category: "Periodoncia Estética", value: "Armonía Gingival"},
|
|
{
|
|
id: "limpieza", title: "Limpieza Dental Profesional", subtitle: "Mantenimiento esencial para una boca sana y una sonrisa radiante.", category: "Higiene Oral", value: "Frescura Profunda"},
|
|
{
|
|
id: "odontopediatria", title: "Odontopediatría Especializada", subtitle: "Cuidado dental integral y amigable para los más pequeños del hogar.", category: "Salud Infantil", value: "Cuidado Pediátrico"},
|
|
]}
|
|
title="Nuestros Tratamientos Estéticos Avanzados"
|
|
description="Descubre una gama completa de servicios dentales diseñados para transformar tu sonrisa y mejorar tu salud bucal con las técnicas más innovadoras y un enfoque personalizado."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{
|
|
id: "m1", icon: Star,
|
|
title: "Satisfacción del Cliente", value: "5.0 / 5"},
|
|
{
|
|
id: "m2", icon: Trophy,
|
|
title: "Tratamientos Exitosos", value: "+98%"},
|
|
{
|
|
id: "m3", icon: Smile,
|
|
title: "Pacientes Felices", value: "+500"},
|
|
]}
|
|
title="Nuestros Logros Hablan por Sí Mismos"
|
|
description="Con años de dedicación y un enfoque en la excelencia, hemos transformado innumerables sonrisas y ganado la confianza de nuestros pacientes en Ciudad Guzmán."
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
members={[
|
|
{
|
|
id: "dr-yuritzi", name: "Dra. Yuritzi Alvarez Lopez", role: "Directora Clínica y Especialista", imageSrc: "http://img.b2bpic.net/free-photo/portrait-practitioner-nurse-with-medical-stethoscope-analyzing-pharmaceutical-prescription-clinical-appointment-hospital-office-woman-asisstance-checking-sickness-symptoms_482257-28575.jpg", imageAlt: "Retrato de la Dra. Yuritzi Alvarez Lopez"},
|
|
{
|
|
id: "assistant-1", name: "Sofía Ramos", role: "Asistente Dental Certificada", imageSrc: "http://img.b2bpic.net/free-photo/two-female-nurses-working-clinic-scrubs_23-2149844699.jpg", imageAlt: "Retrato de Sofía Ramos, asistente dental"},
|
|
{
|
|
id: "reception-1", name: "Elena Vargas", role: "Recepcionista y Coordinadora", imageSrc: "http://img.b2bpic.net/free-photo/good-mood-is-essential-work_329181-10484.jpg", imageAlt: "Retrato de Elena Vargas, recepcionista"},
|
|
]}
|
|
title="Conoce a Nuestra Experta"
|
|
description="La Dra. Yuritzi Alvarez Lopez lidera nuestro equipo con pasión y precisión, dedicada a cada detalle para tu sonrisa perfecta. Junto a ella, un staff cálido y profesional te atenderá."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "María Fernanda G.", role: "Paciente de Estética", company: "Cliente Satisfecha", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-flirty-glance-closeup-portrait-blonde-model-with-ideal-skin-cyrly-hair_633478-1085.jpg", imageAlt: "Foto de María Fernanda G. sonriendo"},
|
|
{
|
|
id: "2", name: "Carlos R.", role: "Paciente de Ortodoncia", company: "Cliente Feliz", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/two-doctors-talking-discuss-treatment_651396-1110.jpg", imageAlt: "Foto de Carlos R. sonriendo"},
|
|
{
|
|
id: "3", name: "Ana S.", role: "Madre de Paciente Pediátrico", company: "Familia LYAL", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/child-giving-kiss-his-mother-cheek_1301-6434.jpg", imageAlt: "Foto de Ana S. con su hijo"},
|
|
{
|
|
id: "4", name: "Javier P.", role: "Paciente de Restauraciones", company: "Cliente Confidente", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1628.jpg", imageAlt: "Foto de Javier P. sonriendo"},
|
|
{
|
|
id: "5", name: "Laura M.", role: "Paciente Habitual", company: "Cliente Fiel", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-dentist-examining-female-s-teeth-dentistry_613910-11476.jpg", imageAlt: "Foto de Laura M. sonriendo"},
|
|
]}
|
|
kpiItems={[
|
|
{
|
|
value: "5.0", label: "Estrellas en Google Maps"},
|
|
{
|
|
value: "99%", label: "Tasa de Recomendación"},
|
|
{
|
|
value: "+10", label: "Años de Confianza"},
|
|
]}
|
|
title="Experiencias Reales, Sonrisas Auténticas"
|
|
description="Nuestros pacientes comparten cómo LYAL Dental ha transformado sus sonrisas y su confianza. Lee sus historias y descubre por qué somos la elección en Ciudad Guzmán."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "sparkles-gradient"}}
|
|
text="¿Listo para transformar tu sonrisa? Contáctanos hoy mismo para agendar tu consulta en LYAL Dental Clínica Spa. Estamos listos para atenderte en Ciudad Guzmán.\n\n**Llámanos:** 341 411 8095\n**Escríbenos:** lyal1214@gmail.com\n**Visítanos:** Av. 1° de Mayo 126, Int 14-A, Condominio Plaza del Río, Cd Guzmán Centro\n**Horario de Atención:** Lunes a Domingo hasta las 8 pm\n\n**Encuéntranos en redes:** @lyal_dental (Instagram) | /LYAL-Dental-101812175244751 (Facebook)"
|
|
buttons={[
|
|
{
|
|
text: "Llamar Ahora", href: "tel:3414118095"},
|
|
{
|
|
text: "Enviar Email", href: "mailto:lyal1214@gmail.com"},
|
|
{
|
|
text: "Ver en Mapa", href: "https://www.google.com/maps/search/Av.+1%C2%B0+de+Mayo+126,+Int+14-A,+Condominio+Plaza+del+R%C3%ADo,+Cd+Guzm%C3%A1n+Centro/@19.7042318,-103.461623,17z/data=!3m1!4b1"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/front-view-smiley-doctors-work_52683-100239.jpg"
|
|
imageAlt="Exterior de LYAL Dental Clínica Spa en Ciudad Guzmán"
|
|
logoText="LYAL Dental"
|
|
columns={[
|
|
{
|
|
title: "Servicios", items: [
|
|
{
|
|
label: "Ortodoncia", href: "#features"},
|
|
{
|
|
label: "Blanqueamiento Láser", href: "#features"},
|
|
{
|
|
label: "Limpieza Dental", href: "#features"},
|
|
{
|
|
label: "Odontopediatría", href: "#features"},
|
|
],
|
|
},
|
|
{
|
|
title: "Clínica", items: [
|
|
{
|
|
label: "Inicio", href: "#hero"},
|
|
{
|
|
label: "Nosotros", href: "#about"},
|
|
{
|
|
label: "Equipo", href: "#team"},
|
|
{
|
|
label: "Contacto", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "Síguenos", items: [
|
|
{
|
|
label: "Instagram", href: "https://www.instagram.com/lyal_dental"},
|
|
{
|
|
label: "Facebook", href: "https://www.facebook.com/LYAL-Dental-101812175244751"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 LYAL Dental. Todos los derechos reservados."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|