bender/33662f9f-00df-4449-9e50-1b2efb09e564
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #2

Merged
bender merged 2 commits from version_2 into main 2026-04-06 04:04:57 +00:00
Conversation 0 Commits 2 Files Changed 2 +62 -243
2 changed files with 62 additions and 243 deletions
Download Patch File Download Diff File Expand all files Collapse all files

281
src/app/page.tsx
View File

@@ -30,150 +30,43 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Inicio",
id: "hero",
},
{
name: "Servicios",
id: "pricing",
},
{
name: "Productos",
id: "products",
},
{
name: "Contacto",
id: "contact",
},
{ name: "Inicio", id: "hero" },
{ name: "Nosotros", id: "about" },
{ name: "Servicios", id: "pricing" },
{ name: "Productos", id: "products" },
{ name: "Contacto", id: "contact" },
]}
brandName="Salon Premium"
button={{
text: "Reservar Cita",
href: "#contact",
}}
text: "Reservar Cita", href: "#contact"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{
variant: "plain",
}}
title="Expertos en Transformar tu Cabello"
description="Expertos en balayage, alisados, cortes de precisión y cuidado capilar. Reservar tu cita nunca fue tan fácil."
background={{ variant: "plain" }}
title="Transformación Capilar con Estilo Salon Premium"
description="Especialistas en balayage, colorimetría avanzada, cortes de precisión y tratamientos de hidratación molecular. Eleva tu belleza con nosotros."
buttons={[
{
text: "Reservar Ahora",
href: "#contact",
},
{ text: "Reservar Ahora", href: "#contact" },
]}
imageSrc="http://img.b2bpic.net/free-photo/woman-putting-face-client-towel_23-2147737012.jpg?_wi=1"
mediaAnimation="blur-reveal"
testimonials={[
{
name: "Camila R.",
handle: "@camila_r",
testimonial: "El mejor balayage que me han hecho en mi vida. Profesionalismo total.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cute-young-woman-making-workshop-haircare_259150-60162.jpg",
},
{
name: "Valentina G.",
handle: "@valeg",
testimonial: "Salí sintiéndome renovada. El corte es perfecto.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-friends-indoors_23-2149604085.jpg",
},
{
name: "Sofia M.",
handle: "@sofim",
testimonial: "Excelente servicio, los productos que usan son de alta calidad.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-woman-with-curly-hair_1098-3724.jpg",
},
{
name: "Andrea L.",
handle: "@andreal",
testimonial: "Muy puntuales y el ambiente es muy relajante.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/baking-time-with-best-grandmother_329181-17830.jpg",
},
{
name: "Laura P.",
handle: "@laurap",
testimonial: "Mi cabello nunca se había visto tan sano y brillante.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/funny-girl-with-happy-emotions-dressed-shine-t-shirt-gold-neckless_291650-569.jpg",
},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/cute-young-woman-making-workshop-haircare_259150-60162.jpg",
alt: "Camila R",
},
{
src: "http://img.b2bpic.net/free-photo/side-view-smiley-friends-indoors_23-2149604085.jpg",
alt: "Valentina G",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-smiling-woman-with-curly-hair_1098-3724.jpg",
alt: "Sofia M",
},
{
src: "http://img.b2bpic.net/free-photo/baking-time-with-best-grandmother_329181-17830.jpg",
alt: "Andrea L",
},
{
src: "http://img.b2bpic.net/free-photo/funny-girl-with-happy-emotions-dressed-shine-t-shirt-gold-neckless_291650-569.jpg",
alt: "Laura P",
},
]}
marqueeItems={[
{
type: "text",
text: "Balayage Premium",
},
{
type: "text",
text: "Corte de Precisión",
},
{
type: "text",
text: "Hidratación Molecular",
},
{
type: "text",
text: "Alisados sin Formol",
},
{
type: "text",
text: "Brillo Espejo",
},
{ name: "Camila R.", handle: "@camila_r", testimonial: "Expertos en balayage, el resultado fue simplemente espectacular.", rating: 5 },
{ name: "Valentina G.", handle: "@valeg", testimonial: "Corte impecable, me explicaron cómo cuidar mi cabello en casa.", rating: 5 },
{ name: "Sofia M.", handle: "@sofim", testimonial: "La hidratación molecular dejó mi pelo con un brillo increíble.", rating: 5 },
]}
/>
</div>
<div id="about" data-section="about">
<AboutMetric
useInvertedBackground={false}
title="Nuestra Experiencia"
title="Especialidades Salon Premium"
metrics={[
{
icon: Sparkles,
label: "Transformaciones",
value: "500+",
},
{
icon: Award,
label: "Años de Trayectoria",
value: "10+",
},
{
icon: Star,
label: "Clientes Felices",
value: "1000+",
},
{ icon: Sparkles, label: "Balayage & Color", value: "Mastery" },
{ icon: Award, label: "Cortes de Precisión", value: "Art" },
{ icon: Star, label: "Tratamientos Capilares", value: "Science" },
]}
metricsAnimation="slide-up"
/>
@@ -186,45 +79,13 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "1",
name: "L'Oreal Absolute Repair",
price: "$85.000",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3By4CFDzydjhv4jgWUQPDjrLHhu/uploaded-1775448119693-mlmotzcw.jpg",
},
{
id: "2",
name: "Olaplex Bond Repair",
price: "$120.000",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3By4CFDzydjhv4jgWUQPDjrLHhu/uploaded-1775448119694-ia96xp6c.jpg",
},
{
id: "3",
name: "Schwarzkopf Fibre Clinix",
price: "$95.000",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3By4CFDzydjhv4jgWUQPDjrLHhu/uploaded-1775448119694-vgpbi2zq.jpg",
},
{
id: "4",
name: "Oil Ultime Serum",
price: "$70.000",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3By4CFDzydjhv4jgWUQPDjrLHhu/uploaded-1775448119694-sp9r9wxa.jpg",
},
{
id: "5",
name: "Professional Styling Balm",
price: "$65.000",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3By4CFDzydjhv4jgWUQPDjrLHhu/uploaded-1775448119694-x77y35vr.jpg",
},
{
id: "6",
name: "Repair Oil Treatment",
price: "$90.000",
imageSrc: "http://img.b2bpic.net/free-photo/natural-jojoba-oil-composition_23-2149047771.jpg",
},
{ id: "1", name: "Reparación Profunda", price: "$85.000", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3By4CFDzydjhv4jgWUQPDjrLHhu/uploaded-1775448119693-mlmotzcw.jpg" },
{ id: "2", name: "Bond Builder", price: "$120.000", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3By4CFDzydjhv4jgWUQPDjrLHhu/uploaded-1775448119694-ia96xp6c.jpg" },
{ id: "3", name: "Clinix Treatment", price: "$95.000", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3By4CFDzydjhv4jgWUQPDjrLHhu/uploaded-1775448119694-vgpbi2zq.jpg" },
]}
title="Cuidado Capilar Exclusivo"
description="Selección de productos profesionales de alta gama para mantener tu look siempre perfecto en casa."
title="Catálogo de Productos"
description="Adquiere los mismos productos profesionales que usamos en el salón para tu rutina en casa."
buttons={[{ text: "Ver Catálogo", href: "#products" }]}
/>
</div>
@@ -234,73 +95,21 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "p1",
badge: "Popular",
price: "$250.000",
subtitle: "Técnica de balayage premium",
features: [
"Diseño personalizado",
"Tratamiento incluido",
"Sellado de cutícula",
],
},
{
id: "p2",
badge: "Básico",
price: "$80.000",
subtitle: "Corte y peinado experto",
features: [
"Lavado profundo",
"Corte estilo",
"Secado profesional",
],
},
{
id: "p3",
badge: "Plus",
price: "$150.000",
subtitle: "Alisados permanentes",
features: [
"Producto sin formol",
"Brillo extremo",
"Hidratación molecular",
],
},
{ id: "p1", badge: "Premium", price: "$250.000", subtitle: "Balayage & Color Design", features: ["Diagnóstico capilar", "Técnica personalizada", "Hidratación profunda"] },
{ id: "p2", badge: "Essential", price: "$80.000", subtitle: "Corte & Estilo", features: ["Lavado spa", "Corte personalizado", "Secado profesional"] },
{ id: "p3", badge: "Advanced", price: "$150.000", subtitle: "Tratamientos Capilares", features: ["Alisados sin formol", "Reparación estructural", "Brillo espejo"] },
]}
title="Servicios Especializados"
description="Desde coloraciones de vanguardia hasta cortes modernos."
title="Nuestros Servicios"
description="Precios transparentes para servicios de alta calidad, realizados por estilistas expertos."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen
useInvertedBackground={true}
testimonial="La mejor atención que he recibido en mucho tiempo. Mi balayage quedó exactamente como quería, muy natural y saludable."
testimonial=" Salon Premium no es solo un salón, es una experiencia. Mi cabello nunca se había visto tan sano, profesional y brillante."
rating={5}
author="Camila R."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/cute-young-woman-making-workshop-haircare_259150-60162.jpg",
alt: "Client 1",
},
{
src: "http://img.b2bpic.net/free-photo/side-view-smiley-friends-indoors_23-2149604085.jpg",
alt: "Client 2",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-smiling-woman-with-curly-hair_1098-3724.jpg",
alt: "Client 3",
},
{
src: "http://img.b2bpic.net/free-photo/baking-time-with-best-grandmother_329181-17830.jpg",
alt: "Client 4",
},
{
src: "http://img.b2bpic.net/free-photo/funny-girl-with-happy-emotions-dressed-shine-t-shirt-gold-neckless_291650-569.jpg",
alt: "Client 5",
},
]}
author="Camila R. - Cliente VIP"
ratingAnimation="slide-up"
avatarsAnimation="blur-reveal"
/>
@@ -309,12 +118,10 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
tag="Reservaciones"
title="Agenda tu cita hoy"
description="Déjanos tus datos y nos pondremos en contacto contigo para concretar tu transformación capilar."
title="Agenda tu Transformación"
description="¡Estamos listos para atenderte! Haz clic para reservar tu cita y disfruta de nuestro servicio premium."
buttons={[{ text: "Reservar Ahora" }]}
imageSrc="http://img.b2bpic.net/free-photo/woman-putting-face-client-towel_23-2147737012.jpg?_wi=2"
mediaAnimation="slide-up"
/>
@@ -323,27 +130,15 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterCard
logoText="Salon Premium"
copyrightText="© 2024 Salon Premium Colombia"
copyrightText="© 2025 Salon Premium | Diseño Profesional"
socialLinks={[
{
icon: Instagram,
href: "#",
ariaLabel: "Instagram",
},
{
icon: Facebook,
href: "#",
ariaLabel: "Facebook",
},
{
icon: MessageCircle,
href: "#",
ariaLabel: "WhatsApp",
},
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
{ icon: MessageCircle, href: "#", ariaLabel: "WhatsApp" },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

24
src/app/servicios/balayage/page.tsx Normal file
View File

@@ -0,0 +1,24 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
export default function BalayagePage() {
return (
<ThemeProvider>
<NavbarLayoutFloatingInline navItems={[{name: "Inicio", id: "/"}]} brandName="Salon Premium" />
<div className="pt-24">
<HeroSplitTestimonial
title="Balayage Premium"
description="Nuestra técnica exclusiva de aclarado gradual para un look natural, brillante y de bajo mantenimiento. Perfecta para aportar luz y dimensión a tu cabello sin dañar la raíz."
buttons={[{text: "Reservar Cita", href: "/#contact"}]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-smiling-woman-with-curly-hair_1098-3724.jpg"
background={{variant: "plain"}}
/>
</div>
<FooterCard logoText="Salon Premium" />
</ThemeProvider>
);
}