Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
213
src/app/page.tsx
213
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() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Inicio", id: "hero"},
|
||||
{
|
||||
name: "Servicios",
|
||||
id: "features",
|
||||
},
|
||||
name: "Servicios", id: "features"},
|
||||
{
|
||||
name: "Opiniones",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Opiniones", id: "testimonials"},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contacto", id: "contact"},
|
||||
]}
|
||||
brandName="Clínica Dental"
|
||||
/>
|
||||
@@ -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"
|
||||
|
||||
Reference in New Issue
Block a user