bender/27a796bd-75dd-435e-ac82-24df9f4ffcc4
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-03 14:22:16 +00:00
parent 7f4aee8545
commit d367f83177
1 changed files with 44 additions and 256 deletions
Download Patch File Download Diff File Expand all files Collapse all files

300
src/app/page.tsx
View File

@@ -30,26 +30,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Inicio",
id: "hero",
},
{
name: "Servicios",
id: "services",
},
{
name: "Equipo",
id: "team",
},
{
name: "Casos",
id: "gallery",
},
{
name: "Contacto",
id: "contact",
},
{ name: "Inicio", id: "hero" },
{ name: "Servicios", id: "services" },
{ name: "Equipo", id: "team" },
{ name: "Casos", id: "gallery" },
{ name: "Contacto", id: "contact" },
]}
brandName="Clínica Dental Sonrisa"
/>
@@ -57,105 +42,33 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="La sonrisa que siempre deseaste"
description="Clínica Dental Sonrisa Bilbao ofrece tratamientos odontológicos de vanguardia en un entorno de confort y confianza. Expertos en implantes, ortodoncia y estética dental."
testimonials={[
{
name: "Marta G.",
handle: "@marta_bilbao",
testimonial: "Excelente trato y resultados increíbles. La mejor clínica de Bilbao.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/patients-with-protection-mask-waiting-stomatology-reception-with-new-normal-staff-wearing-ppe-suit_482257-4811.jpg?_wi=1",
},
{
name: "Iñaki S.",
handle: "@inakis",
testimonial: "Un equipo de profesionales de primer nivel. Muy recomendado.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/dentist-sergeon-wear-isolated_1303-11571.jpg?_wi=1",
},
{
name: "Elena R.",
handle: "@elena_dental",
testimonial: "La experiencia fue perfecta, desde la recepción hasta el tratamiento final.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/dentist-standing-with-his-arms-crossed_107420-65262.jpg?_wi=1",
},
{
name: "Carlos B.",
handle: "@carlos_bilbao",
testimonial: "Resultados de alta calidad con un seguimiento impecable.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/patients-with-protection-mask-waiting-stomatology-reception-with-new-normal-staff-wearing-ppe-suit_482257-4811.jpg?_wi=2",
},
{
name: "Lucía M.",
handle: "@lucia_smile",
testimonial: "Muy agradecida con el equipo. Mi ortodoncia ha sido un éxito.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/dentist-sergeon-wear-isolated_1303-11571.jpg?_wi=2",
},
]}
buttons={[
{
text: "Reservar Cita",
href: "#contact",
},
{ name: "Marta G.", handle: "@marta_bilbao", testimonial: "Excelente trato y resultados increíbles. La mejor clínica de Bilbao.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/patients-with-protection-mask-waiting-stomatology-reception-with-new-normal-staff-wearing-ppe-suit_482257-4811.jpg" },
{ name: "Iñaki S.", handle: "@inakis", testimonial: "Un equipo de profesionales de primer nivel. Muy recomendado.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/dentist-sergeon-wear-isolated_1303-11571.jpg" },
{ name: "Elena R.", handle: "@elena_dental", testimonial: "La experiencia fue perfecta, desde la recepción hasta el tratamiento final.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/dentist-standing-with-his-arms-crossed_107420-65262.jpg" },
{ name: "Carlos B.", handle: "@carlos_bilbao", testimonial: "Resultados de alta calidad con un seguimiento impecable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/patients-with-protection-mask-waiting-stomatology-reception-with-new-normal-staff-wearing-ppe-suit_482257-4811.jpg" },
{ name: "Lucía M.", handle: "@lucia_smile", testimonial: "Muy agradecida con el equipo. Mi ortodoncia ha sido un éxito.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/dentist-sergeon-wear-isolated_1303-11571.jpg" }
]}
buttons={[{ text: "Reservar Cita", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/dental-cabinet-with-various-medical-equipment_140725-7678.jpg"
imageAlt="Clínica Dental Sonrisa Bilbao"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/patients-with-protection-mask-waiting-stomatology-reception-with-new-normal-staff-wearing-ppe-suit_482257-4811.jpg",
alt: "Dra. Elena Ruiz",
},
{
src: "http://img.b2bpic.net/free-photo/dentist-sergeon-wear-isolated_1303-11571.jpg",
alt: "Dr. Javier Pérez",
},
{
src: "http://img.b2bpic.net/free-photo/dentist-standing-with-his-arms-crossed_107420-65262.jpg",
alt: "Dra. María Gómez",
},
{
src: "http://img.b2bpic.net/free-photo/patients-with-protection-mask-waiting-stomatology-reception-with-new-normal-staff-wearing-ppe-suit_482257-4811.jpg",
alt: "Dra. Ana López",
},
{
src: "http://img.b2bpic.net/free-photo/dentist-sergeon-wear-isolated_1303-11571.jpg",
alt: "Dr. Carlos Ruiz",
},
{ src: "http://img.b2bpic.net/free-photo/patients-with-protection-mask-waiting-stomatology-reception-with-new-normal-staff-wearing-ppe-suit_482257-4811.jpg", alt: "Dra. Elena Ruiz" },
{ src: "http://img.b2bpic.net/free-photo/dentist-sergeon-wear-isolated_1303-11571.jpg", alt: "Dr. Javier Pérez" },
{ src: "http://img.b2bpic.net/free-photo/dentist-standing-with-his-arms-crossed_107420-65262.jpg", alt: "Dra. María Gómez" },
{ src: "http://img.b2bpic.net/free-photo/patients-with-protection-mask-waiting-stomatology-reception-with-new-normal-staff-wearing-ppe-suit_482257-4811.jpg", alt: "Dra. Ana López" },
{ src: "http://img.b2bpic.net/free-photo/dentist-sergeon-wear-isolated_1303-11571.jpg", alt: "Dr. Carlos Ruiz" }
]}
marqueeItems={[
{
type: "text-icon",
text: "Certificación Calidad",
icon: ShieldCheck,
},
{
type: "text-icon",
text: "Atención 24h",
icon: Clock,
},
{
type: "text-icon",
text: "Tecnología 3D",
icon: Activity,
},
{
type: "text-icon",
text: "Financiación Flexible",
icon: CreditCard,
},
{
type: "text-icon",
text: "Clínica Certificada",
icon: Award,
},
{ type: "text-icon", text: "Certificación Calidad", icon: ShieldCheck },
{ type: "text-icon", text: "Atención 24h", icon: Clock },
{ type: "text-icon", text: "Tecnología 3D", icon: Activity },
{ type: "text-icon", text: "Financiación Flexible", icon: CreditCard },
{ type: "text-icon", text: "Clínica Certificada", icon: Award }
]}
/>
</div>
@@ -167,30 +80,10 @@ export default function LandingPage() {
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
features={[
{
title: "Implantes Dentales",
description: "Recupera tu sonrisa con técnicas mínimamente invasivas.",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-tooth-made-sugar-blue-background_169016-24277.jpg",
imageAlt: "Implantes dentales",
},
{
title: "Ortodoncia Invisible",
description: "Alinea tu sonrisa de forma cómoda y discreta.",
imageSrc: "http://img.b2bpic.net/free-vector/dental-icons-set_1284-4392.jpg",
imageAlt: "Ortodoncia",
},
{
title: "Blanqueamiento Dental",
description: "Luce dientes más brillantes y saludables.",
imageSrc: "http://img.b2bpic.net/free-vector/tooth-with-health-shield-doodle_78370-4806.jpg",
imageAlt: "Blanqueamiento",
},
{
title: "Odontopediatría",
description: "Cuidado dental especializado para los más pequeños.",
imageSrc: "http://img.b2bpic.net/free-vector/dentist-logo-collection_1346-51.jpg",
imageAlt: "Odontopediatría",
},
{ title: "Implantes Dentales", description: "Recupera tu sonrisa con técnicas mínimamente invasivas.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-tooth-made-sugar-blue-background_169016-24277.jpg", imageAlt: "Implantes dentales" },
{ title: "Ortodoncia Invisible", description: "Alinea tu sonrisa de forma cómoda y discreta.", imageSrc: "http://img.b2bpic.net/free-vector/dental-icons-set_1284-4392.jpg", imageAlt: "Ortodoncia" },
{ title: "Blanqueamiento Dental", description: "Luce dientes más brillantes y saludables.", imageSrc: "http://img.b2bpic.net/free-vector/tooth-with-health-shield-doodle_78370-4806.jpg", imageAlt: "Blanqueamiento" },
{ title: "Odontopediatría", description: "Cuidado dental especializado para los más pequeños.", imageSrc: "http://img.b2bpic.net/free-vector/dentist-logo-collection_1346-51.jpg", imageAlt: "Odontopediatría" }
]}
title="Nuestros Tratamientos"
description="Soluciones personalizadas para todas tus necesidades dentales con la última tecnología."
@@ -199,31 +92,14 @@ export default function LandingPage() {
<div id="team" data-section="team">
<TeamCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
members={[
{
id: "d1",
name: "Dra. Elena Ruiz",
role: "Directora Médica",
description: "Experta en rehabilitación oral y estética.",
imageSrc: "http://img.b2bpic.net/free-photo/patients-with-protection-mask-waiting-stomatology-reception-with-new-normal-staff-wearing-ppe-suit_482257-4811.jpg?_wi=3",
},
{
id: "d2",
name: "Dr. Javier Pérez",
role: "Especialista en Ortodoncia",
description: "Especialista en alineación invisible.",
imageSrc: "http://img.b2bpic.net/free-photo/dentist-sergeon-wear-isolated_1303-11571.jpg?_wi=3",
},
{
id: "d3",
name: "Dra. María Gómez",
role: "Odontopediatra",
description: "Experta en cuidado dental infantil.",
imageSrc: "http://img.b2bpic.net/free-photo/dentist-standing-with-his-arms-crossed_107420-65262.jpg?_wi=2",
},
{ id: "d1", name: "Dra. Elena Ruiz", role: "Directora Médica", description: "Experta en rehabilitación oral y estética.", imageSrc: "http://img.b2bpic.net/free-photo/patients-with-protection-mask-waiting-stomatology-reception-with-new-normal-staff-wearing-ppe-suit_482257-4811.jpg" },
{ id: "d2", name: "Dr. Javier Pérez", role: "Especialista en Ortodoncia", description: "Especialista en alineación invisible.", imageSrc: "http://img.b2bpic.net/free-photo/dentist-sergeon-wear-isolated_1303-11571.jpg" },
{ id: "d3", name: "Dra. María Gómez", role: "Odontopediatra", description: "Experta en cuidado dental infantil.", imageSrc: "http://img.b2bpic.net/free-photo/dentist-standing-with-his-arms-crossed_107420-65262.jpg" }
]}
title="Nuestro Equipo Médico"
description="Conoce a nuestros especialistas comprometidos con tu salud oral."
@@ -237,48 +113,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "c1",
name: "Caso Implantes",
price: "Transformación completa",
variant: "Antes/Después",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-modern-woman-years-old-standing-kitchen-with-notebook-reading-notes-student_1258-201150.jpg?_wi=1",
},
{
id: "c2",
name: "Caso Ortodoncia",
price: "Alineamiento total",
variant: "Resultados visibles",
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-preteen-girl-with-braces-her-teeth-looking-mirror_169016-38198.jpg?_wi=1",
},
{
id: "c3",
name: "Caso Blanqueamiento",
price: "Brillo máximo",
variant: "Estética dental",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-dental-clinic_107420-74179.jpg?_wi=1",
},
{
id: "c4",
name: "Caso Estética",
price: "Carillas premium",
variant: "Diseño de sonrisa",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-modern-woman-years-old-standing-kitchen-with-notebook-reading-notes-student_1258-201150.jpg?_wi=2",
},
{
id: "c5",
name: "Caso Completo",
price: "Rehabilitación",
variant: "Salud bucodental",
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-preteen-girl-with-braces-her-teeth-looking-mirror_169016-38198.jpg?_wi=2",
},
{
id: "c6",
name: "Caso Infantil",
price: "Prevención",
variant: "Atención especializada",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-dental-clinic_107420-74179.jpg?_wi=2",
},
{ id: "c1", name: "Caso Implantes", price: "Transformación completa", variant: "Antes/Después", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-modern-woman-years-old-standing-kitchen-with-notebook-reading-notes-student_1258-201150.jpg" },
{ id: "c2", name: "Caso Ortodoncia", price: "Alineamiento total", variant: "Resultados visibles", imageSrc: "http://img.b2bpic.net/free-photo/caucasian-preteen-girl-with-braces-her-teeth-looking-mirror_169016-38198.jpg" },
{ id: "c3", name: "Caso Blanqueamiento", price: "Brillo máximo", variant: "Estética dental", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-dental-clinic_107420-74179.jpg" },
{ id: "c4", name: "Caso Estética", price: "Carillas premium", variant: "Diseño de sonrisa", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-modern-woman-years-old-standing-kitchen-with-notebook-reading-notes-student_1258-201150.jpg" },
{ id: "c5", name: "Caso Completo", price: "Rehabilitación", variant: "Salud bucodental", imageSrc: "http://img.b2bpic.net/free-photo/caucasian-preteen-girl-with-braces-her-teeth-looking-mirror_169016-38198.jpg" },
{ id: "c6", name: "Caso Infantil", price: "Prevención", variant: "Atención especializada", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-dental-clinic_107420-74179.jpg" }
]}
title="Casos de Éxito"
description="Resultados reales transformando sonrisas de nuestros pacientes."
@@ -289,21 +129,9 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "¿Cuándo debo hacer mi primera visita?",
content: "Se recomienda una revisión cada 6 meses.",
},
{
id: "f2",
title: "¿Es doloroso el blanqueamiento?",
content: "Utilizamos técnicas no invasivas que minimizan cualquier sensibilidad.",
},
{
id: "f3",
title: "¿Aceptan seguros médicos?",
content: "Trabajamos con las principales mutuas del país.",
},
{ id: "f1", title: "¿Cuándo debo hacer mi primera visita?", content: "Se recomienda una revisión cada 6 meses." },
{ id: "f2", title: "¿Es doloroso el blanqueamiento?", content: "Utilizamos técnicas no invasivas que minimizan cualquier sensibilidad." },
{ id: "f3", title: "¿Aceptan seguros médicos?", content: "Trabajamos con las principales mutuas del país." }
]}
sideTitle="Preguntas Frecuentes"
faqsAnimation="slide-up"
@@ -313,60 +141,20 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
tag="Contacto"
title="Agenda tu cita hoy"
description="Estamos ubicados en el centro de Bilbao. Reserva tu consulta y cuida tu sonrisa."
buttons={[
{
text: "Contactar por WhatsApp",
href: "#",
},
]}
buttons={[{ text: "Contactar por WhatsApp", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Sobre Nosotros",
href: "#",
},
{
label: "Servicios",
href: "#services",
},
],
},
{
items: [
{
label: "Privacidad",
href: "#",
},
{
label: "Aviso Legal",
href: "#",
},
],
},
{
items: [
{
label: "Bilbao, Vizcaya",
href: "#",
},
{
label: "contacto@sonrisabilbao.es",
href: "#",
},
],
},
{ items: [{ label: "Sobre Nosotros", href: "#" }, { label: "Servicios", href: "#services" }] },
{ items: [{ label: "Privacidad", href: "#" }, { label: "Aviso Legal", href: "#" }] },
{ items: [{ label: "Bilbao, Vizcaya", href: "#" }, { label: "contacto@sonrisabilbao.es", href: "#" }] }
]}
logoText="Clínica Dental Sonrisa"
/>