230 lines
12 KiB
TypeScript
230 lines
12 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 FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
|
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TeamCardSix from '@/components/sections/team/TeamCardSix';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
import { Award, Star, Zap, CheckCircle, Instagram, Facebook, Linkedin } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="compact"
|
|
sizing="medium"
|
|
background="grid"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Inicio", id: "hero"},
|
|
{
|
|
name: "Nosotros", id: "about"},
|
|
{
|
|
name: "Servicios", id: "features"},
|
|
{
|
|
name: "Equipo", id: "team"},
|
|
{
|
|
name: "Contacto", id: "contact"},
|
|
]}
|
|
brandName="DEM Dental"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCentered
|
|
background={{
|
|
variant: "gradient-bars"}}
|
|
title="Salud Dental y Especialidades de Vanguardia"
|
|
description="En DEM Dental cuidamos tu sonrisa con tecnología avanzada y un trato humano excepcional. Expertos en odontología y especialidades médicas a tu servicio."
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/nurse-practitioner-posing-camera_482257-90415.jpg", alt: "Dentista"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-dentist-male-glasses-wearing-blue-uniform-sitting-dentist-office-looking-camera_613910-18529.jpg", alt: "Especialista"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/happy-building-uniform-smiling-urban_1134-754.jpg", alt: "Cirujano"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/goodlooking-female-dentist-posing-white-coat-modern-wellequipped-cabinet_627829-9793.jpg", alt: "Goodlooking female dentist posing in white coat in a modern wellequipped cabinet"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/equipment-dental-instruments-dentist-s-office-tools-close-up_8353-1677.jpg", alt: "Equipment and dental instruments in dentist's office. Tools close-up."},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Agendar Cita", href: "#contact"},
|
|
{
|
|
text: "Ver Servicios", href: "#features"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
tag="Excelencia en Salud Dental"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
title="Tu sonrisa es nuestra prioridad"
|
|
description="DEM Dental y Especialidades Médicas nace con el propósito de elevar los estándares de atención médica. Combinamos equipos modernos con especialistas dedicados para brindarte soluciones integrales de salud bucal y bienestar general."
|
|
bulletPoints={[
|
|
{
|
|
title: "Atención Personalizada", description: "Escuchamos tus necesidades para darte el mejor tratamiento."},
|
|
{
|
|
title: "Tecnología de Punta", description: "Equipos de última generación para diagnósticos precisos."},
|
|
{
|
|
title: "Expertos Certificados", description: "Médicos especialistas con años de trayectoria y éxito."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/smiling-doctor-portrait_23-2151997609.jpg"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentySix
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "Odontología Preventiva", description: "Limpiezas, revisiones y cuidado básico para mantener tu salud oral al día.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151042926.jpg", buttonIcon: CheckCircle,
|
|
},
|
|
{
|
|
title: "Ortodoncia Avanzada", description: "Soluciones personalizadas para alinear tu sonrisa con comodidad y estilo.", imageSrc: "http://img.b2bpic.net/free-photo/dentist-examining-female-patient-with-teeth-shades_107420-73950.jpg", buttonIcon: CheckCircle,
|
|
},
|
|
{
|
|
title: "Odontopediatría", description: "Especialistas en el cuidado dental de los más pequeños con máxima paciencia.", imageSrc: "http://img.b2bpic.net/free-photo/pediatric-dentist-little-girl-reception-dentist_1321-1717.jpg", buttonIcon: CheckCircle,
|
|
},
|
|
{
|
|
title: "Cirugía Estética", description: "Procedimientos quirúrgicos especializados para mejorar tu estética dental.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-using-instruments_23-2151053285.jpg", buttonIcon: CheckCircle,
|
|
},
|
|
]}
|
|
title="Nuestras Especialidades"
|
|
description="Ofrecemos una gama completa de servicios para toda la familia bajo un mismo techo."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "m1", icon: Award,
|
|
title: "Pacientes Satisfechos", value: "5000+"},
|
|
{
|
|
id: "m2", icon: Star,
|
|
title: "Años de Experiencia", value: "15"},
|
|
{
|
|
id: "m3", icon: Zap,
|
|
title: "Procedimientos Exitosos", value: "8000+"},
|
|
]}
|
|
title="Nuestra Trayectoria"
|
|
description="Resultados que hablan por sí mismos."
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardSix
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
members={[
|
|
{
|
|
id: "1", name: "Dra. Ana López", role: "Odontóloga General", imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-doctor-mask-yellow-wall_179666-20991.jpg"},
|
|
{
|
|
id: "2", name: "Dr. Carlos Ruiz", role: "Ortodoncista", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-slavic-girl-doctor-uniform-with-stethoscope-isolated-orange-wall-with-copy-space_141793-122023.jpg"},
|
|
{
|
|
id: "3", name: "Dra. Elena García", role: "Cirujana Oral", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-mask-dentistry-concept-dental-treatment_169016-67127.jpg"},
|
|
{
|
|
id: "4", name: "Lic. María Silva", role: "Higiene Oral", imageSrc: "http://img.b2bpic.net/free-photo/side-view-nurses-working-together_52683-98096.jpg"},
|
|
{
|
|
id: "5", name: "Dr. Jorge Rivas", role: "Endodoncista", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-dentist-wearing-blue-uniform-standing-dentist-clinic_613910-18496.jpg"},
|
|
]}
|
|
title="Conoce a tu equipo médico"
|
|
description="Profesionales apasionados por tu bienestar y salud integral."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonial" data-section="testimonial">
|
|
<TestimonialCardTen
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", title: "Excelente servicio", quote: "La atención fue impecable desde el primer minuto. Totalmente recomendable.", name: "Juan Pérez", role: "Paciente", imageSrc: "http://img.b2bpic.net/free-photo/big-happiness-beautiful-woman_329181-1147.jpg"},
|
|
{
|
|
id: "2", title: "Gran profesionalismo", quote: "Los doctores son muy atentos y explican todo detalladamente. Muy conforme.", name: "Laura Méndez", role: "Paciente", imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-dental-braces-dentist-office-sitting-dentist-chair_651396-2256.jpg"},
|
|
{
|
|
id: "3", title: "Resultados increíbles", quote: "Mi sonrisa cambió por completo gracias a ellos. Grandes especialistas.", name: "Sofía Díaz", role: "Paciente", imageSrc: "http://img.b2bpic.net/free-photo/positive-bearded-male-doctor-smiling-points-away-space-text-white-background-attractive-intern-wearing-uniform-looking-confident-isolated_574295-6094.jpg"},
|
|
{
|
|
id: "4", title: "Atención humana", quote: "Me hicieron sentir muy cómodo. Es difícil encontrar lugares así.", name: "Roberto Gómez", role: "Paciente", imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-doctor-his-female-patient-shaking-hands-after-medical-appointment-clinic_637285-421.jpg"},
|
|
{
|
|
id: "5", title: "Volveré sin duda", quote: "Excelente equipo, instalaciones muy limpias y modernas. Excelente servicio.", name: "Lucía Torres", role: "Paciente", imageSrc: "http://img.b2bpic.net/free-photo/brunette-blogger-doing-her-make-up_23-2148192399.jpg"},
|
|
]}
|
|
title="Lo que dicen nuestros pacientes"
|
|
description="La confianza de nuestros pacientes es nuestra mejor carta de presentación."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "f1", title: "¿Cuáles son los horarios de atención?", content: "Atendemos de lunes a sábado de 9:00 AM a 7:00 PM."},
|
|
{
|
|
id: "f2", title: "¿Aceptan seguros médicos?", content: "Sí, contamos con convenios con las principales aseguradoras."},
|
|
{
|
|
id: "f3", title: "¿Es necesario agendar cita?", content: "Sí, recomendamos agendar con antelación para brindarte una atención preferente."},
|
|
{
|
|
id: "f4", title: "¿Realizan urgencias?", content: "Atendemos urgencias dentales bajo previa evaluación telefónica."},
|
|
]}
|
|
sideTitle="Preguntas Frecuentes"
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
tag="Contacto"
|
|
title="Agenda tu consulta"
|
|
description="Da el siguiente paso hacia tu mejor sonrisa. Estamos aquí para guiarte en todo el proceso."
|
|
buttons={[
|
|
{ text: "Agendar por WhatsApp", href: "#" },
|
|
{ text: "Llamar ahora", href: "#" }
|
|
]}
|
|
background={{ variant: "sparkles-gradient" }}
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="DEM Dental"
|
|
socialLinks={[
|
|
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
|
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
|
{ icon: Linkedin, href: "#", ariaLabel: "Linkedin" }
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |