254 lines
13 KiB
TypeScript
254 lines
13 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 FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
|
||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||
import { Feather, Grid, Heart, Scan, Sparkles, Star } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="icon-arrow"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="pill"
|
||
contentWidth="small"
|
||
sizing="large"
|
||
background="none"
|
||
cardStyle="subtle-shadow"
|
||
primaryButtonStyle="shadow"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="normal"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleFullscreen
|
||
navItems={[
|
||
{
|
||
name: "Servicios", id: "#servicios"},
|
||
{
|
||
name: "Opiniones", id: "#opiniones"},
|
||
{
|
||
name: "Contacto", id: "#contacto"}
|
||
]}
|
||
brandName="Dr. Jackson Pérez Ucrós"
|
||
bottomLeftText="Odontología Integral · Barranquilla"
|
||
button={{
|
||
text: "📞 300 607 9639", href: "tel:3006079639"}}
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroSplitDoubleCarousel
|
||
background={{
|
||
variant: "radial-gradient"}}
|
||
title="Tu sonrisa merece el mejor cuidado"
|
||
description="Clínica dental integral en el norte de Barranquilla. Atención personalizada, tecnología de última generación y más de 10 años devolviendo confianza a través de cada sonrisa."
|
||
tag="5.0 — 11 opiniones en Google"
|
||
tagIcon={Star}
|
||
buttons={[
|
||
{
|
||
text: "Agendar cita ahora", href: "tel:3006079639"},
|
||
{
|
||
text: "Ver Instagram", href: "https://www.instagram.com/drjackson.odontologia/"}
|
||
]}
|
||
leftCarouselItems={[
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/professional-dentist-tools-chair-dental-office_1204-394.jpg", imageAlt: "Modern dental clinic interior"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/man-dentist-s-appointment_1321-4592.jpg", imageAlt: "Dental tools on a tray"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-dental-clinic_107420-74179.jpg", imageAlt: "Happy patient with a healthy smile"}
|
||
]}
|
||
rightCarouselItems={[
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/male-dentist-explaining-teeth-x-ray-screen-female-patient-lying-dentist-chair_23-2147879120.jpg", imageAlt: "Dentist explaining an x-ray to a patient"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-dentist-dental-office-dentist-work-dental-treatment-concept_169016-67176.jpg", imageAlt: "High-tech dental equipment"},
|
||
{
|
||
imageSrc: "http://img.b2bpic.net/free-photo/pregnant-woman-having-meeting-with-her-coworker_23-2148944286.jpg", imageAlt: "Clean and bright dental reception area"}
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="servicios" data-section="servicios">
|
||
<FeatureBorderGlow
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
icon: Feather,
|
||
title: "Diseño de Sonrisa", description: "Transformación estética personalizada con materiales de alta calidad para que luzcas tu mejor versión."},
|
||
{
|
||
icon: Grid,
|
||
title: "Ortodoncia", description: "Brackets, alineadores y tratamientos correctivos para alinear tu sonrisa de forma eficaz y cómoda."},
|
||
{
|
||
icon: Sparkles,
|
||
title: "Odontología Estética", description: "Blanqueamiento, carillas y restauraciones estéticas con resultados visibles desde la primera sesión."},
|
||
{
|
||
icon: Heart,
|
||
title: "Odontología General", description: "Revisiones, limpiezas, obturaciones y cuidado preventivo para mantener tu salud bucal en óptimas condiciones."},
|
||
{
|
||
icon: Heart,
|
||
title: "Odontología Integral", description: "Equipo de especialistas que aborda todas tus necesidades dentales en un solo lugar, con atención coordinada."},
|
||
{
|
||
icon: Scan,
|
||
title: "Prótesis & Implantes", description: "Soluciones fijas y removibles para recuperar la funcionalidad y estética de tu dentadura."}
|
||
]}
|
||
title="Servicios odontológicos integrales"
|
||
description="Contamos con un equipo multidisciplinario y tecnología de vanguardia para cada etapa de tu salud bucal."
|
||
/>
|
||
</div>
|
||
|
||
<div id="team" data-section="team">
|
||
<TeamCardEleven
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
groups={[
|
||
{
|
||
id: "odontology-team", groupTitle: "Equipo de Odontología", members: [
|
||
{
|
||
id: "dr-jackson", title: "Dr. Jackson Pérez Ucrós", subtitle: "Odontólogo General & Estético", detail: "Más de 10 años de experiencia en diseño de sonrisa e implantes.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-doctor-crossed-hands-front-white-wall_158595-7667.jpg", imageAlt: "Dr. Jackson Pérez Ucrós"},
|
||
{
|
||
id: "assistant-ana", title: "Ana María Rojas", subtitle: "Asistente Dental", detail: "Encargada de la preparación y soporte durante los procedimientos.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-dentist-woman-crossed-arms-standing-her-dentistry-office-near-chair_627829-1369.jpg", imageAlt: "Ana María Rojas, Asistente Dental"},
|
||
{
|
||
id: "technician-carlos", title: "Carlos López", subtitle: "Técnico Dental", detail: "Especialista en la creación de prótesis y restauraciones a medida.", imageSrc: "http://img.b2bpic.net/free-photo/female-artisan-working-atelier-with-clay_23-2149025899.jpg", imageAlt: "Carlos López, Técnico Dental"}
|
||
]
|
||
}
|
||
]}
|
||
title="Conoce al Dr. Jackson Pérez Ucrós y su Equipo"
|
||
description="Un equipo de profesionales dedicados a tu salud bucal, liderado por el Dr. Jackson Pérez Ucrós, con una trayectoria de excelencia y resultados comprobados."
|
||
/>
|
||
</div>
|
||
|
||
<div id="metrics" data-section="metrics">
|
||
<MetricCardFourteen
|
||
useInvertedBackground={false}
|
||
title="Nuestros Resultados Hablan por Sí Solos"
|
||
tag="Excelencia Comprobada"
|
||
metrics={[
|
||
{
|
||
id: "rating", value: "5.0", description: "Calificación Google"},
|
||
{
|
||
id: "patients", value: "11", description: "Pacientes satisfechos"},
|
||
{
|
||
id: "recommendation", value: "100%", description: "Recomendado por pacientes"}
|
||
]}
|
||
metricsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="opiniones" data-section="opiniones">
|
||
<TestimonialCardFifteen
|
||
useInvertedBackground={false}
|
||
testimonial="Excellent service, affordable prices and an overall relaxing atmosphere. Dr. Jackson goes above and beyond for his patients."
|
||
rating={5}
|
||
author="S. Oquendo, Estados Unidos"
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/headshot-beautiful-dark-skinned-female-with-happy-expression-has-afro-hairstyle-demonstrates-perfect-white-even-teeth-has-pleased-smile-stylish-young-african-american-woman-rests-indoor_273609-2384.jpg", alt: "S. Oquendo"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/confident-young-handsome-guy-wearing-yellow-turtleneck-sweater-isolated-olive-green-wall_141793-83753.jpg", alt: "Sgómez03"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/half-profile-image-cheerful-attractive-middle-aged-woman-with-short-gray-hair-wrinkles-having-fun-laughing-joke-smiling-broadly-camera_343059-1891.jpg", alt: "Local Guide"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing-with-his-arms-crossed_23-2148692179.jpg", alt: "Adrian Tovar"},
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/female-doctor-her-office_1098-21369.jpg", alt: "Roxana Osorio"}
|
||
]}
|
||
ratingAnimation="blur-reveal"
|
||
avatarsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqDouble
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
faqs={[
|
||
{
|
||
id: "hours", title: "Horarios de atención", content: "Estamos disponibles de Lunes a Sábado, de 8:00 a.m. a 6:00 p.m. Te recomendamos agendar tu cita con anticipación."},
|
||
{
|
||
id: "insurance", title: "¿Aceptan seguros?", content: "Sí, aceptamos varias aseguradoras. Por favor, contáctanos directamente para verificar si tu plan está cubierto."},
|
||
{
|
||
id: "emergency", title: "¿Qué hago en caso de emergencia?", content: "Para emergencias, llámanos directamente al 300 607 9639. Haremos lo posible por atenderte a la brevedad."}
|
||
]}
|
||
title="¿Tienes Preguntas?"
|
||
description="Encuentra respuestas a las preguntas más frecuentes sobre nuestros servicios, citas y procedimientos."
|
||
faqsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="cta" data-section="cta">
|
||
<SplitAbout
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
imagePosition="right"
|
||
title="¿Listo para transformar tu sonrisa?"
|
||
description="Agenda tu cita hoy. Atención personalizada, precios justos y un equipo que te hará sentir en casa."
|
||
buttons={[
|
||
{
|
||
text: "Llamar ahora · 300 607 9639", href: "tel:3006079639"}
|
||
]}
|
||
bulletPoints={[
|
||
{
|
||
title: "Atención Personalizada", description: "Cada tratamiento se adapta a tus necesidades específicas para asegurar los mejores resultados."},
|
||
{
|
||
title: "Tecnología de Vanguardia", description: "Utilizamos equipos de última generación para diagnósticos precisos y procedimientos eficientes."},
|
||
{
|
||
title: "Más de 10 Años de Experiencia", description: "Respaldados por una década de dedicación y miles de sonrisas felices transformadas."}
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/attractive-patient-redviolet-dress-laying-dental-chair-while-female-dentist-treating-her-teeth-with-special-instruments_627829-9738.jpg"
|
||
imageAlt="Modern dental office reception area"
|
||
mediaAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contacto" data-section="contacto">
|
||
<ContactSplitForm
|
||
useInvertedBackground={false}
|
||
title="Visítanos en Barranquilla"
|
||
description="Estamos ubicados en Cra. 44 #84-178, Nte. Centro Histórico, Barranquilla, Atlántico.\n\nTeléfono/WhatsApp: 300 607 9639.\nHorario de atención: Lun – Sáb: 8:00 a.m. – 6:00 p.m.\nEncuéntranos en Instagram: @drjackson.odontologia"
|
||
inputs={[
|
||
{
|
||
name: "name", type: "text", placeholder: "Tu Nombre Completo", required: true
|
||
},
|
||
{
|
||
name: "email", type: "email", placeholder: "Tu Correo Electrónico", required: true
|
||
}
|
||
]}
|
||
textarea={{
|
||
name: "message", placeholder: "Tu Mensaje o Consulta", rows: 4,
|
||
required: true
|
||
}}
|
||
imageSrc="http://img.b2bpic.net/free-photo/pinpoints-compass-map_23-2148232397.jpg"
|
||
imageAlt="Map showing location in Barranquilla"
|
||
mediaAnimation="none"
|
||
mediaPosition="right"
|
||
buttonText="Enviar Mensaje"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterLogoReveal
|
||
logoText="Dr. Jackson Pérez Ucrós — Odontología"
|
||
leftLink={{
|
||
text: "Instagram ↗", href: "https://www.instagram.com/drjackson.odontologia/"}}
|
||
rightLink={{
|
||
text: "Política de Privacidad", href: "#"}}
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
} |