Update src/app/page.tsx
This commit is contained in:
318
src/app/page.tsx
318
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Pura Vida"
|
||||
/>
|
||||
@@ -56,100 +48,42 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Salud Dental para una Vida Plena"
|
||||
description="Expertos en crear sonrisas saludables en un ambiente cómodo, moderno y profesional. Tu bienestar es nuestra prioridad."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dentist-standing-with-arms-crossed-dental-clinic_107420-65537.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-female-dentists-treating-patients-teeth-visit-dentist-dentistry_169016-67227.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-dentist-work-with-patient-examining-his-teeth-with-dental-tools_651396-1902.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dentist-standing-with-arms-crossed-dental-clinic_107420-65535.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dental-cabinet-with-various-medical-equipment_140725-7678.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-discussing-with-dentist-dental-cabinet-about-teeth-issue-sitting-chair-medical-teeth-care-taker-discussing-with-senior-woman-about-mouth-hygiene_482257-12556.jpg",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/dentist-standing-with-arms-crossed-dental-clinic_107420-65537.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/team-female-dentists-treating-patients-teeth-visit-dentist-dentistry_169016-67227.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/female-dentist-work-with-patient-examining-his-teeth-with-dental-tools_651396-1902.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/dentist-standing-with-arms-crossed-dental-clinic_107420-65535.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/dental-cabinet-with-various-medical-equipment_140725-7678.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-discussing-with-dentist-dental-cabinet-about-teeth-issue-sitting-chair-medical-teeth-care-taker-discussing-with-senior-woman-about-mouth-hygiene_482257-12556.jpg" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-dental-tooth-intruments-medical-stomatology-orthodontic-office_482257-12296.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waiting-room-clinic-with-nobody-it-front-office-with-new-normal-having-sign-chair-social-distance-coronavirus-pandemic_482257-4808.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/health-medical-doctor-dentist-dentistry_1303-971.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-performing-medical-research-lab_23-2149335725.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ca-medical-dentist-doctor-dental_1303-992.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-scientists-work-lab_23-2148492121.jpg",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-dental-tooth-intruments-medical-stomatology-orthodontic-office_482257-12296.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/waiting-room-clinic-with-nobody-it-front-office-with-new-normal-having-sign-chair-social-distance-coronavirus-pandemic_482257-4808.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/health-medical-doctor-dentist-dentistry_1303-971.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/doctor-performing-medical-research-lab_23-2149335725.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/ca-medical-dentist-doctor-dental_1303-992.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/female-scientists-work-lab_23-2148492121.jpg" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Reservar Cita",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Reservar Cita", href: "#contact" },
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-male-dentist-with-female-assistant-standing-dentist-office_613910-21262.jpg",
|
||||
alt: "Dentist team 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/dentists-interacting-with-each-other_107420-65551.jpg",
|
||||
alt: "Dentist team 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/dentistry-team-office_1303-9359.jpg",
|
||||
alt: "Dentist team 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/dentistry-team-office_1303-9358.jpg",
|
||||
alt: "Dentist team 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/dentists-interacting-with-each-other_107420-65553.jpg",
|
||||
alt: "Dentist team 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/handsome-male-dentist-with-female-assistant-standing-dentist-office_613910-21262.jpg", alt: "Dentist team 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/dentists-interacting-with-each-other_107420-65551.jpg", alt: "Dentist team 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/dentistry-team-office_1303-9359.jpg", alt: "Dentist team 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/dentistry-team-office_1303-9358.jpg", alt: "Dentist team 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/dentists-interacting-with-each-other_107420-65553.jpg", alt: "Dentist team 5" },
|
||||
]}
|
||||
avatarText="Nuestro equipo de expertos"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Tecnología de Vanguardia",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ambiente Relax",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Atención Personalizada",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Seguridad Total",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Calidad Certificada",
|
||||
},
|
||||
{ type: "text", text: "Tecnología de Vanguardia" },
|
||||
{ type: "text", text: "Ambiente Relax" },
|
||||
{ type: "text", text: "Atención Personalizada" },
|
||||
{ type: "text", text: "Seguridad Total" },
|
||||
{ type: "text", text: "Calidad Certificada" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -159,9 +93,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Comprometidos con tu Sonrisa"
|
||||
description={[
|
||||
"En Clínica Odontológica Pura Vida, combinamos tecnología de vanguardia con un trato humano y personalizado.",
|
||||
"Creemos que cada paciente merece una experiencia dental libre de ansiedad y llena de resultados espectaculares.",
|
||||
]}
|
||||
"En Clínica Odontológica Pura Vida, combinamos tecnología de vanguardia con un trato humano y personalizado.", "Creemos que cada paciente merece una experiencia dental libre de ansiedad y llena de resultados espectaculares."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -172,76 +104,37 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Odontología Preventiva",
|
||||
description: "Chequeos regulares para mantener tu salud dental impecable.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mid-adult-man-sitting-chair-by-dentist-clinic_662251-2558.jpg",
|
||||
title: "Odontología Preventiva", description: "Chequeos regulares para mantener tu salud dental impecable.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mid-adult-man-sitting-chair-by-dentist-clinic_662251-2558.jpg", imageAlt: "smiling dentist patient happy"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Limpiezas profundas",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Sellantes",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Exámenes anuales",
|
||||
},
|
||||
{ icon: CheckCircle, text: "Limpiezas profundas" },
|
||||
{ icon: CheckCircle, text: "Sellantes" },
|
||||
{ icon: CheckCircle, text: "Exámenes anuales" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dentist-standing-with-arms-crossed-dental-clinic_107420-65537.jpg?_wi=2",
|
||||
imageAlt: "smiling dentist patient happy",
|
||||
},
|
||||
{
|
||||
title: "Estética Dental",
|
||||
description: "Devolvemos la confianza a tu sonrisa con técnicas avanzadas.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053262.jpg",
|
||||
title: "Estética Dental", description: "Devolvemos la confianza a tu sonrisa con técnicas avanzadas.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053262.jpg", imageAlt: "smiling dentist patient happy"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Star,
|
||||
text: "Blanqueamiento",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
text: "Carillas",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
text: "Diseño digital",
|
||||
},
|
||||
{ icon: Star, text: "Blanqueamiento" },
|
||||
{ icon: Star, text: "Carillas" },
|
||||
{ icon: Star, text: "Diseño digital" },
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-dental-tooth-intruments-medical-stomatology-orthodontic-office_482257-12296.jpg?_wi=2",
|
||||
imageAlt: "smiling dentist patient happy",
|
||||
},
|
||||
{
|
||||
title: "Ortodoncia Avanzada",
|
||||
description: "Soluciones alineadas para una mordida perfecta y saludable.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-as-medical-assistant-desk-doctors-office-nurse-looking-camera-smiling-while-preparing-work-computer-healthcare-specialist-uniform_482257-35922.jpg",
|
||||
title: "Ortodoncia Avanzada", description: "Soluciones alineadas para una mordida perfecta y saludable.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-as-medical-assistant-desk-doctors-office-nurse-looking-camera-smiling-while-preparing-work-computer-healthcare-specialist-uniform_482257-35922.jpg", imageAlt: "smiling dentist patient happy"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Award,
|
||||
text: "Brackets cerámicos",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
text: "Invisalign",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
text: "Retenedores",
|
||||
},
|
||||
{ icon: Award, text: "Brackets cerámicos" },
|
||||
{ icon: Award, text: "Invisalign" },
|
||||
{ icon: Award, text: "Retenedores" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-woman-looking-camera-while-standing-corridor-hospital-team-doctors-is-background_637285-729.jpg?_wi=1",
|
||||
imageAlt: "smiling dentist patient happy",
|
||||
},
|
||||
]}
|
||||
title="Nuestros Servicios"
|
||||
@@ -256,36 +149,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
tag: "Basic",
|
||||
price: "$45",
|
||||
period: "/mes",
|
||||
description: "Chequeo básico y limpieza semestral.",
|
||||
button: {
|
||||
text: "Elegir",
|
||||
},
|
||||
featuresTitle: "Incluye:",
|
||||
features: [
|
||||
"Examen clínico",
|
||||
"Limpieza ultrasónica",
|
||||
"Rayos X básicos",
|
||||
],
|
||||
id: "p1", tag: "Basic", price: "$45", period: "/mes", description: "Chequeo básico y limpieza semestral.", button: { text: "Elegir" },
|
||||
featuresTitle: "Incluye:", features: [
|
||||
"Examen clínico", "Limpieza ultrasónica", "Rayos X básicos"],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
tag: "Pro",
|
||||
price: "$89",
|
||||
period: "/mes",
|
||||
description: "Cuidado integral para toda la familia.",
|
||||
button: {
|
||||
text: "Elegir",
|
||||
},
|
||||
featuresTitle: "Incluye:",
|
||||
features: [
|
||||
"Todo lo básico",
|
||||
"Blanqueamiento anual",
|
||||
"Prioridad de citas",
|
||||
],
|
||||
id: "p2", tag: "Pro", price: "$89", period: "/mes", description: "Cuidado integral para toda la familia.", button: { text: "Elegir" },
|
||||
featuresTitle: "Incluye:", features: [
|
||||
"Todo lo básico", "Blanqueamiento anual", "Prioridad de citas"],
|
||||
},
|
||||
]}
|
||||
title="Planes de Mantenimiento"
|
||||
@@ -299,45 +170,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Excelente trato",
|
||||
quote: "La experiencia fue increíble, nunca me sentí tan cómoda en un dentista.",
|
||||
name: "Ana García",
|
||||
role: "Paciente",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-woman-looking-camera-while-standing-corridor-hospital-team-doctors-is-background_637285-729.jpg?_wi=2",
|
||||
},
|
||||
id: "1", title: "Excelente trato", quote: "La experiencia fue increíble, nunca me sentí tan cómoda en un dentista.", name: "Ana García", role: "Paciente", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-woman-looking-camera-while-standing-corridor-hospital-team-doctors-is-background_637285-729.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Resultados geniales",
|
||||
quote: "Mi sonrisa cambió por completo, muy profesionales.",
|
||||
name: "Carlos Ruiz",
|
||||
role: "Paciente",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-doctor-patient-clinic_23-2149103571.jpg",
|
||||
},
|
||||
id: "2", title: "Resultados geniales", quote: "Mi sonrisa cambió por completo, muy profesionales.", name: "Carlos Ruiz", role: "Paciente", imageSrc: "http://img.b2bpic.net/free-photo/close-up-doctor-patient-clinic_23-2149103571.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Muy rápidos",
|
||||
quote: "Atención rápida y sin dolor, totalmente recomendado.",
|
||||
name: "Elena Martínez",
|
||||
role: "Paciente",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-using-mobile-phone_107420-65656.jpg",
|
||||
},
|
||||
id: "3", title: "Muy rápidos", quote: "Atención rápida y sin dolor, totalmente recomendado.", name: "Elena Martínez", role: "Paciente", imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-using-mobile-phone_107420-65656.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Confianza total",
|
||||
quote: "Ahora sonrío con total confianza gracias a Pura Vida.",
|
||||
name: "Jorge Luis",
|
||||
role: "Paciente",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tender-sincere-caucasian-woman-with-cheerful-smile-warm-look-making-frame-gesture-with-hands_176420-15335.jpg",
|
||||
},
|
||||
id: "4", title: "Confianza total", quote: "Ahora sonrío con total confianza gracias a Pura Vida.", name: "Jorge Luis", role: "Paciente", imageSrc: "http://img.b2bpic.net/free-photo/tender-sincere-caucasian-woman-with-cheerful-smile-warm-look-making-frame-gesture-with-hands_176420-15335.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Gran tecnología",
|
||||
quote: "Noté la diferencia de inmediato con sus equipos nuevos.",
|
||||
name: "Sofía Torres",
|
||||
role: "Paciente",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-having-dental-treatment-dentist-s-office-woman-is-being-treated-teeth_1157-42150.jpg",
|
||||
},
|
||||
id: "5", title: "Gran tecnología", quote: "Noté la diferencia de inmediato con sus equipos nuevos.", name: "Sofía Torres", role: "Paciente", imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-having-dental-treatment-dentist-s-office-woman-is-being-treated-teeth_1157-42150.jpg"},
|
||||
]}
|
||||
title="Lo que dicen nuestros pacientes"
|
||||
description="Historias de éxito y sonrisas renovadas en nuestra clínica."
|
||||
@@ -351,28 +192,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1500+",
|
||||
title: "Pacientes Atendidos",
|
||||
items: [
|
||||
"Satisfacción total",
|
||||
],
|
||||
id: "m1", value: "1500+", title: "Pacientes Atendidos", items: ["Satisfacción total"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "10+",
|
||||
title: "Años de Experiencia",
|
||||
items: [
|
||||
"Calidad clínica",
|
||||
],
|
||||
id: "m2", value: "10+", title: "Años de Experiencia", items: ["Calidad clínica"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
title: "Sonrisas Felices",
|
||||
items: [
|
||||
"Calificación paciente",
|
||||
],
|
||||
id: "m3", value: "99%", title: "Sonrisas Felices", items: ["Calificación paciente"],
|
||||
},
|
||||
]}
|
||||
title="Nuestro Impacto"
|
||||
@@ -386,20 +212,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "¿Aceptan seguros?",
|
||||
content: "Sí, aceptamos la mayoría de los seguros dentales del mercado.",
|
||||
},
|
||||
id: "f1", title: "¿Aceptan seguros?", content: "Sí, aceptamos la mayoría de los seguros dentales del mercado."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "¿Es doloroso?",
|
||||
content: "Contamos con tecnología de sedación consciente y anestesia avanzada para tu comodidad.",
|
||||
},
|
||||
id: "f2", title: "¿Es doloroso?", content: "Contamos con tecnología de sedación consciente y anestesia avanzada para tu comodidad."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "¿Tienen financiamiento?",
|
||||
content: "Ofrecemos planes de pago mensuales adaptados a tus necesidades.",
|
||||
},
|
||||
id: "f3", title: "¿Tienen financiamiento?", content: "Ofrecemos planes de pago mensuales adaptados a tus necesidades."},
|
||||
]}
|
||||
title="Preguntas Frecuentes"
|
||||
description="Resolvemos todas tus dudas sobre nuestros servicios."
|
||||
@@ -411,8 +228,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Agenda tu Cita Hoy"
|
||||
description="Da el primer paso hacia la sonrisa de tus sueños. Contáctanos para más información."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hospital-reception-desk-with-computer-making-healthcare-appointments-patients-with-disease-registration-work-with-medical-checkup-reports-papers-forms-facility-lobby_482257-50665.jpg"
|
||||
@@ -424,14 +240,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Pura Vida"
|
||||
leftLink={{
|
||||
text: "Privacidad",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contacto",
|
||||
href: "#contact",
|
||||
}}
|
||||
leftLink={{ text: "Privacidad", href: "#" }}
|
||||
rightLink={{ text: "Contacto", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user