255 lines
17 KiB
TypeScript
255 lines
17 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import { Facebook, Instagram, Sparkles, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="rounded"
|
|
contentWidth="small"
|
|
sizing="large"
|
|
background="none"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Inicio", id: "#hero"},
|
|
{
|
|
name: "Servicios", id: "#services"},
|
|
{
|
|
name: "Paquetes", id: "#packages"},
|
|
{
|
|
name: "Precios", id: "#pricing"},
|
|
{
|
|
name: "Testimonios", id: "#testimonials"},
|
|
{
|
|
name: "Contacto", id: "#contact"},
|
|
]}
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EuQCB9iL6oaZNMBkWChFrlyY7B/uploaded-1781297424426-ccfq77s9.png"
|
|
logoAlt="ARIA Spa Logo"
|
|
brandName="ARIA Spa"
|
|
button={{
|
|
text: "Reservar Ahora", href: "#contact"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDualMedia
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
title="Relajación Profunda y Bienestar Integral"
|
|
description="Descubre un santuario de calma donde cada tratamiento está diseñado para renovar tu cuerpo y espíritu. Tu oasis personal te espera."
|
|
tag="Bienvenido a ARIA Spa"
|
|
buttons={[
|
|
{
|
|
text: "Explorar Servicios", href: "#services"},
|
|
{
|
|
text: "Reservar Ahora", href: "#contact"},
|
|
]}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EuQCB9iL6oaZNMBkWChFrlyY7B/uploaded-1781297424426-d739b7ox.png", imageAlt: "Spa treatment room with modern decor"},
|
|
{
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EuQCB9iL6oaZNMBkWChFrlyY7B/uploaded-1781297424427-477stcc8.png", imageAlt: "Luxurious spa room with robes"}
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
rating={5.0}
|
|
ratingText="5.0 estrellas de 29 reseñas"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
useInvertedBackground={true}
|
|
tag="Nuestra Filosofía"
|
|
title="Un Espacio para Tu Paz Interior"
|
|
description="En ARIA Spa, creemos en la armonía entre cuerpo y mente. Nuestros tratamientos se centran en tu bienestar holístico, utilizando técnicas ancestrales y productos de alta calidad para una experiencia inigualable."
|
|
subdescription="Cada visita es una oportunidad para desconectar del estrés y reconectar contigo mismo. Permítenos cuidarte. Además, nos enorgullece ser un negocio propiedad de mujeres."
|
|
icon={Sparkles}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EuQCB9iL6oaZNMBkWChFrlyY7B/uploaded-1781297424427-xtlxqp0y.png"
|
|
imageAlt="Therapist performing a facial treatment"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentyNine
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Masajes Terapéuticos", description: "Desde relajantes suecos hasta profundos tejidos, nuestros masajes alivian la tensión y promueven la circulación.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EuQCB9iL6oaZNMBkWChFrlyY7B/uploaded-1781297963811-86s6x0bh.png", imageAlt: "Relaxing massage with essential oils", titleImageSrc: "http://img.b2bpic.net/free-photo/female-hands-bowl-spa-water-with-flowers-close-up-hands-spa_1150-37710.jpg", buttonText: "Ver Masajes"},
|
|
{
|
|
title: "Faciales Personalizados", description: "Tratamientos faciales adaptados a tu tipo de piel para rejuvenecer, hidratar y restaurar su luminosidad natural.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EuQCB9iL6oaZNMBkWChFrlyY7B/uploaded-1781297963811-dyeoovqc.png", imageAlt: "Woman receiving a refreshing facial", titleImageSrc: "http://img.b2bpic.net/free-photo/hair-treatment-coronavirus-epidemic_637285-9013.jpg", buttonText: "Ver Faciales"},
|
|
{
|
|
title: "Rituales de Manos y Pies", description: "Experimenta el lujo de nuestras manicuras y pedicuras spa, que nutren y embellecen tus manos y pies.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EuQCB9iL6oaZNMBkWChFrlyY7B/uploaded-1781297963811-ai89on2l.png", imageAlt: "Spa manicure and pedicure", titleImageSrc: "http://img.b2bpic.net/free-photo/close-up-manicurist-holding-customer-hand_23-2148859733.jpg", buttonText: "Ver Rituales"},
|
|
{
|
|
title: "Terapias Holísticas", description: "Descubre tratamientos como la aromaterapia y las piedras calientes para una conexión profunda y un bienestar integral.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EuQCB9iL6oaZNMBkWChFrlyY7B/uploaded-1781297963811-meegolc7.png", imageAlt: "Aromatherapy and hot stone treatment", titleImageSrc: "http://img.b2bpic.net/free-photo/positive-woman-looks-happily-clenches-fists-awaits-something-special-wears-bath-hat-towel-around-body-applies-nourishing-avocado-mask-face-isolated-green-wall_273609-47852.jpg", buttonText: "Ver Terapias"},
|
|
]}
|
|
title="Nuestros Servicios Exclusivos"
|
|
description="Desde masajes relajantes hasta faciales rejuvenecedores, cada servicio está diseñado para ofrecerte una experiencia única y resultados visibles."
|
|
tag="Descubre"
|
|
/>
|
|
</div>
|
|
|
|
<div id="packages" data-section="packages">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "package-1", name: "Armonía Total", price: "$180", variant: "Masaje + Facial", imageSrc: "http://img.b2bpic.net/free-photo/spring-background-with-tulips-candles-knitted-element_169016-51782.jpg", imageAlt: "Relaxation package for mind and body"},
|
|
{
|
|
id: "package-2", name: "Escapada Serenidad", price: "$250", variant: "Día Completo Spa", imageSrc: "http://img.b2bpic.net/free-photo/person-conducting-reiki-therapy_23-2149403947.jpg", imageAlt: "Full day spa escape"},
|
|
{
|
|
id: "package-3", name: "Momento en Pareja", price: "$350", variant: "Masaje Dúo + Facial", imageSrc: "http://img.b2bpic.net/free-photo/three-girls-have-pajamas-party-home_1157-30428.jpg", imageAlt: "Couples spa treatment"},
|
|
{
|
|
id: "package-4", name: "Novia Radiante", price: "$290", variant: "Pre-Boda Especial", imageSrc: "http://img.b2bpic.net/free-photo/side-view-photographer-taking-photos-bride_23-2150264515.jpg", imageAlt: "Bridal spa package"},
|
|
{
|
|
id: "package-5", name: "Relajación Ejecutiva", price: "$195", variant: "Masaje + Terapia Express", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-stretching_23-2148899731.jpg", imageAlt: "Executive relaxation package"},
|
|
{
|
|
id: "package-6", name: "Vitalidad Post-Deporte", price: "$160", variant: "Masaje Deportivo + Drenaje", imageSrc: "http://img.b2bpic.net/free-photo/relaxing-leg-massage-spa-body-care_169016-69470.jpg", imageAlt: "Post-sport vitality package"},
|
|
]}
|
|
title="Paquetes de Bienestar"
|
|
description="Disfruta de nuestras combinaciones de tratamientos creadas para una inmersión total en el bienestar. Regálate un día de lujo."
|
|
tag="Experiencias ARIA"
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardFive
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "basic", tag: "Individual", price: "$90", period: "/ sesión", description: "Ideal para una relajación puntual.", button: {
|
|
text: "Reservar Sesión"},
|
|
featuresTitle: "Incluye:", features: [
|
|
"Masaje Express (30 min)", "Acceso a Zona de Relax", "Bebida Refrescante"],
|
|
},
|
|
{
|
|
id: "premium", tag: "Dúo", tagIcon: Sparkles,
|
|
price: "$160", period: "/ sesión", description: "Perfecto para compartir un momento especial.", button: {
|
|
text: "Reservar Dúo"},
|
|
featuresTitle: "Incluye:", features: [
|
|
"Masaje en Pareja (60 min)", "Acceso VIP a Zona de Relax", "Bebidas y Aperitivos Premium", "Regalo Sorpresa"],
|
|
},
|
|
{
|
|
id: "exclusive", tag: "Día Completo", price: "$220", period: "/ persona", description: "Una inmersión total en el lujo y bienestar.", button: {
|
|
text: "Reservar Día Spa"},
|
|
featuresTitle: "Incluye:", features: [
|
|
"Masaje Relajante (90 min)", "Facial Completo (60 min)", "Tratamiento de Manos y Pies", "Almuerzo Saludable", "Acceso Ilimitado a Todas las Zonas"],
|
|
},
|
|
]}
|
|
title="Precios y Tarifas"
|
|
description="Encuentra el tratamiento ideal que se ajusta a tus necesidades y presupuesto. Transparencia y valor en cada servicio."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{ id: "1", name: "Silvestre Olmos", handle: "@silvestre.olmos", testimonial: "Sin duda el mejor masaje y facial que me han dado y el lugar muy bonito!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-smiling-woman-lying-carpet_329181-9080.jpg", imageAlt: "Cliente Silvestre Olmos" },
|
|
{ id: "2", name: "Cliente Satisfecho 1", handle: "@spa_lover_1", testimonial: "El Spa está de lujo y el masaje relajante lo recomiendo mucho, muchas gracias!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/calm-relaxed-holidaymaker-sitting-sunshine_259150-59745.jpg", imageAlt: "Cliente Satisfecho" },
|
|
{ id: "3", name: "Cliente Satisfecho 2", handle: "@spa_lover_2", testimonial: "Excelente servicio, bonitas instalaciones.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-purple-crystal_23-2149324204.jpg", imageAlt: "Cliente Satisfecho" },
|
|
{ id: "4", name: "Silvestre Olmos", handle: "@silvestre.olmos", testimonial: "Excelente lugar, tiene unas instalaciones hermosas y la atención y procedimientos son 10/10, recomiendo mucho su servicio.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lesbian-couple-sweet-moments_23-2148661106.jpg", imageAlt: "Cliente Silvestre Olmos" },
|
|
{ id: "5", name: "Michelle Sadney", handle: "@michelle.sadney", testimonial: "Excelente lugar, me encantó, todo de maravilla, muy profesionales las chicas 🌷…", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-performing-yoga-together-beach_107420-10068.jpg", imageAlt: "Cliente Michelle Sadney" },
|
|
{ id: "6", name: "Aleshka Schcolnick", handle: "@aleshka.schcolnick", testimonial: "Muy lindo lugar!!, todas las chicas super atentas y amables, gran servicio, muy buen masaje y facial", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/studio-shot-happy-positive-mature-caucasian-woman-with-pixie-hairdo-carrying-inflatable-circle-shape-pink-doughnut-going-swim-lake-sea-summer-vacations-smiling-joyfully_343059-1988.jpg", imageAlt: "Cliente Aleshka Schcolnick" }
|
|
]}
|
|
showRating={true}
|
|
title="Lo que Dicen Nuestros Clientes"
|
|
description="La satisfacción de nuestros visitantes es nuestra mayor recompensa. Lee sus experiencias y anímate a vivir la tuya."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "faq-1", title: "¿Cómo puedo reservar una cita?", content: "Puedes reservar tu cita directamente a través de nuestro botón 'Reservar Ahora' en la parte superior de la página o en la sección de Contacto. También puedes llamarnos por teléfono."},
|
|
{
|
|
id: "faq-2", title: "¿Aceptan pagos con tarjeta de crédito?", content: "Sí, aceptamos todas las principales tarjetas de crédito, así como pagos seguros a través de Stripe para todas nuestras reservas en línea y en el spa."},
|
|
{
|
|
id: "faq-3", title: "¿Cuál es su política de cancelación?", content: "Agradecemos que nos notifiques con al menos 24 horas de anticipación si necesitas cancelar o reprogramar tu cita para evitar cargos."},
|
|
{
|
|
id: "faq-4", title: "¿Ofrecen tarjetas de regalo?", content: "Sí, tenemos tarjetas de regalo disponibles para todos nuestros servicios y paquetes. Son el regalo perfecto para cualquier ocasión especial."},
|
|
{
|
|
id: "faq-5", title: "¿Qué debo esperar en mi primera visita?", content: "Te recibiremos con una consulta breve para entender tus necesidades y preferencias, asegurando que tu experiencia en ARIA Spa sea personalizada y plenamente satisfactoria."},
|
|
]}
|
|
sideTitle="¿Preguntas Frecuentes?"
|
|
sideDescription="Resolvemos tus dudas para que tu experiencia sea perfecta."
|
|
faqsAnimation="slide-up"
|
|
textPosition="left"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "plain"}}
|
|
tag="Contáctanos"
|
|
title="Tu Bienestar Comienza Aquí"
|
|
description="Estamos listos para asistirte. Rellena el formulario de contacto para cualquier consulta o utiliza nuestros botones de reserva para agendar tu cita y pagar de forma segura con Stripe. Puedes encontrarnos en Calz. Cortez 557, Independencia, 22840 Ensenada, B.C. Llámanos al 646 478 2561, estamos abiertos y cerramos a las 7 p.m. También puedes escribirnos por WhatsApp a wa.me/6464782561."
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EuQCB9iL6oaZNMBkWChFrlyY7B/uploaded-1781297424427-20owuxpe.png"
|
|
imageAlt="Close up of a person receiving a facial treatment"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Tu dirección de correo electrónico"
|
|
buttonText="Enviar Mensaje"
|
|
termsText="Al hacer clic en Enviar, confirmas que estás de acuerdo con nuestros Términos y Condiciones."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EuQCB9iL6oaZNMBkWChFrlyY7B/uploaded-1781297424426-ccfq77s9.png"
|
|
logoAlt="ARIA Spa Logo"
|
|
logoText="ARIA Spa"
|
|
copyrightText="© 2024 ARIA Spa | Todos los derechos reservados."
|
|
socialLinks={[
|
|
{
|
|
icon: Instagram,
|
|
href: "https://instagram.com/ariaspaofficial", ariaLabel: "Instagram"},
|
|
{
|
|
icon: Facebook,
|
|
href: "https://facebook.com/ariaspaofficial", ariaLabel: "Facebook"},
|
|
{
|
|
icon: Zap,
|
|
href: "https://wa.me/6464782561", ariaLabel: "WhatsApp"},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |