Merge version_1 into main

Merge version_1 into main
This commit was merged in pull request #3.
This commit is contained in:
2026-04-16 21:43:33 +00:00
5 changed files with 33 additions and 229 deletions

View File

@@ -6,52 +6,23 @@ import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/F
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import { Phone, Mail } from "lucide-react";
const navItems = [
{ name: "Home", id: "/" },
{ name: "Servicios", id: "/servicios" },
{ name: "Equipo", id: "/equipo" },
{ name: "Reservar", id: "/reserva" },
{ name: "Contacto", id: "/contacto" }
];
const navItems = [{name: "Home", id: "/"}, {name: "Servicios", id: "/servicios"}, {name: "Equipo", id: "/equipo"}, {name: "Reservar", id: "/reserva"}, {name: "Contacto", id: "/contacto"}];
export default function ContactPage() {
return (
<ThemeProvider>
<ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
<div id="nav" data-section="nav">
<NavbarStyleFullscreen navItems={navItems} brandName="Rafaelina Salon" />
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Encuéntranos"
description="Estamos listos para atenderte en nuestra ubicación en Moca."
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-modern-luxury-hotel-office-reception-lounge-hall_105762-1977.jpg"
inputs={[{ name: "email", type: "email", placeholder: "Tu correo electrónico", required: true }, { name: "subject", type: "text", placeholder: "Asunto", required: true }]}
/>
<ContactSplitForm useInvertedBackground={false} title="Encuéntranos" description="Estamos listos para atenderte en nuestra ubicación en Moca." imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-modern-luxury-hotel-office-reception-lounge-hall_105762-1977.jpg" inputs={[{name: "email", type: "email", placeholder: "Tu correo electrónico", required: true}, {name: "subject", type: "text", placeholder: "Asunto", required: true}]} />
</div>
<div id="feature" data-section="feature">
<FeatureBorderGlow
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Contacto Directo"
description="Nuestros canales oficiales de comunicación."
features={[
{ icon: Phone, title: "Llamadas", description: "(809) 578-7075" },
{ icon: Mail, title: "Correo", description: "info@rafaelinasalon.com" }
]}
/>
<FeatureBorderGlow animationType="slide-up" textboxLayout="default" useInvertedBackground={false} title="Contacto Directo" description="Nuestros canales oficiales de comunicación." features={[{icon: Phone, title: "Llamadas", description: "(809) 578-7075"}, {icon: Mail, title: "Correo", description: "info@rafaelinasalon.com"}]} />
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Rafaelina Salon"
columns={[
{ title: "Ubicación", items: [{ label: "Plaza Sunrise, Moca", href: "#" }] },
{ title: "Horario", items: [{ label: "Lun-Vie: 8:00 - 17:30", href: "#" }] },
{ title: "Reservas", items: [{ label: "(809) 578-7075", href: "tel:+18095787075" }] }
]}
/>
<FooterBaseCard logoText="Rafaelina Salon" columns={[{title: "Ubicación", items: [{label: "Plaza Sunrise, Moca", href: "#"}]}, {title: "Horario", items: [{label: "Lun-Vie: 8:00 - 17:30", href: "#"}]}, {title: "Reservas", items: [{label: "(809) 578-7075", href: "tel:+18095787075"}]}]} />
</div>
</ThemeProvider>
);
}
}

View File

