Files
3ffc0a9e-28ec-42bb-892c-64e…/src/app/page.tsx
2026-03-31 04:43:31 +00:00

131 lines
8.0 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
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"
>
<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"
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: "perfect dental smile happy" },
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-woman-looking-surprised-full-disbelief-wide-open-mouth_273609-13689.jpg?_wi=2", 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?_wi=3", 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?_wi=4", 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?_wi=5", 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?_wi=6", 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?_wi=7", 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?_wi=8", 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?_wi=9", 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?_wi=10", 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?_wi=11", 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?_wi=12", imageAlt: "perfect dental smile happy" }
]}
buttons={[{ text: "Agendar Cita", href: "#contacto" }]}
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: "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="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="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>
);
}