From 6144f629716ebf106d3df13ed86e4b769e3c6f85 Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 8 May 2026 22:07:13 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 213 +++++++++++------------------------------------ 1 file changed, 49 insertions(+), 164 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 91c695c..3851809 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -2,6 +2,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import ReactLenis from "lenis/react"; +import { Check } from "lucide-react"; import ContactSplitForm from '@/components/sections/contact/ContactSplitForm'; import FaqSplitText from '@/components/sections/faq/FaqSplitText'; import FeatureCardTen from '@/components/sections/feature/FeatureCardTen'; @@ -31,21 +32,13 @@ export default function LandingPage() { @@ -57,36 +50,22 @@ export default function LandingPage() { description="Cuidado dental profesional a pasos del Metro. Ven y descubre por qué nuestros pacientes nos califican con 5 estrellas." buttons={[ { - text: "Agendar Cita", - href: "#contact", - }, + text: "Agendar Cita", href: "#contact"}, { - text: "Llamar Ahora", - href: "tel:+50700000000", - }, + text: "Llamar Ahora", href: "tel:+50700000000"}, ]} - imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=388qg9&_wi=1" + imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=388qg9" avatars={[ { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8t68u2", - alt: "Paciente satisfecho", - }, + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8t68u2", alt: "Paciente satisfecho"}, { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jcuxam", - alt: "Paciente feliz", - }, + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jcuxam", alt: "Paciente feliz"}, { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ql5770", - alt: "Paciente sonriente", - }, + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ql5770", alt: "Paciente sonriente"}, { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tkhxzs", - alt: "Paciente con tratamiento", - }, + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tkhxzs", alt: "Paciente con tratamiento"}, { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kjz1rw", - alt: "Paciente senior feliz", - }, + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kjz1rw", alt: "Paciente senior feliz"}, ]} avatarText="Más de 20+ pacientes felices nos respaldan" imageAlt="modern dental clinic patient comfortable" @@ -101,19 +80,13 @@ export default function LandingPage() { description="Nuestra clínica en Panamá Plaza está diseñada para eliminar el miedo al dentista. Ofrecemos una atención cálida y personalizada, entendiendo que cada paciente es único." bulletPoints={[ { - title: "Atención Cálida", - description: "Eliminamos el miedo con un trato humano y amable.", - }, + title: "Atención Cálida", description: "Eliminamos el miedo con un trato humano y amable."}, { - title: "Profesionales Expertos", - description: "Odontólogos altamente capacitados con años de experiencia.", - }, + title: "Profesionales Expertos", description: "Odontólogos altamente capacitados con años de experiencia."}, { - title: "Ubicación Privilegiada", - description: "A pasos del Metro, en Transístmica, Bethania.", - }, + title: "Ubicación Privilegiada", description: "A pasos del Metro, en Transístmica, Bethania."}, ]} - imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uqkpf1&_wi=1" + imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uqkpf1" mediaAnimation="slide-up" imageAlt="dentist welcoming patient warm clinic" /> @@ -126,71 +99,35 @@ export default function LandingPage() { useInvertedBackground={true} features={[ { - title: "Limpieza y Prevención", - description: "Mantén tu sonrisa sana con limpiezas profundas y exámenes preventivos regulares.", - media: { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yfkx4p", - imageAlt: "modern dental clinic patient comfortable", - }, + title: "Limpieza y Prevención", description: "Mantén tu sonrisa sana con limpiezas profundas y exámenes preventivos regulares.", media: { + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yfkx4p", imageAlt: "modern dental clinic patient comfortable"}, items: [ - { - text: "Remoción de placa", - }, - { - text: "Examen periodontal", - }, - { - text: "Fluorización", - }, + { icon: Check, text: "Remoción de placa" }, + { icon: Check, text: "Examen periodontal" }, + { icon: Check, text: "Fluorización" }, ], reverse: false, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=388qg9&_wi=2", - imageAlt: "modern dental clinic patient comfortable", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=388qg9", imageAlt: "modern dental clinic patient comfortable"}, { - title: "Ortodoncia Avanzada", - description: "Alinea tu sonrisa con brackets o tratamientos estéticos de última generación.", - media: { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kzw81b", - imageAlt: "dentist welcoming patient warm clinic", - }, + title: "Ortodoncia Avanzada", description: "Alinea tu sonrisa con brackets o tratamientos estéticos de última generación.", media: { + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kzw81b", imageAlt: "dentist welcoming patient warm clinic"}, items: [ - { - text: "Brackets metálicos", - }, - { - text: "Tratamiento invisible", - }, - { - text: "Seguimiento mensual", - }, + { icon: Check, text: "Brackets metálicos" }, + { icon: Check, text: "Tratamiento invisible" }, + { icon: Check, text: "Seguimiento mensual" }, ], reverse: true, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uqkpf1&_wi=2", - imageAlt: "modern dental clinic patient comfortable", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uqkpf1", imageAlt: "modern dental clinic patient comfortable"}, { - title: "Estética Dental", - description: "Recupera tu confianza con blanqueamientos y carillas de porcelana de alta calidad.", - media: { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vxwciy", - imageAlt: "modern dental clinic patient comfortable", - }, + title: "Estética Dental", description: "Recupera tu confianza con blanqueamientos y carillas de porcelana de alta calidad.", media: { + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vxwciy", imageAlt: "modern dental clinic patient comfortable"}, items: [ - { - text: "Blanqueamiento", - }, - { - text: "Carillas", - }, - { - text: "Contorneado", - }, + { icon: Check, text: "Blanqueamiento" }, + { icon: Check, text: "Carillas" }, + { icon: Check, text: "Contorneado" }, ], reverse: false, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8t68u2&_wi=1", - imageAlt: "modern dental clinic patient comfortable", - }, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8t68u2", imageAlt: "modern dental clinic patient comfortable"}, ]} title="Servicios Dentales Integrales" description="Cuidamos tu salud bucal con tecnología moderna y un enfoque clínico preventivo." @@ -204,20 +141,11 @@ export default function LandingPage() { tag="Calidad Certificada" metrics={[ { - id: "m1", - value: "5.0", - description: "Calificación Google", - }, + id: "m1", value: "5.0", description: "Calificación Google"}, { - id: "m2", - value: "21+", - description: "Pacientes Satisfechos", - }, + id: "m2", value: "21+", description: "Pacientes Satisfechos"}, { - id: "m3", - value: "100%", - description: "Atención Humana", - }, + id: "m3", value: "100%", description: "Atención Humana"}, ]} metricsAnimation="slide-up" /> @@ -230,40 +158,15 @@ export default function LandingPage() { useInvertedBackground={true} testimonials={[ { - id: "1", - name: "Eduardo", - role: "Paciente", - testimonial: "La mejor atención que he recibido en mucho tiempo, muy amable.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8t68u2&_wi=2", - }, + id: "1", name: "Eduardo", role: "Paciente", testimonial: "La mejor atención que he recibido en mucho tiempo, muy amable.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8t68u2"}, { - id: "2", - name: "Yadysel", - role: "Paciente", - testimonial: "Ambiente increíblemente limpio y una atención de primera.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jcuxam", - }, + id: "2", name: "Yadysel", role: "Paciente", testimonial: "Ambiente increíblemente limpio y una atención de primera.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jcuxam"}, { - id: "3", - name: "Clemencia", - role: "Paciente", - testimonial: "Excelente servicio, me explicaron todo detalladamente.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ql5770", - }, + id: "3", name: "Clemencia", role: "Paciente", testimonial: "Excelente servicio, me explicaron todo detalladamente.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ql5770"}, { - id: "4", - name: "Paciente", - role: "Paciente", - testimonial: "Un trato muy humano que te hace sentir en casa.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tkhxzs", - }, + id: "4", name: "Paciente", role: "Paciente", testimonial: "Un trato muy humano que te hace sentir en casa.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tkhxzs"}, { - id: "5", - name: "Paciente", - role: "Paciente", - testimonial: "Profesionales muy capacitados, recomendados al 100%.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kjz1rw", - }, + id: "5", name: "Paciente", role: "Paciente", testimonial: "Profesionales muy capacitados, recomendados al 100%.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kjz1rw"}, ]} title="Lo que dicen nuestros pacientes" description="La satisfacción de nuestros pacientes es nuestro mayor logro." @@ -275,20 +178,11 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "f1", - title: "¿Dónde se ubican?", - content: "Estamos en Panamá Plaza, Bethania, Transístmica Local 28, a pasos del Metro.", - }, + id: "f1", title: "¿Dónde se ubican?", content: "Estamos en Panamá Plaza, Bethania, Transístmica Local 28, a pasos del Metro."}, { - id: "f2", - title: "¿Tienen horario de urgencia?", - content: "Atendemos de lunes a viernes hasta las 6:00 PM.", - }, + id: "f2", title: "¿Tienen horario de urgencia?", content: "Atendemos de lunes a viernes hasta las 6:00 PM."}, { - id: "f3", - title: "¿Cómo agendo una cita?", - content: "Puedes agendar llamando al botón de teléfono o enviando el formulario de contacto.", - }, + id: "f3", title: "¿Cómo agendo una cita?", content: "Puedes agendar llamando al botón de teléfono o enviando el formulario de contacto."}, ]} sideTitle="Preguntas Frecuentes" faqsAnimation="slide-up" @@ -302,22 +196,13 @@ export default function LandingPage() { description="Recupera tu sonrisa. Déjanos tus datos y te contactaremos de inmediato." inputs={[ { - name: "nombre", - type: "text", - placeholder: "Tu nombre completo", - required: true, + name: "nombre", type: "text", placeholder: "Tu nombre completo", required: true, }, { - name: "telefono", - type: "tel", - placeholder: "Tu número de teléfono", - required: true, + name: "telefono", type: "tel", placeholder: "Tu número de teléfono", required: true, }, { - name: "motivo", - type: "text", - placeholder: "Motivo de la consulta", - required: true, + name: "motivo", type: "text", placeholder: "Motivo de la consulta", required: true, }, ]} imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hl33go"