Merge version_1 into main

Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
2026-03-31 04:19:19 +00:00

View File

@@ -13,256 +13,125 @@ import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="smallMedium"
sizing="medium"
background="fluid"
cardStyle="gradient-radial"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="glass"
headingFontWeight="bold"
defaultButtonVariant="text-stagger"
defaultTextAnimation="background-highlight"
borderRadius="soft"
contentWidth="smallMedium"
sizing="medium"
background="fluid"
cardStyle="gradient-radial"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="glass"
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Inicio",
id: "hero",
},
{
name: "Servicios",
id: "servicios",
},
{
name: "Contacto",
id: "contacto",
},
]}
brandName="Clínica Dental Interiano"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Inicio", id: "hero" },
{ name: "Servicios", id: "servicios" },
{ name: "Contacto", id: "contacto" },
]}
brandName="Clínica Dental Interiano"
button={{ text: "Agendar", href: "#contacto" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "radial-gradient",
}}
title="La excelencia dental que tu sonrisa merece"
description="Redefinimos la experiencia odontológica en San Luis con tecnología de punta y un enfoque personalizado de lujo clínico."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-woman-looking-surprised-full-disbelief-wide-open-mouth_273609-13689.jpg?_wi=1",
imageAlt: "Sonrisa perfecta",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-woman-looking-surprised-full-disbelief-wide-open-mouth_273609-13689.jpg?_wi=2",
imageAlt: "Sonrisa perfecta",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-woman-looking-surprised-full-disbelief-wide-open-mouth_273609-13689.jpg?_wi=3",
imageAlt: "Sonrisa perfecta",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-woman-looking-surprised-full-disbelief-wide-open-mouth_273609-13689.jpg?_wi=4",
imageAlt: "Sonrisa perfecta",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-woman-looking-surprised-full-disbelief-wide-open-mouth_273609-13689.jpg?_wi=5",
imageAlt: "Sonrisa perfecta",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-woman-looking-surprised-full-disbelief-wide-open-mouth_273609-13689.jpg?_wi=6",
imageAlt: "Sonrisa perfecta",
},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-woman-looking-surprised-full-disbelief-wide-open-mouth_273609-13689.jpg?_wi=7",
imageAlt: "Sonrisa perfecta",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-woman-looking-surprised-full-disbelief-wide-open-mouth_273609-13689.jpg?_wi=8",
imageAlt: "Sonrisa perfecta",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-woman-looking-surprised-full-disbelief-wide-open-mouth_273609-13689.jpg?_wi=9",
imageAlt: "Sonrisa perfecta",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-woman-looking-surprised-full-disbelief-wide-open-mouth_273609-13689.jpg?_wi=10",
imageAlt: "Sonrisa perfecta",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-woman-looking-surprised-full-disbelief-wide-open-mouth_273609-13689.jpg?_wi=11",
imageAlt: "Sonrisa perfecta",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-woman-looking-surprised-full-disbelief-wide-open-mouth_273609-13689.jpg?_wi=12",
imageAlt: "Sonrisa perfecta",
},
]}
buttons={[
{
text: "Agendar Cita",
href: "#contacto",
},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/closeup-portrait-woman-looking-surprised-full-disbelief-wide-open-mouth_273609-13689.jpg",
alt: "Paciente 1",
},
{
src: "http://img.b2bpic.net/free-photo/closeup-portrait-woman-looking-surprised-full-disbelief-wide-open-mouth_273609-13689.jpg",
alt: "Paciente 2",
},
{
src: "http://img.b2bpic.net/free-photo/closeup-portrait-woman-looking-surprised-full-disbelief-wide-open-mouth_273609-13689.jpg",
alt: "Paciente 3",
},
{
src: "http://img.b2bpic.net/free-photo/closeup-portrait-woman-looking-surprised-full-disbelief-wide-open-mouth_273609-13689.jpg",
alt: "Paciente 4",
},
{
src: "http://img.b2bpic.net/free-photo/closeup-portrait-woman-looking-surprised-full-disbelief-wide-open-mouth_273609-13689.jpg",
alt: "Paciente 5",
},
]}
marqueeItems={[
{
type: "text",
text: "Certificación ISO 9001",
},
{
type: "text",
text: "Tecnología 3D Digital",
},
{
type: "text",
text: "Equipo Multidisciplinario",
},
{
type: "text",
text: "Atención de Emergencias",
},
{
type: "text",
text: "Convenios Empresariales",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{ variant: "radial-gradient" }}
title="La excelencia dental que tu sonrisa merece"
description="Redefinimos la experiencia odontológica en San Luis con tecnología de punta y un enfoque personalizado de lujo clínico."
leftCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-woman-looking-surprised-full-disbelief-wide-open-mouth_273609-13689.jpg", imageAlt: "perfect dental smile happy" },
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-woman-looking-surprised-full-disbelief-wide-open-mouth_273609-13689.jpg", imageAlt: "perfect dental smile happy" },
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-woman-looking-surprised-full-disbelief-wide-open-mouth_273609-13689.jpg", imageAlt: "perfect dental smile happy" },
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-woman-looking-surprised-full-disbelief-wide-open-mouth_273609-13689.jpg", imageAlt: "perfect dental smile happy" },
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-woman-looking-surprised-full-disbelief-wide-open-mouth_273609-13689.jpg", imageAlt: "perfect dental smile happy" },
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-woman-looking-surprised-full-disbelief-wide-open-mouth_273609-13689.jpg", imageAlt: "perfect dental smile happy" }
]}
rightCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-woman-looking-surprised-full-disbelief-wide-open-mouth_273609-13689.jpg", imageAlt: "perfect dental smile happy" },
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-woman-looking-surprised-full-disbelief-wide-open-mouth_273609-13689.jpg", imageAlt: "perfect dental smile happy" },
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-woman-looking-surprised-full-disbelief-wide-open-mouth_273609-13689.jpg", imageAlt: "perfect dental smile happy" },
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-woman-looking-surprised-full-disbelief-wide-open-mouth_273609-13689.jpg", imageAlt: "perfect dental smile happy" },
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-woman-looking-surprised-full-disbelief-wide-open-mouth_273609-13689.jpg", imageAlt: "perfect dental smile happy" },
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-woman-looking-surprised-full-disbelief-wide-open-mouth_273609-13689.jpg", imageAlt: "perfect dental smile happy" }
]}
buttons={[{ text: "Agendar Cita", href: "#contacto" }]}
avatars={[
{ src: "http://img.b2bpic.net/free-photo/closeup-portrait-woman-looking-surprised-full-disbelief-wide-open-mouth_273609-13689.jpg", alt: "Paciente 1" },
{ src: "http://img.b2bpic.net/free-photo/closeup-portrait-woman-looking-surprised-full-disbelief-wide-open-mouth_273609-13689.jpg", alt: "Paciente 2" },
{ src: "http://img.b2bpic.net/free-photo/closeup-portrait-woman-looking-surprised-full-disbelief-wide-open-mouth_273609-13689.jpg", alt: "Paciente 3" },
{ src: "http://img.b2bpic.net/free-photo/closeup-portrait-woman-looking-surprised-full-disbelief-wide-open-mouth_273609-13689.jpg", alt: "Paciente 4" },
{ src: "http://img.b2bpic.net/free-photo/closeup-portrait-woman-looking-surprised-full-disbelief-wide-open-mouth_273609-13689.jpg", alt: "Paciente 5" }
]}
marqueeItems={[
{ type: "text", text: "Certificación ISO 9001" },
{ type: "text", text: "Tecnología 3D Digital" },
{ type: "text", text: "Equipo Multidisciplinario" },
{ type: "text", text: "Atención de Emergencias" },
{ type: "text", text: "Convenios Empresariales" }
]}
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text",
content: "Lujo Clínico en San Luis",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/interior-empty-modern-stomatology-orthodontic-hospital-bright-office_482257-7167.jpg",
alt: "Clínica dental",
},
]}
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{ type: "text", content: "Lujo Clínico en San Luis" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/interior-empty-modern-stomatology-orthodontic-hospital-bright-office_482257-7167.jpg", alt: "minimalist dental clinic interior" }
]}
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"+5 Años en San Luis",
"Más de 2000 Sonrisas",
"Facebook: Clínica Dental Interiano",
"Tecnología Avanzada",
"Atención Personalizada",
"Calidad Garantizada",
]}
title="Nuestra Presencia y Compromiso"
description="Orgullosamente sirviendo a la comunidad de San Luis con estándares de calidad internacionales."
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={["+5 Años en San Luis", "Más de 2000 Sonrisas", "Facebook: Clínica Dental Interiano", "Tecnología Avanzada", "Atención Personalizada", "Calidad Garantizada"]}
title="Nuestra Presencia y Compromiso"
description="Orgullosamente sirviendo a la comunidad de San Luis con estándares de calidad internacionales."
/>
</div>
<div id="servicios" data-section="servicios">
<FeatureCardEight
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: 1,
title: "Ortodoncia",
description: "Soluciones modernas para una alineación perfecta.",
imageSrc: "http://img.b2bpic.net/free-vector/dental-treatment-care-oral-hygiene-banner-set_98292-1162.jpg",
imageAlt: "Ortodoncia",
},
{
id: 2,
title: "Implantes Dentales",
description: "Recupera tu confianza con implantes de alta precisión.",
imageSrc: "http://img.b2bpic.net/free-photo/two-woman-look-tooth-picture-tablet-dentist-office_8353-1653.jpg",
imageAlt: "Implantes",
},
{
id: 3,
title: "Estética Dental",
description: "Diseñamos la sonrisa de tus sueños.",
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-smiling-white-background_1187-3468.jpg",
imageAlt: "Estética",
},
]}
title="Tratamientos Especializados"
description="Innovación y cuidado personalizado para tu salud oral."
/>
</div>
<div id="servicios" data-section="servicios">
<FeatureCardEight
textboxLayout="default"
useInvertedBackground={false}
features={[
{ id: 1, title: "Ortodoncia", description: "Soluciones modernas para una alineación perfecta.", imageSrc: "http://img.b2bpic.net/free-vector/dental-treatment-care-oral-hygiene-banner-set_98292-1162.jpg", imageAlt: "orthodontics dental care service" },
{ id: 2, title: "Implantes Dentales", description: "Recupera tu confianza con implantes de alta precisión.", imageSrc: "http://img.b2bpic.net/free-photo/two-woman-look-tooth-picture-tablet-dentist-office_8353-1653.jpg", imageAlt: "dental implants treatment procedure" },
{ id: 3, title: "Estética Dental", description: "Diseñamos la sonrisa de tus sueños.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-smiling-white-background_1187-3468.jpg", imageAlt: "dental aesthetic treatment" }
]}
title="Tratamientos Especializados"
description="Innovación y cuidado personalizado para tu salud oral."
/>
</div>
<div id="contacto" data-section="contacto">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Contacto"
title="Agendar Cita"
description="Estamos listos para atenderte. Llámanos al +504 9862-7593 o escríbenos directamente."
imageSrc="http://img.b2bpic.net/free-photo/lady-receptionist-working-hospital-reception-desk-help-patients-with-medical-appointment-healthcare-employee-waiting-room-lobby-checkup-visit-report-with-medication_482257-47699.jpg"
mediaAnimation="slide-up"
buttonText="Agendar vía WhatsApp"
/>
</div>
<div id="contacto" data-section="contacto">
<ContactSplit
useInvertedBackground={false}
background={{ variant: "plain" }}
tag="Contacto"
title="Agendar Cita"
description="Estamos listos para atenderte. Llámanos al +504 9862-7593 o escríbenos directamente."
imageSrc="http://img.b2bpic.net/free-photo/lady-receptionist-working-hospital-reception-desk-help-patients-with-medical-appointment-healthcare-employee-waiting-room-lobby-checkup-visit-report-with-medication_482257-47699.jpg"
mediaAnimation="slide-up"
buttonText="Agendar vía WhatsApp"
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-vector/flat-vertical-business-card-template-dental-clinic-business_23-2149575810.jpg"
columns={[
{
title: "Horario",
items: [
{
label: "Lunes a Viernes: 08:00 AM - 05:00 PM",
href: "#",
},
],
},
{
title: "Ubicación",
items: [
{
label: "San Luis, Honduras",
href: "#",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-vector/flat-vertical-business-card-template-dental-clinic-business_23-2149575810.jpg"
columns={[
{ title: "Horario", items: [{ label: "Lunes a Viernes: 08:00 AM - 05:00 PM", href: "#" }] },
{ title: "Ubicación", items: [{ label: "San Luis, Honduras", href: "#" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);