515 lines
20 KiB
TypeScript
515 lines
20 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
import { Sparkles } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="small"
|
|
sizing="largeSmall"
|
|
background="aurora"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Inicio",
|
|
id: "#inicio",
|
|
},
|
|
{
|
|
name: "Sobre Nosotros",
|
|
id: "#sobre-nosotros",
|
|
},
|
|
{
|
|
name: "Servicios",
|
|
id: "#servicios",
|
|
},
|
|
{
|
|
name: "Paquetes",
|
|
id: "#paquetes",
|
|
},
|
|
{
|
|
name: "Testimonios",
|
|
id: "#testimonios",
|
|
},
|
|
{
|
|
name: "Preguntas Frecuentes",
|
|
id: "#faq",
|
|
},
|
|
{
|
|
name: "Contacto",
|
|
id: "#contacto",
|
|
},
|
|
]}
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3F3P5oAS6WSBHWWWv8H4EMMmCj3/uploaded-1781301044089-314t50wc.png"
|
|
logoAlt="AULEX Clínica & Spa Logo"
|
|
brandName="AULEX Clínica & Spa"
|
|
/>
|
|
</div>
|
|
|
|
<div id="inicio" data-section="inicio">
|
|
<HeroBillboardTestimonial
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "radial-gradient",
|
|
}}
|
|
title="AULEX Clínica & Spa"
|
|
description="Expertos en bienestar y rejuvenecimiento. Descubre una experiencia única de relajación y tratamientos avanzados en Ensenada, B.C."
|
|
testimonials={[
|
|
{
|
|
name: "Norita Cuéllar",
|
|
handle: "@noritacuellar",
|
|
testimonial: "Excelente servicio, excelente atención y excelentes resultados.",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3F3P5oAS6WSBHWWWv8H4EMMmCj3/uploaded-1781301044089-okj79mf9.png?_wi=1",
|
|
imageAlt: "User provided image",
|
|
},
|
|
{
|
|
name: "Alfredo Sanchez Leon",
|
|
handle: "@alfredosanchez",
|
|
testimonial: "Excelente servicio y la atención 10/10. Recomendadísimo 👌🏻.",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3F3P5oAS6WSBHWWWv8H4EMMmCj3/uploaded-1781301044089-314t50wc.png?_wi=1",
|
|
imageAlt: "User provided image",
|
|
},
|
|
{
|
|
name: "Laura G.",
|
|
handle: "@laurag",
|
|
testimonial: "Me encantó el masaje relajante, salí como nueva. ¡Volveré pronto!",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3F3P5oAS6WSBHWWWv8H4EMMmCj3/uploaded-1781301044089-3pxhaa6k.png?_wi=1",
|
|
imageAlt: "User provided image",
|
|
},
|
|
{
|
|
name: "Sofía Pérez",
|
|
handle: "@sofiap",
|
|
testimonial: "Los tratamientos faciales son increíbles, mi piel nunca se vio mejor.",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3F3P5oAS6WSBHWWWv8H4EMMmCj3/uploaded-1781301044089-4is5v4ln.png?_wi=1",
|
|
imageAlt: "User provided image",
|
|
},
|
|
{
|
|
name: "Roberto M.",
|
|
handle: "@robertom",
|
|
testimonial: "Un lugar perfecto para desconectar. La calidad de los masajes es superior.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-happy-asian-lady-bathrobeisolated-white-background_1258-100478.jpg",
|
|
imageAlt: "User provided image",
|
|
},
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3F3P5oAS6WSBHWWWv8H4EMMmCj3/uploaded-1781301044089-okj79mf9.png?_wi=2"
|
|
imageAlt="Hot stones on a person's back during a spa treatment"
|
|
mediaAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/expressive-young-lady-posing-studio_176474-80340.jpg",
|
|
alt: "Expressive young lady posing in the studio",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-woman-showing-thumbs-up-bathrobe-looking-confident_176474-88428.jpg",
|
|
alt: "Young woman showing thumbs up in bathrobe and looking confident",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-woman-showing-victory-sign-bathrobe-looking-confident_176474-88441.jpg",
|
|
alt: "Young woman showing victory sign in bathrobe and looking confident",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/expressive-young-lady-posing-studio_176474-80406.jpg",
|
|
alt: "Expressive young lady posing in the studio",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/man-with-moisturizing-mask-towel-his-head_1303-32261.jpg",
|
|
alt: "Man with moisturizing mask and towel on his head",
|
|
},
|
|
]}
|
|
marqueeItems={[
|
|
{
|
|
type: "text",
|
|
text: "Relajación Profunda",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Belleza Avanzada",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Atención Personalizada",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Resultados Comprobados",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Armonía Interior",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="sobre-nosotros" data-section="sobre-nosotros">
|
|
<TestimonialAboutCard
|
|
useInvertedBackground={false}
|
|
tag="Nuestra Filosofía"
|
|
title="Bienestar Integral y Belleza con Propósito"
|
|
description="En AULEX Clínica & Spa, combinamos la ciencia y la relajación para ofrecerte resultados excepcionales en un ambiente de serenidad."
|
|
subdescription="Nuestro equipo de profesionales está dedicado a brindarte atención personalizada y tratamientos de vanguardia para tu salud y belleza, garantizando una experiencia que revitaliza cuerpo y mente."
|
|
icon={Sparkles}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3F3P5oAS6WSBHWWWv8H4EMMmCj3/uploaded-1781301044089-3pxhaa6k.png?_wi=2"
|
|
imageAlt="Back massage session at a spa"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="servicios" data-section="servicios">
|
|
<FeatureCardTwentyEight
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
id: "f1",
|
|
title: "Limpieza Facial Profunda",
|
|
subtitle: "Renueva tu piel con nuestra limpieza facial avanzada.",
|
|
category: "Facial",
|
|
value: "Piel Radiante",
|
|
},
|
|
{
|
|
id: "f2",
|
|
title: "Masaje Relajante",
|
|
subtitle: "Alivia el estrés y la tensión muscular con un masaje profundo.",
|
|
category: "Corporal",
|
|
value: "Relajación Total",
|
|
},
|
|
{
|
|
id: "f3",
|
|
title: "HIFU (Lifting Facial)",
|
|
subtitle: "Reafirma tu rostro sin cirugía con la tecnología HIFU.",
|
|
category: "Antiedad",
|
|
value: "Efecto Lifting",
|
|
},
|
|
{
|
|
id: "f4",
|
|
title: "Dermapen",
|
|
subtitle: "Mejora la textura de la piel y reduce imperfecciones.",
|
|
category: "Facial",
|
|
value: "Regeneración",
|
|
},
|
|
{
|
|
id: "f5",
|
|
title: "Depilación Láser",
|
|
subtitle: "Elimina el vello no deseado de forma permanente.",
|
|
category: "Estética",
|
|
value: "Piel Suave",
|
|
},
|
|
{
|
|
id: "f6",
|
|
title: "Plasma Rico en Plaquetas (PRP)",
|
|
subtitle: "Estimula la regeneración celular para una piel más joven.",
|
|
category: "Regeneración",
|
|
value: "Rejuvenecimiento",
|
|
},
|
|
]}
|
|
title="Transforma tu Bienestar con Nuestros Tratamientos"
|
|
description="Explora nuestra amplia gama de servicios especializados, diseñados para revitalizar tu cuerpo y mente."
|
|
tag="Nuestros Servicios"
|
|
/>
|
|
</div>
|
|
|
|
<div id="paquetes" data-section="paquetes">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "p1",
|
|
name: "Masaje Relajante + Facial Profunda",
|
|
price: "$700 MXN",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/doctor-massages-man-hospital_1157-29303.jpg?_wi=1",
|
|
imageAlt: "Persona recibiendo un masaje relajante",
|
|
},
|
|
{
|
|
id: "p2",
|
|
name: "Limpieza Facial + Sesión HIFU",
|
|
price: "$700 MXN",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-cosmetic-treatment-spa_23-2148825297.jpg",
|
|
imageAlt: "Tratamiento facial HIFU",
|
|
},
|
|
{
|
|
id: "p3",
|
|
name: "Facial Profunda + Dermapen + HIFU",
|
|
price: "$850 MXN",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3F3P5oAS6WSBHWWWv8H4EMMmCj3/uploaded-1781301044089-4is5v4ln.png?_wi=2",
|
|
imageAlt: "Tratamiento facial con dermapen",
|
|
},
|
|
{
|
|
id: "p4",
|
|
name: "Masaje Relajante + Facial Profunda + Dermapen",
|
|
price: "$900 MXN",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-spa-having-cosmetic-treatment_23-2148825318.jpg",
|
|
imageAlt: "Combinación de masaje y tratamiento facial",
|
|
},
|
|
{
|
|
id: "p5",
|
|
name: "Depilación Láser 2x1",
|
|
price: "Desde $100 MXN",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/laser-epilation-hair-removal-therapy_1303-23992.jpg",
|
|
imageAlt: "Sesión de depilación láser",
|
|
},
|
|
{
|
|
id: "p6",
|
|
name: "HIFU (3 Sesiones)",
|
|
price: "$1,200 MXN",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-defocused-doctor-with-surgical-glove-holding-vaccine_23-2148533478.jpg",
|
|
imageAlt: "Set de tres sesiones HIFU",
|
|
},
|
|
]}
|
|
title="Disfruta de Nuestras Ofertas Exclusivas"
|
|
description="Descubre combinaciones de tratamientos y paquetes diseñados para maximizar tu experiencia de relajación y belleza a precios especiales."
|
|
tag="Paquetes Especiales"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonios" data-section="testimonios">
|
|
<TestimonialCardFive
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "t1",
|
|
name: "Norita Cuéllar",
|
|
date: "Hace 4 meses",
|
|
title: "Servicio Impecable",
|
|
quote: "Excelente servicio, excelente atención y excelentes resultados. Realmente superaron mis expectativas.",
|
|
tag: "Relax Total",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-happy-asian-lady-bathrobeisolated-white-background_1258-100478.jpg",
|
|
avatarAlt: "Avatar de Norita Cuéllar",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3F3P5oAS6WSBHWWWv8H4EMMmCj3/uploaded-1781301044089-314t50wc.png?_wi=2",
|
|
imageAlt: "spa client smiling woman",
|
|
},
|
|
{
|
|
id: "t2",
|
|
name: "Alfredo Sanchez Leon",
|
|
date: "Hace 4 meses",
|
|
title: "Atención de Primera",
|
|
quote: "Excelente servicio y la atención 10/10. Recomendadísimo 👌🏻. Me sentí muy cómodo y bien atendido.",
|
|
tag: "Muy Recomendado",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/side-view-man-relaxing-spa_23-2150911768.jpg",
|
|
avatarAlt: "Avatar de Alfredo Sanchez Leon",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3F3P5oAS6WSBHWWWv8H4EMMmCj3/uploaded-1781301044089-okj79mf9.png?_wi=3",
|
|
imageAlt: "spa client smiling woman",
|
|
},
|
|
{
|
|
id: "t3",
|
|
name: "Laura G.",
|
|
date: "Hace 3 meses",
|
|
title: "Masaje Maravilloso",
|
|
quote: "Me encantó el masaje relajante, salí como nueva. El ambiente es súper tranquilo y el personal muy profesional.",
|
|
tag: "Desconexión Perfecta",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/mature-woman-posing-studio_176474-73380.jpg",
|
|
avatarAlt: "Avatar de Laura G.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3F3P5oAS6WSBHWWWv8H4EMMmCj3/uploaded-1781301044089-3pxhaa6k.png?_wi=3",
|
|
imageAlt: "spa client smiling woman",
|
|
},
|
|
{
|
|
id: "t4",
|
|
name: "Sofía Pérez",
|
|
date: "Hace 2 meses",
|
|
title: "Resultados Visibles",
|
|
quote: "Los tratamientos faciales son increíbles, mi piel nunca se vio mejor. Gracias al equipo de AULEX.",
|
|
tag: "Piel Radiante",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/fair-skinned-adult-woman-uses-roller-massager-while-sitting-her-beautician-light-studio-home-spa-facial-concept_197531-31464.jpg",
|
|
avatarAlt: "Avatar de Sofía Pérez",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3F3P5oAS6WSBHWWWv8H4EMMmCj3/uploaded-1781301044089-4is5v4ln.png?_wi=3",
|
|
imageAlt: "spa client smiling woman",
|
|
},
|
|
{
|
|
id: "t5",
|
|
name: "Roberto M.",
|
|
date: "Hace 1 mes",
|
|
title: "Experiencia Inolvidable",
|
|
quote: "Un lugar perfecto para desconectar y cuidarse. La calidad de los masajes es superior y el servicio es excelente.",
|
|
tag: "Bienestar Absoluto",
|
|
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-african-woman-towel-smiling-holding-glass_176420-12897.jpg",
|
|
avatarAlt: "Avatar de Roberto M.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/doctor-massages-man-hospital_1157-29303.jpg?_wi=2",
|
|
imageAlt: "spa client smiling woman",
|
|
},
|
|
]}
|
|
title="Lo que Dicen Nuestros Clientes"
|
|
description="La satisfacción de quienes nos eligen es nuestro mayor orgullo. Conoce sus experiencias y por qué nos prefieren."
|
|
tag="Experiencias Reales"
|
|
/>
|
|
</div>
|
|
|
|
<div id="reconocimiento" data-section="reconocimiento">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Certificado de Calidad Spa",
|
|
"Miembro de Asociación de Estética",
|
|
"Premios al Mejor Servicio Local",
|
|
"Reconocimiento de Clientes Satisfechos",
|
|
"Acreditación de Bienestar Integral",
|
|
"Colaboración con Expertos en Belleza",
|
|
"Innovación en Tratamientos",
|
|
]}
|
|
title="Compromiso con tu Bienestar"
|
|
description="Trabajamos con los más altos estándares de calidad y profesionalismo para garantizar tu satisfacción y seguridad en cada tratamiento."
|
|
tag="Nuestra Excelencia"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "faq1",
|
|
title: "¿Cómo puedo agendar una cita?",
|
|
content: "Puedes agendar una cita llamándonos al 646 384 3350, enviando un mensaje a nuestro WhatsApp o a través de nuestro formulario de contacto en la sección final.",
|
|
},
|
|
{
|
|
id: "faq2",
|
|
title: "¿Qué métodos de pago aceptan?",
|
|
content: "Aceptamos pagos en efectivo, tarjetas de crédito y débito. Para tratamientos específicos o paquetes, ofrecemos planes de pago flexibles.",
|
|
},
|
|
{
|
|
id: "faq3",
|
|
title: "¿Los tratamientos tienen efectos secundarios?",
|
|
content: "Todos nuestros tratamientos son realizados por profesionales calificados. Antes de cualquier procedimiento, se realiza una consulta para evaluar tu perfil y minimizar cualquier riesgo, informándote de todos los detalles.",
|
|
},
|
|
{
|
|
id: "faq4",
|
|
title: "¿Ofrecen consultas gratuitas?",
|
|
content: "Sí, ofrecemos una consulta inicial gratuita para evaluar tus necesidades y recomendarte los tratamientos más adecuados para ti.",
|
|
},
|
|
{
|
|
id: "faq5",
|
|
title: "¿Qué debo hacer antes de mi tratamiento facial?",
|
|
content: "Recomendamos evitar la exposición solar intensa y no usar productos exfoliantes fuertes al menos 24 horas antes de tu cita. Te proporcionaremos instrucciones detalladas al agendar.",
|
|
},
|
|
]}
|
|
title="¿Tienes Preguntas? Estamos Aquí para Ayudarte"
|
|
description="Encuentra respuestas a las preguntas más frecuentes sobre nuestros servicios, citas y procedimientos en AULEX Clínica & Spa."
|
|
tag="Preguntas Frecuentes"
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contacto" data-section="contacto">
|
|
<ContactSplit
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain",
|
|
}}
|
|
tag="Contáctanos"
|
|
title="Agenda tu Cita Hoy"
|
|
description="No esperes más para empezar tu camino hacia el bienestar. Contáctanos para más información o para reservar tu próxima experiencia en AULEX Clínica & Spa."
|
|
imageSrc="http://img.b2bpic.net/free-photo/child-mom-sitting-hospital-lobby-with-flowers-bouquet_482257-131609.jpg"
|
|
imageAlt="Modern spa reception area"
|
|
mediaAnimation="slide-up"
|
|
inputPlaceholder="Tu correo electrónico"
|
|
buttonText="Enviar Mensaje"
|
|
termsText="Al hacer clic en Enviar Mensaje, confirmas que estás de acuerdo con nuestros Términos y Condiciones."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3F3P5oAS6WSBHWWWv8H4EMMmCj3/uploaded-1781301044089-314t50wc.png"
|
|
logoAlt="AULEX Clínica & Spa Logo"
|
|
logoText="AULEX Clínica & Spa"
|
|
columns={[
|
|
{
|
|
title: "Servicios",
|
|
items: [
|
|
{
|
|
label: "Faciales",
|
|
href: "#servicios",
|
|
},
|
|
{
|
|
label: "Masajes",
|
|
href: "#servicios",
|
|
},
|
|
{
|
|
label: "Antiedad",
|
|
href: "#servicios",
|
|
},
|
|
{
|
|
label: "Depilación",
|
|
href: "#servicios",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Compañía",
|
|
items: [
|
|
{
|
|
label: "Sobre Nosotros",
|
|
href: "#sobre-nosotros",
|
|
},
|
|
{
|
|
label: "Paquetes",
|
|
href: "#paquetes",
|
|
},
|
|
{
|
|
label: "Testimonios",
|
|
href: "#testimonios",
|
|
},
|
|
{
|
|
label: "Preguntas Frecuentes",
|
|
href: "#faq",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Contacto",
|
|
items: [
|
|
{
|
|
label: "Agenda tu Cita",
|
|
href: "#contacto",
|
|
},
|
|
{
|
|
label: "646 384 3350",
|
|
href: "tel:+526463843350",
|
|
},
|
|
{
|
|
label: "Maestros, Ensenada, B.C.",
|
|
href: "https://maps.app.goo.gl/VC86+4QEnsenada",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 AULEX Clínica & Spa. Todos los derechos reservados."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|