@@ -6,57 +6,23 @@ import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/F
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import { Heart, Users } from "lucide-react";
const navItems = [
{ name: "Home", id: "/" },
{ name: "Servicios", id: "/servicios" },
{ name: "Equipo", id: "/equipo" },
{ name: "Reservar", id: "/reserva" },
{ name: "Contacto", id: "/contacto" }
];
const navItems = [{name: "Home", id: "/"}, {name: "Servicios", id: "/servicios"}, {name: "Equipo", id: "/equipo"}, {name: "Reservar", id: "/reserva"}, {name: "Contacto", id: "/contacto"}];
export default function TeamPage() {
return (
<ThemeProvider>
<ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
<div id="nav" data-section="nav">
<NavbarStyleFullscreen navItems={navItems} brandName="Rafaelina Salon" />
</div>
<div id="inner-team" data-section="inner-team">
<TeamCardFive
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Nuestro equipo de artistas"
description="Profesionales apasionados por tu estilo."
team={[
{ id: "m1", name: "Rafaelina A.", role: "Directora Creativa", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-beautiful-female-barber-uniform-holding-scissors-with-comb-isolated-pink-wall_141793-105676.jpg" },
{ id: "m2", name: "Lucía P.", role: "Especialista Color", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-shopping-mall_23-2150585900.jpg" },
{ id: "m3", name: "Carlos G.", role: "Estilista Senior", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-hair-salon_23-2150665387.jpg" }
]}
/>
<TeamCardFive animationType="slide-up" textboxLayout="default" useInvertedBackground={false} title="Nuestro equipo de artistas" description="Profesionales apasionados por tu estilo." team={[{id: "m1", name: "Rafaelina A.", role: "Directora Creativa", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-beautiful-female-barber-uniform-holding-scissors-with-comb-isolated-pink-wall_141793-105676.jpg"}, {id: "m2", name: "Lucía P.", role: "Especialista Color", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-shopping-mall_23-2150585900.jpg"}, {id: "m3", name: "Carlos G.", role: "Estilista Senior", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-hair-salon_23-2150665387.jpg"}]} />
</div>
<div id="feature" data-section="feature">
<FeatureBorderGlow
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Nuestra Filosofía"
description="Creemos que la belleza es una extensión de la personalidad."
features={[
{ icon: Heart, title: "Pasión por el detalle", description: "Cada servicio es un arte para nosotros." },
{ icon: Users, title: "Enfoque humano", description: "Escuchamos lo que realmente buscas." }
]}
/>
<FeatureBorderGlow animationType="slide-up" textboxLayout="default" useInvertedBackground={false} title="Nuestra Filosofía" description="Creemos que la belleza es una extensión de la personalidad." features={[{icon: Heart, title: "Pasión por el detalle", description: "Cada servicio es un arte para nosotros."}, {icon: Users, title: "Enfoque humano", description: "Escuchamos lo que realmente buscas."}]} />
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Rafaelina Salon"
columns={[
{ title: "Ubicación", items: [{ label: "Plaza Sunrise, Moca", href: "#" }] },
{ title: "Horario", items: [{ label: "Lun-Vie: 8:00 - 17:30", href: "#" }] },
{ title: "Reservas", items: [{ label: "(809) 578-7075", href: "tel:+18095787075" }] }
]}
/>
<FooterBaseCard logoText="Rafaelina Salon" columns={[{title: "Ubicación", items: [{label: "Plaza Sunrise, Moca", href: "#"}]}, {title: "Horario", items: [{label: "Lun-Vie: 8:00 - 17:30", href: "#"}]}, {title: "Reservas", items: [{label: "(809) 578-7075", href: "tel:+18095787075"}]}]} />
</div>
</ThemeProvider>
);
}
}

View File

@@ -9,100 +9,32 @@ import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import { Sparkles, Award, Clock, Smile, Star } from "lucide-react";
const navItems = [
{ name: "Home", id: "/" },
{ name: "Servicios", id: "/servicios" },
{ name: "Equipo", id: "/equipo" },
{ name: "Reservar", id: "/reserva" },
{ name: "Contacto", id: "/contacto" }
];
const navItems = [{name: "Home", id: "/"}, {name: "Servicios", id: "/servicios"}, {name: "Equipo", id: "/equipo"}, {name: "Reservar", id: "/reserva"}, {name: "Contacto", id: "/contacto"}];
export default function HomePage() {
return (
<ThemeProvider>
<ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
<div id="nav" data-section="nav">
<NavbarStyleFullscreen navItems={navItems} brandName="Rafaelina Salon" />
</div>
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{ variant: "sparkles-gradient" }}
title="Belleza con distinción"
description="Servicios premium en Plaza Sunrise — cortes, color y estética pensados para ti."
buttons={[{ text: "Reservar ahora", href: "/reserva" }, { text: "Ver servicios", href: "/servicios" }]}
imageSrc="http://img.b2bpic.net/free-photo/high-end-professional-cabinet-used-psychotherapy-meetings_482257-117710.jpg"
/>
<HeroBillboardScroll background={{variant: "sparkles-gradient"}} title="Belleza con distinción" description="Servicios premium en Plaza Sunrise — cortes, color y estética pensados para ti." buttons={[{text: "Reservar ahora", href: "/reserva"}, {text: "Ver servicios", href: "/servicios"}]} imageSrc="http://img.b2bpic.net/free-photo/high-end-professional-cabinet-used-psychotherapy-meetings_482257-117710.jpg" />
</div>
<div id="features" data-section="features">
<FeatureBorderGlow
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Por qué elegir Rafaelina"
description="La experiencia que mereces en el centro de Moca."
features={[
{ icon: Sparkles, title: "Atención personalizada", description: "Protocolos diseñados para realzar tu belleza natural con total dedicación." },
{ icon: Award, title: "Profesionales certificados", description: "Expertos en tendencias internacionales y productos de alta gama." },
{ icon: Clock, title: "Ambiente relajante", description: "Un oasis de tranquilidad para desconectar mientras renovamos tu imagen." },
{ icon: Smile, title: "Resultados garantizados", description: "Comprometidos con la excelencia y tu satisfacción total." },
{ icon: Star, title: "Ubicación privilegiada", description: "Estamos en el corazón de Moca, Plaza Sunrise, de fácil acceso." }
]}
/>
<FeatureBorderGlow animationType="slide-up" textboxLayout="default" useInvertedBackground={false} title="Por qué elegir Rafaelina" description="La experiencia que mereces en el centro de Moca." features={[{icon: Sparkles, title: "Atención personalizada", description: "Protocolos diseñados para realzar tu belleza natural con total dedicación."}, {icon: Award, title: "Profesionales certificados", description: "Expertos en tendencias internacionales y productos de alta gama."}, {icon: Clock, title: "Ambiente relajante", description: "Un oasis de tranquilidad para desconectar mientras renovamos tu imagen."}, {icon: Smile, title: "Resultados garantizados", description: "Comprometidos con la excelencia y tu satisfacción total."}, {icon: Star, title: "Ubicación privilegiada", description: "Estamos en el corazón de Moca, Plaza Sunrise, de fácil acceso."}]} />
</div>
<div id="services-grid" data-section="services-grid">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
title="Servicios Destacados"
description="Tu mejor versión comienza con un cuidado experto."
products={[
{ id: "p1", name: "Corte y Estilo", price: "Desde RD$600", imageSrc: "http://img.b2bpic.net/free-photo/professional-hair-comb-with-copy-space_23-2148352919.jpg" },
{ id: "p2", name: "Balayage Premium", price: "Desde RD$2,500", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-girl-with-colorful-hair-white-t-shirt-covering-her-eye-with-paint-brush-dreamily-looking-camera-pottery-studio_574295-955.jpg" },
{ id: "p3", name: "Reconstrucción", price: "Desde RD$1,800", imageSrc: "http://img.b2bpic.net/free-photo/stunning-green-eyed-woman-sits-before-red-flowers_1304-5036.jpg" },
{ id: "p4", name: "Maquillaje", price: "Desde RD$1,200", imageSrc: "http://img.b2bpic.net/free-photo/young-sensual-seductive-sexy-woman-with-beauty-face-bright-smoky-makeup-fashion-portrait_291049-575.jpg" },
{ id: "p5", name: "Estética Facial", price: "Desde RD$900", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-female-white-lingerie_158538-18346.jpg" },
{ id: "p6", name: "Manicura Spa", price: "Desde RD$500", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-hands-finger-nail-treatment-making-process-professional-nail-file-drill-action-beauty-hand-care-concept_343596-1819.jpg" }
]}
/>
<ProductCardThree animationType="slide-up" textboxLayout="default" gridVariant="three-columns-all-equal-width" useInvertedBackground={false} title="Servicios Destacados" description="Tu mejor versión comienza con un cuidado experto." products={[{id: "p1", name: "Corte y Estilo", price: "Desde RD$600", imageSrc: "http://img.b2bpic.net/free-photo/professional-hair-comb-with-copy-space_23-2148352919.jpg"}, {id: "p2", name: "Balayage Premium", price: "Desde RD$2,500", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-girl-with-colorful-hair-white-t-shirt-covering-her-eye-with-paint-brush-dreamily-looking-camera-pottery-studio_574295-955.jpg"}, {id: "p3", name: "Reconstrucción", price: "Desde RD$1,800", imageSrc: "http://img.b2bpic.net/free-photo/stunning-green-eyed-woman-sits-before-red-flowers_1304-5036.jpg"}, {id: "p4", name: "Maquillaje", price: "Desde RD$1,200", imageSrc: "http://img.b2bpic.net/free-photo/young-sensual-seductive-sexy-woman-with-beauty-face-bright-smoky-makeup-fashion-portrait_291049-575.jpg"}, {id: "p5", name: "Estética Facial", price: "Desde RD$900", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-female-white-lingerie_158538-18346.jpg"}, {id: "p6", name: "Manicura Spa", price: "Desde RD$500", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-hands-finger-nail-treatment-making-process-professional-nail-file-drill-action-beauty-hand-care-concept_343596-1819.jpg"}]} />
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
showRating={true}
title="Lo que dicen nuestras clientas"
description="Más de 1,700 experiencias que enamoran."
testimonials={[
{ id: "t1", name: "Laura Méndez", handle: "@laura", testimonial: "Excelente atención, me encantó el resultado del color.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/view-beautifully-decorated-round-table-with-natural-fir-branch-candle-two-flutes-plates-against-classic-sofa-modern-apartment_132075-11394.jpg" },
{ id: "t2", name: "María Rojas", handle: "@mrojas", testimonial: "Profesionales y ambiente cómodo. Volveré seguro.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/high-end-professional-cabinet-used-psychotherapy-meetings_482257-117710.jpg" },
{ id: "t3", name: "Sofía Díaz", handle: "@sofi", testimonial: "Gran trato y detalles que marcan la diferencia.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/professional-hair-comb-with-copy-space_23-2148352919.jpg" },
{ id: "t4", name: "Elena Castro", handle: "@elena", testimonial: "Mis favoritas para eventos especiales, siempre impecable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-girl-with-colorful-hair-white-t-shirt-covering-her-eye-with-paint-brush-dreamily-looking-camera-pottery-studio_574295-955.jpg" },
{ id: "t5", name: "Ana Gómez", handle: "@ana", testimonial: "El balayage quedó exactamente como quería, muy natural.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stunning-green-eyed-woman-sits-before-red-flowers_1304-5036.jpg" }
]}
/>
<TestimonialCardThirteen animationType="slide-up" textboxLayout="default" useInvertedBackground={false} showRating={true} title="Lo que dicen nuestras clientas" description="Más de 1,700 experiencias que enamoran." testimonials={[{id: "t1", name: "Laura Méndez", handle: "@laura", testimonial: "Excelente atención, me encantó el resultado del color.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/view-beautifully-decorated-round-table-with-natural-fir-branch-candle-two-flutes-plates-against-classic-sofa-modern-apartment_132075-11394.jpg"}, {id: "t2", name: "María Rojas", handle: "@mrojas", testimonial: "Profesionales y ambiente cómodo. Volveré seguro.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/high-end-professional-cabinet-used-psychotherapy-meetings_482257-117710.jpg"}, {id: "t3", name: "Sofía Díaz", handle: "@sofi", testimonial: "Gran trato y detalles que marcan la diferencia.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/professional-hair-comb-with-copy-space_23-2148352919.jpg"}, {id: "t4", name: "Elena Castro", handle: "@elena", testimonial: "Mis favoritas para eventos especiales, siempre impecable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-girl-with-colorful-hair-white-t-shirt-covering-her-eye-with-paint-brush-dreamily-looking-camera-pottery-studio_574295-955.jpg"}, {id: "t5", name: "Ana Gómez", handle: "@ana", testimonial: "El balayage quedó exactamente como quería, muy natural.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stunning-green-eyed-woman-sits-before-red-flowers_1304-5036.jpg"}]} />
</div>
<div id="contact-home" data-section="contact-home">
<ContactSplitForm
useInvertedBackground={false}
title="Reserva tu espacio"
description="Estamos en Plaza Sunrise, local 209."
inputs={[{ name: "name", type: "text", placeholder: "Tu nombre", required: true }, { name: "phone", type: "tel", placeholder: "Teléfono", required: true }]}
textarea={{ name: "message", placeholder: "Cuéntanos qué necesitas", rows: 4, required: true }}
imageSrc="http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683411.jpg"
/>
<ContactSplitForm useInvertedBackground={false} title="Reserva tu espacio" description="Estamos en Plaza Sunrise, local 209." inputs={[{name: "name", type: "text", placeholder: "Tu nombre", required: true}, {name: "phone", type: "tel", placeholder: "Teléfono", required: true}]} textarea={{name: "message", placeholder: "Cuéntanos qué necesitas", rows: 4, required: true}} imageSrc="http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683411.jpg" />
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Rafaelina Salon"
columns={[
{ title: "Ubicación", items: [{ label: "Plaza Sunrise, Moca", href: "#" }] },
{ title: "Horario", items: [{ label: "Lun-Vie: 8:00 - 17:30", href: "#" }] },
{ title: "Reservas", items: [{ label: "(809) 578-7075", href: "tel:+18095787075" }] }
]}
/>
<FooterBaseCard logoText="Rafaelina Salon" columns={[{title: "Ubicación", items: [{label: "Plaza Sunrise, Moca", href: "#"}]}, {title: "Horario", items: [{label: "Lun-Vie: 8:00 - 17:30", href: "#"}]}, {title: "Reservas", items: [{label: "(809) 578-7075", href: "tel:+18095787075"}]}]} />
</div>
</ThemeProvider>
);
}
}

View File

@@ -6,52 +6,23 @@ import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/F
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import { Clock, CalendarX } from "lucide-react";
const navItems = [
{ name: "Home", id: "/" },
{ name: "Servicios", id: "/servicios" },
{ name: "Equipo", id: "/equipo" },
{ name: "Reservar", id: "/reserva" },
{ name: "Contacto", id: "/contacto" }
];
const navItems = [{name: "Home", id: "/"}, {name: "Servicios", id: "/servicios"}, {name: "Equipo", id: "/equipo"}, {name: "Reservar", id: "/reserva"}, {name: "Contacto", id: "/contacto"}];
export default function ReservePage() {
return (
<ThemeProvider>
<ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
<div id="nav" data-section="nav">
<NavbarStyleFullscreen navItems={navItems} brandName="Rafaelina Salon" />
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Solicita tu Cita"
description="Reserva online indicando el servicio deseado y horario preferido."
imageSrc="http://img.b2bpic.net/free-photo/waiting-room-with-chairs-blurred_1203-1401.jpg"
inputs={[{ name: "service", type: "text", placeholder: "Servicio", required: true }, { name: "date", type: "date", placeholder: "Fecha", required: true }]}
/>
<ContactSplitForm useInvertedBackground={false} title="Solicita tu Cita" description="Reserva online indicando el servicio deseado y horario preferido." imageSrc="http://img.b2bpic.net/free-photo/waiting-room-with-chairs-blurred_1203-1401.jpg" inputs={[{name: "service", type: "text", placeholder: "Servicio", required: true}, {name: "date", type: "date", placeholder: "Fecha", required: true}]} />
</div>
<div id="feature" data-section="feature">
<FeatureBorderGlow
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Políticas de Reserva"
description="Para garantizar un servicio puntual y eficiente."
features={[
{ icon: Clock, title: "Llegada puntual", description: "Favor llegar 5 minutos antes." },
{ icon: CalendarX, title: "Cancelaciones", description: "Notificar con 24 horas de antelación." }
]}
/>
<FeatureBorderGlow animationType="slide-up" textboxLayout="default" useInvertedBackground={false} title="Políticas de Reserva" description="Para garantizar un servicio puntual y eficiente." features={[{icon: Clock, title: "Llegada puntual", description: "Favor llegar 5 minutos antes."}, {icon: CalendarX, title: "Cancelaciones", description: "Notificar con 24 horas de antelación."}]} />
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Rafaelina Salon"
columns={[
{ title: "Ubicación", items: [{ label: "Plaza Sunrise, Moca", href: "#" }] },
{ title: "Horario", items: [{ label: "Lun-Vie: 8:00 - 17:30", href: "#" }] },
{ title: "Reservas", items: [{ label: "(809) 578-7075", href: "tel:+18095787075" }] }
]}
/>
<FooterBaseCard logoText="Rafaelina Salon" columns={[{title: "Ubicación", items: [{label: "Plaza Sunrise, Moca", href: "#"}]}, {title: "Horario", items: [{label: "Lun-Vie: 8:00 - 17:30", href: "#"}]}, {title: "Reservas", items: [{label: "(809) 578-7075", href: "tel:+18095787075"}]}]} />
</div>
</ThemeProvider>
);
}
}

View File

@@ -6,59 +6,23 @@ import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/F
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import { Sparkles, ShieldCheck } from "lucide-react";
const navItems = [
{ name: "Home", id: "/" },
{ name: "Servicios", id: "/servicios" },
{ name: "Equipo", id: "/equipo" },
{ name: "Reservar", id: "/reserva" },
{ name: "Contacto", id: "/contacto" }
];
const navItems = [{name: "Home", id: "/"}, {name: "Servicios", id: "/servicios"}, {name: "Equipo", id: "/equipo"}, {name: "Reservar", id: "/reserva"}, {name: "Contacto", id: "/contacto"}];
export default function ServicesPage() {
return (
<ThemeProvider>
<ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
<div id="nav" data-section="nav">
<NavbarStyleFullscreen navItems={navItems} brandName="Rafaelina Salon" />
</div>
<div id="inner-services" data-section="inner-services">
<PricingCardOne
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Carta de Servicios"
description="Calidad premium en cada detalle."
plans={[
{ id: "s1", badge: "Cabello", price: "RD$600", subtitle: "Corte de señora / caballero", features: ["Asesoría personalizada", "Lavado", "Secado técnico"] },
{ id: "s2", badge: "Color", price: "RD$2,500", subtitle: "Balayage", features: ["Técnica avanzada", "Color natural", "Sin líneas marcadas"] },
{ id: "s3", badge: "Cuidado", price: "RD$1,800", subtitle: "Keratin", features: ["Reconstrucción profunda", "Brillo intenso", "Fuerza"] },
{ id: "s4", badge: "Facial", price: "RD$900", subtitle: "Limpieza", features: ["Exfoliación", "Hidratación", "Masaje suave"] },
{ id: "s5", badge: "Spa", price: "RD$500", subtitle: "Manicura", features: ["Limpieza de uñas", "Esmaltado premium", "Hidratación"] }
]}
/>
<PricingCardOne animationType="slide-up" textboxLayout="default" useInvertedBackground={false} title="Carta de Servicios" description="Calidad premium en cada detalle." plans={[{id: "s1", badge: "Cabello", price: "RD$600", subtitle: "Corte de señora / caballero", features: ["Asesoría personalizada", "Lavado", "Secado técnico"]}, {id: "s2", badge: "Color", price: "RD$2,500", subtitle: "Balayage", features: ["Técnica avanzada", "Color natural", "Sin líneas marcadas"]}, {id: "s3", badge: "Cuidado", price: "RD$1,800", subtitle: "Keratin", features: ["Reconstrucción profunda", "Brillo intenso", "Fuerza"]}, {id: "s4", badge: "Facial", price: "RD$900", subtitle: "Limpieza", features: ["Exfoliación", "Hidratación", "Masaje suave"]}, {id: "s5", badge: "Spa", price: "RD$500", subtitle: "Manicura", features: ["Limpieza de uñas", "Esmaltado premium", "Hidratación"]}]} />
</div>
<div id="feature" data-section="feature">
<FeatureBorderGlow
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Compromiso de Calidad"
description="Usamos solo los mejores productos del mercado para asegurar la salud de tu cabello y piel."
features={[
{ icon: Sparkles, title: "Productos Premium", description: "Marcas líderes internacionales." },
{ icon: ShieldCheck, title: "Seguridad ante todo", description: "Equipos esterilizados y protocolos estrictos." }
]}
/>
<FeatureBorderGlow animationType="slide-up" textboxLayout="default" useInvertedBackground={false} title="Compromiso de Calidad" description="Usamos solo los mejores productos del mercado para asegurar la salud de tu cabello y piel." features={[{icon: Sparkles, title: "Productos Premium", description: "Marcas líderes internacionales."}, {icon: ShieldCheck, title: "Seguridad ante todo", description: "Equipos esterilizados y protocolos estrictos."}]} />
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Rafaelina Salon"
columns={[
{ title: "Ubicación", items: [{ label: "Plaza Sunrise, Moca", href: "#" }] },
{ title: "Horario", items: [{ label: "Lun-Vie: 8:00 - 17:30", href: "#" }] },
{ title: "Reservas", items: [{ label: "(809) 578-7075", href: "tel:+18095787075" }] }
]}
/>
<FooterBaseCard logoText="Rafaelina Salon" columns={[{title: "Ubicación", items: [{label: "Plaza Sunrise, Moca", href: "#"}]}, {title: "Horario", items: [{label: "Lun-Vie: 8:00 - 17:30", href: "#"}]}, {title: "Reservas", items: [{label: "(809) 578-7075", href: "tel:+18095787075"}]}]} />
</div>
</ThemeProvider>
);
}
}