Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
254
src/app/page.tsx
254
src/app/page.tsx
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Nosotros",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Servicios",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Testimonios",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Nosotros", id: "about" },
|
||||
{ name: "Servicios", id: "services" },
|
||||
{ name: "Testimonios", id: "testimonials" },
|
||||
{ name: "Contacto", id: "contact" },
|
||||
]}
|
||||
brandName="Bahlis"
|
||||
/>
|
||||
@@ -59,33 +44,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Bienestar y Estilo en Bahlis"
|
||||
description="Tu espacio dedicado a la relajación profunda, cuidado estético y el arte en tus uñas. Experimenta la transformación en cada detalle."
|
||||
tag="Tu momento de calma"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/body-care-products-metal-basket-health-hygiene-concept_169016-8481.jpg",
|
||||
imageAlt: "Ambiente relajante del spa Bahlis",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/body-care-products-metal-basket-health-hygiene-concept_169016-8481.jpg", imageAlt: "Ambiente relajante del spa Bahlis"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-beauty-women-elegent-enjoy-concept_53876-132577.jpg",
|
||||
imageAlt: "Tratamiento de belleza profesional",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-thai-orchid-flowers-bath-accessories_169016-17361.jpg",
|
||||
imageAlt: "Spa composition with thai orchid flowers and bath accessories",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-is-relaxing-spa-complex-with-sauna_169016-22729.jpg",
|
||||
imageAlt: "Attractive young woman is relaxing in a spa complex with a sauna",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-chair-around-swimming-pool-hotel-resort-leisure-travel_74190-8557.jpg",
|
||||
imageAlt: "Empty chair around swimming pool in hotel and resort for leisure travel",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-beauty-women-elegent-enjoy-concept_53876-132577.jpg", imageAlt: "Tratamiento de belleza profesional"}
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
@@ -109,38 +76,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Spa Facial & Corporal",
|
||||
author: "Tratamientos",
|
||||
description: "Exfoliación e hidratación profunda con productos premium.",
|
||||
tags: [
|
||||
"Cuidado",
|
||||
"Piel",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-beauty-clinic-face-treatment_23-2148878913.jpg",
|
||||
},
|
||||
id: "f1", title: "Spa Facial & Corporal", author: "Tratamientos", description: "Exfoliación e hidratación profunda con productos premium.", tags: ["Cuidado", "Piel"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-beauty-clinic-face-treatment_23-2148878913.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Barra de Uñas",
|
||||
author: "Estilo",
|
||||
description: "Aplicación profesional y diseños personalizados a tu gusto.",
|
||||
tags: [
|
||||
"Nails",
|
||||
"Arte",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-talented-manicurist-is-working-her-own-workplace-busy-beauty-salon-she-is-wearing-protective-mask_613910-21433.jpg",
|
||||
},
|
||||
id: "f2", title: "Barra de Uñas", author: "Estilo", description: "Aplicación profesional y diseños personalizados a tu gusto.", tags: ["Nails", "Arte"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-talented-manicurist-is-working-her-own-workplace-busy-beauty-salon-she-is-wearing-protective-mask_613910-21433.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Tratamientos de Belleza",
|
||||
author: "Estilismo",
|
||||
description: "Cuidado personal integral para resaltar tu mejor versión.",
|
||||
tags: [
|
||||
"Belleza",
|
||||
"Relax",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-africa-woman-making-eyebrows-girls-beauty-salon_1157-48328.jpg",
|
||||
},
|
||||
id: "f3", title: "Tratamientos de Belleza", author: "Estilismo", description: "Cuidado personal integral para resaltar tu mejor versión.", tags: ["Belleza", "Relax"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-africa-woman-making-eyebrows-girls-beauty-salon_1157-48328.jpg"},
|
||||
]}
|
||||
title="Nuestros Tratamientos Especiales"
|
||||
description="Servicios diseñados para tu bienestar integral y estética impecable."
|
||||
@@ -154,42 +97,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Set Manicura Premium",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nail-products-arrangement-high-angle_23-2149046521.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Aceite Hidratante Spa",
|
||||
price: "$30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-cosmetic-products_23-2148549138.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Mascarilla Regeneradora",
|
||||
price: "$55",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-dispenser-bottle_23-2150992090.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Serum Facial Glow",
|
||||
price: "$70",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-composition-spa-bath-concept_23-2148094316.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Set Decoración Uñas",
|
||||
price: "$25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/winter-spa-composition-with-incense-sticks-candles-bokeh-lights_169016-45131.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Exfoliante Corporal",
|
||||
price: "$40",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/himalayan-rock-salt-glass-jar-wax-wooden-sticks-honey-herbal-yellow-soap-essential-oil-bottle-table_23-2148087715.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Set Manicura Premium", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/nail-products-arrangement-high-angle_23-2149046521.jpg" },
|
||||
{ id: "p2", name: "Aceite Hidratante Spa", price: "$30", imageSrc: "http://img.b2bpic.net/free-photo/view-cosmetic-products_23-2148549138.jpg" },
|
||||
{ id: "p3", name: "Mascarilla Regeneradora", price: "$55", imageSrc: "http://img.b2bpic.net/free-photo/still-life-dispenser-bottle_23-2150992090.jpg" },
|
||||
{ id: "p4", name: "Serum Facial Glow", price: "$70", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-composition-spa-bath-concept_23-2148094316.jpg" },
|
||||
{ id: "p5", name: "Set Decoración Uñas", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/winter-spa-composition-with-incense-sticks-candles-bokeh-lights_169016-45131.jpg" },
|
||||
{ id: "p6", name: "Exfoliante Corporal", price: "$40", imageSrc: "http://img.b2bpic.net/free-photo/himalayan-rock-salt-glass-jar-wax-wooden-sticks-honey-herbal-yellow-soap-essential-oil-bottle-table_23-2148087715.jpg" },
|
||||
]}
|
||||
title="Nuestra Selección"
|
||||
description="Productos exclusivos que utilizamos en cada sesión para garantizar resultados de alta calidad."
|
||||
@@ -202,24 +115,9 @@ export default function LandingPage() {
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Sparkles,
|
||||
title: "Tratamientos al mes",
|
||||
value: "1.2k",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Award,
|
||||
title: "Años de experiencia",
|
||||
value: "10+",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Heart,
|
||||
title: "Clientes satisfechos",
|
||||
value: "5k",
|
||||
},
|
||||
{ id: "m1", icon: Sparkles, title: "Tratamientos al mes", value: "1.2k" },
|
||||
{ id: "m2", icon: Award, title: "Años de experiencia", value: "10+" },
|
||||
{ id: "m3", icon: Heart, title: "Clientes satisfechos", value: "5k" },
|
||||
]}
|
||||
title="El impacto de Bahlis"
|
||||
description="Cifras que demuestran nuestra dedicación a tu satisfacción."
|
||||
@@ -231,21 +129,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "¿Necesito cita previa?",
|
||||
content: "Sí, recomendamos agendar con anticipación para asegurar tu espacio de relajación.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "¿Qué productos utilizan?",
|
||||
content: "Utilizamos solo productos de grado profesional y naturales para garantizar seguridad y resultados.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "¿Ofrecen paquetes de regalo?",
|
||||
content: "¡Claro! Disponemos de tarjetas de regalo personalizadas para obsequiar momentos de belleza.",
|
||||
},
|
||||
{ id: "q1", title: "¿Necesito cita previa?", content: "Sí, recomendamos agendar con anticipación para asegurar tu espacio de relajación." },
|
||||
{ id: "q2", title: "¿Qué productos utilizan?", content: "Utilizamos solo productos de grado profesional y naturales para garantizar seguridad y resultados." },
|
||||
{ id: "q3", title: "¿Ofrecen paquetes de regalo?", content: "¡Claro! Disponemos de tarjetas de regalo personalizadas para obsequiar momentos de belleza." },
|
||||
]}
|
||||
title="Preguntas frecuentes"
|
||||
description="Resolvemos tus dudas sobre nuestros servicios."
|
||||
@@ -259,46 +145,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Elena R.",
|
||||
handle: "@elena_r",
|
||||
testimonial: "El mejor spa al que he ido. Un servicio impecable y muy relajante.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-discussing-spa-treatment_23-2149871830.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Carlos M.",
|
||||
handle: "@carlosm",
|
||||
testimonial: "Increíble detalle en la manicura. Muy recomendado.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/best-friends-smiling-each-other_23-2148238236.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Ana G.",
|
||||
handle: "@anag",
|
||||
testimonial: "Un oasis en la ciudad. Los tratamientos faciales son increíbles.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-lying-massage-room-with-tray-aromas_1262-418.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Lucía P.",
|
||||
handle: "@lucia_p",
|
||||
testimonial: "Excelente trato y profesionalismo. Volveré sin duda.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-women-hanging-out_23-2149168545.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sofía T.",
|
||||
handle: "@sofi_t",
|
||||
testimonial: "Calidad, higiene y una atención personalizada fantástica.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-adult-caucasian-lady-uses-roller-massager-while-sitting-blonde-woman-table-indoors-skin-care-concept_197531-31466.jpg",
|
||||
},
|
||||
{ id: "1", name: "Elena R.", handle: "@elena_r", testimonial: "El mejor spa al que he ido. Un servicio impecable y muy relajante.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/women-discussing-spa-treatment_23-2149871830.jpg" },
|
||||
{ id: "2", name: "Carlos M.", handle: "@carlosm", testimonial: "Increíble detalle en la manicura. Muy recomendado.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/best-friends-smiling-each-other_23-2148238236.jpg" },
|
||||
{ id: "3", name: "Ana G.", handle: "@anag", testimonial: "Un oasis en la ciudad. Los tratamientos faciales son increíbles.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-lying-massage-room-with-tray-aromas_1262-418.jpg" },
|
||||
{ id: "4", name: "Lucía P.", handle: "@lucia_p", testimonial: "Excelente trato y profesionalismo. Volveré sin duda.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-women-hanging-out_23-2149168545.jpg" },
|
||||
{ id: "5", name: "Sofía T.", handle: "@sofi_t", testimonial: "Calidad, higiene y una atención personalizada fantástica.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-adult-caucasian-lady-uses-roller-massager-while-sitting-blonde-woman-table-indoors-skin-care-concept_197531-31466.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Voces de nuestros clientes"
|
||||
@@ -309,54 +160,19 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Reserva ahora"
|
||||
title="Agenda tu momento"
|
||||
description="Estamos listos para recibirte. Reserva tu cita y disfruta de un momento solo para ti."
|
||||
buttons={[
|
||||
{
|
||||
text: "WhatsApp",
|
||||
},
|
||||
{
|
||||
text: "Reservar online",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "WhatsApp" }, { text: "Reservar online" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Inicio",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Servicios",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Contacto",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacidad",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Términos",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Inicio", href: "#hero" }, { label: "Servicios", href: "#services" }, { label: "Contacto", href: "#contact" }] },
|
||||
{ items: [{ label: "Privacidad", href: "#" }, { label: "Términos", href: "#" }] },
|
||||
]}
|
||||
logoText="Bahlis"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user