Add src/app/spa-pedicure/page.tsx
This commit is contained in:
215
src/app/spa-pedicure/page.tsx
Normal file
215
src/app/spa-pedicure/page.tsx
Normal file
@@ -0,0 +1,215 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
||||
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import { Sparkles, Droplet, Wind, Leaf } from 'lucide-react';
|
||||
|
||||
export default function SpaPedicurePage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="aurora"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Servicios", id: "services" },
|
||||
{ name: "Productos", id: "products" },
|
||||
{ name: "Nosotros", id: "about" },
|
||||
{ name: "Testimonios", id: "testimonials" },
|
||||
{ name: "Contacto", id: "contact" }
|
||||
]}
|
||||
button={{ text: "Reservar Cita", href: "contact" }}
|
||||
brandName="Cloud Studio"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
logoText="Spa Pedicure Premium"
|
||||
description="Tratamiento completo de relajación y belleza para tus pies. Utilizamos técnicas profesionales y productos de primera calidad para brindarte una experiencia de spa incomparable."
|
||||
buttons={[
|
||||
{ text: "Reservar Cita", href: "contact" },
|
||||
{ text: "Ver Precios", href: "#pricing" }
|
||||
]}
|
||||
background={{ variant: "aurora" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-female-legs-spa-foot-treatment_23-2149359325.jpg"
|
||||
imageAlt="Spa Pedicure Premium - Tratamiento de pies"
|
||||
frameStyle="card"
|
||||
mediaAnimation="blur-reveal"
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
heading={[
|
||||
{ type: "text", content: "La experiencia de" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/woman-getting-foot-spa-massage_23-2149447893.jpg", alt: "Masaje de pedicura relajante" },
|
||||
{ type: "text", content: "relax y renovación que tus pies merecen" }
|
||||
]}
|
||||
buttons={[{ text: "Conocer Detalles", href: "#services" }]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureBento
|
||||
title="Lo Que Incluye Nuestro Spa Pedicure"
|
||||
description="Un tratamiento integral diseñado para la renovación, relajación y cuidado completo de tus pies con técnicas profesionales y productos premium."
|
||||
tag="Detalles del Servicio"
|
||||
features={[
|
||||
{
|
||||
title: "Remojo Relajante", description: "Baño aromático de pies en agua tibia con sales minerales y aceites esenciales para suavizar la piel.", bentoComponent: "reveal-icon", icon: Droplet
|
||||
},
|
||||
{
|
||||
title: "Exfoliación Profunda", description: "Eliminación de células muertas con productos exfoliantes profesionales para piel suave y renovada.", bentoComponent: "reveal-icon", icon: Sparkles
|
||||
},
|
||||
{
|
||||
title: "Masaje Terapéutico", description: "Masaje relajante de pies y pantorrillas con técnicas de reflexología para mejorar la circulación.", bentoComponent: "reveal-icon", icon: Wind
|
||||
},
|
||||
{
|
||||
title: "Hidratación Intensiva", description: "Aplicación de cremas y lociones premium para nutrición profunda y suavidad duradera de la piel.", bentoComponent: "reveal-icon", icon: Leaf
|
||||
},
|
||||
{
|
||||
title: "Diseño de Uñas", description: "Corte, limado y diseño profesional de uñas con colores y acabados a tu elección.", bentoComponent: "reveal-icon", icon: Sparkles
|
||||
},
|
||||
{
|
||||
title: "Acabado Brillante", description: "Aplicación de esmalte gel de larga duración con topcoat protector para un acabado impecable y duradero.", bentoComponent: "reveal-icon", icon: Sparkles
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardFive
|
||||
plans={[
|
||||
{
|
||||
id: "express-pedicure", tag: "Pedicure Express", price: "$45.000", period: "/sesión", description: "Perfecto para mantenimiento regular. Incluye limpieza, corte, diseño y esmalte.", button: { text: "Reservar", href: "#contact" },
|
||||
featuresTitle: "Incluye:", features: [
|
||||
"Remojo y exfoliación", "Corte y limado", "Esmalte convencional", "Duración: 45 minutos"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "spa-pedicure-premium", tag: "Spa Pedicure Premium", price: "$75.000", period: "/sesión", description: "La experiencia completa de spa. Relax total con todos nuestros tratamientos incluidos.", button: { text: "Reservar", href: "#contact" },
|
||||
featuresTitle: "Incluye:", features: [
|
||||
"Remojo aromático con sales minerales", "Exfoliación profunda", "Masaje terapéutico de pies y pantorrillas", "Hidratación intensiva", "Diseño y esmalte gel", "Duración: 75 minutos"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "spa-pedicure-gel", tag: "Spa Pedicure con Gel", price: "$85.000", period: "/sesión", description: "Nuestro tratamiento premium con esmalte gel de larga duración y diseños personalizados.", button: { text: "Reservar", href: "#contact" },
|
||||
featuresTitle: "Incluye:", features: [
|
||||
"Todos los servicios Premium", "Esmalte gel de alta calidad", "Diseño personalizado o decoración", "Top coat protector premium", "Duración: 90 minutos", "Durabilidad: 3-4 semanas"
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Planes de Spa Pedicure"
|
||||
description="Elige el plan perfecto para tu experiencia de relajación y belleza. Todos nuestros servicios utilizan productos profesionales de primera calidad."
|
||||
tag="Precios y Paquetes"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
title="Preguntas Frecuentes sobre Spa Pedicure"
|
||||
description="Resuelve tus dudas sobre nuestro servicio de spa pedicure, cuidados y disponibilidad."
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "¿Con qué frecuencia debo hacerme un spa pedicure?", content: "Recomendamos cada 3-4 semanas para mantener tus pies en perfecto estado. Si usas esmalte gel, puedes espaciarlas más. Para mantenimiento regular, cada 2-3 semanas es ideal."
|
||||
},
|
||||
{
|
||||
id: "2", title: "¿Cuál es la diferencia entre esmalte convencional y gel?", content: "El esmalte convencional dura 7-10 días y se remueve fácilmente. El esmalte gel dura 3-4 semanas, es más resistente y brinda un acabado más duradero. Es perfecto si buscas resultados de larga duración."
|
||||
},
|
||||
{
|
||||
id: "3", title: "¿Es seguro el spa pedicure para pieles sensibles?", content: "Sí, nuestros productos son hipoalergénicos y seguros. Comunícanos cualquier alergia o sensibilidad durante la consulta inicial para adaptar los productos según tus necesidades."
|
||||
},
|
||||
{
|
||||
id: "4", title: "¿Puedo llevar a mis hijos al servicio?", content: "Por supuesto. Ofrecemos pedicures infantiles adaptados con productos seguros y técnicas apropiadas. Consulta disponibilidad y precios especiales para menores."
|
||||
},
|
||||
{
|
||||
id: "5", title: "¿Qué cuidados debo tener después del tratamiento?", content: "Evita agua caliente por 24 horas, no uses zapatos cerrados inmediatamente si es posible, y aplica la loción que recomendamos diariamente. Con esmalte gel, evita productos químicos fuertes."
|
||||
},
|
||||
{
|
||||
id: "6", title: "¿Ofrecen servicios de spa pedicure a domicilio?", content: "Actualmente nuestros servicios son en studio para garantizar calidad y comodidad. Contáctanos para consultar sobre futuras opciones de servicios a domicilio."
|
||||
}
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-spa-procedures_23-2149359317.jpg"
|
||||
imageAlt="Tratamiento spa pedicure profesional"
|
||||
mediaAnimation="slide-up"
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
mediaPosition="left"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Reserva Tu Cita"
|
||||
title="Experimenta el Lujo del Spa Pedicure"
|
||||
description="Suscríbete a nuestro newsletter para recibir promociones exclusivas en spa pedicure, tips de cuidado de pies y actualizaciones sobre nuevos diseños y tratamientos."
|
||||
background={{ variant: "aurora" }}
|
||||
useInvertedBackground={false}
|
||||
inputPlaceholder="tu@email.com"
|
||||
buttonText="Suscribirse"
|
||||
termsText="Al suscribirte aceptas recibir comunicaciones de Cloud Studio. Respetamos tu privacidad."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Cloud Studio"
|
||||
columns={[
|
||||
{
|
||||
title: "Servicios", items: [
|
||||
{ label: "Spa Pedicure", href: "/spa-pedicure" },
|
||||
{ label: "Maquillaje", href: "/" },
|
||||
{ label: "Tratamientos Faciales", href: "/" },
|
||||
{ label: "Cejas y Pestañas", href: "/" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Empresa", items: [
|
||||
{ label: "Sobre Nosotros", href: "/#about" },
|
||||
{ label: "Testimonios", href: "/#testimonials" },
|
||||
{ label: "Preguntas Frecuentes", href: "#faq" },
|
||||
{ label: "Contacto", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Política de Privacidad", href: "#" },
|
||||
{ label: "Términos de Servicio", href: "#" },
|
||||
{ label: "Política de Cookies", href: "#" },
|
||||
{ label: "Política de Devoluciones", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 Cloud Studio. Todos los derechos reservados."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user