Merge version_1 into main #2
353
src/app/page.tsx
353
src/app/page.tsx
@@ -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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user