Merge version_3 into main #8
123
src/app/page.tsx
123
src/app/page.tsx
@@ -30,10 +30,14 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Servicios", id: "services" },
|
||||
{ name: "Nosotros", id: "about" },
|
||||
{ name: "Contacto", id: "contact" },
|
||||
{
|
||||
name: "Inicio", id: "hero"},
|
||||
{
|
||||
name: "Servicios", id: "services"},
|
||||
{
|
||||
name: "Nosotros", id: "about"},
|
||||
{
|
||||
name: "Contacto", id: "contact"},
|
||||
]}
|
||||
brandName="NUDO"
|
||||
/>
|
||||
@@ -43,16 +47,16 @@ export default function LandingPage() {
|
||||
<HeroTiltedCards
|
||||
title="✨ NUDO Salón de Belleza ✨"
|
||||
description="El arte de resaltar tu belleza natural en Puebla. Calidad y dedicación en cada detalle."
|
||||
tag="Estética Integral"
|
||||
tag="4.5 Estrellas | 295 Opiniones"
|
||||
buttons={[
|
||||
{ text: "Agendar Cita", href: "tel:2221138865" },
|
||||
{
|
||||
text: "Agendar Cita", href: "tel:2221138865"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-glad-pretty-woman-dark-sweater-standing-near-lamps_114579-81875.jpg", imageAlt: "Hero Image 1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-black-sweater-standing-posing_114579-81878.jpg", imageAlt: "Hero Image 2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/luxury-blond-female-white-dress-posing-studio_613910-10972.jpg", imageAlt: "Hero Image 3" }
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-glad-pretty-woman-dark-sweater-standing-near-lamps_114579-81875.jpg", imageAlt: "NUDO 1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-black-sweater-standing-posing_114579-81878.jpg", imageAlt: "NUDO 2" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/luxury-blond-female-white-dress-posing-studio_613910-10972.jpg", imageAlt: "NUDO 3" }
|
||||
]}
|
||||
ariaLabel="Hero section"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -63,9 +67,15 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "4.5", title: "Calificación Google", description: "Basado en 295 opiniones", icon: Star },
|
||||
{ id: "m2", value: "10+", title: "Años de Experiencia", description: "Expertos en estética integral", icon: Award },
|
||||
{ id: "m3", value: "5k+", title: "Clientes Satisfechos", description: "Tu confianza es nuestra prioridad", icon: Heart },
|
||||
{
|
||||
id: "m1", value: "4.5", title: "Calificación Google", description: "Basado en 295 opiniones", icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m2", value: "10+", title: "Años de Experiencia", description: "Expertos en estética integral", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m3", value: "5k+", title: "Clientes Satisfechos", description: "Tu confianza es nuestra prioridad", icon: Heart,
|
||||
},
|
||||
]}
|
||||
title="Nuestra Trayectoria"
|
||||
description="Calidad respaldada por nuestros clientes."
|
||||
@@ -78,10 +88,38 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{ id: "p1", badge: "Corte", price: "$350", subtitle: "Corte de Dama", features: ["Lavado incluído", "Diseño de corte", "Secado técnico"], buttons: [{ text: "Reservar", href: "tel:2221138865" }] },
|
||||
{ id: "p2", badge: "Corte", price: "$200", subtitle: "Corte de Caballero", features: ["Corte con tijera o máquina", "Perfilado", "Estilizado"], buttons: [{ text: "Reservar", href: "tel:2221138865" }] },
|
||||
{ id: "p3", badge: "Color", price: "Desde $900", subtitle: "Color y Mechas", features: ["Diagnóstico capilar", "Aplicación profesional", "Tratamiento hidratante"], buttons: [{ text: "Reservar", href: "tel:2221138865" }] },
|
||||
{ id: "p4", badge: "Especial", price: "$500", subtitle: "Estética Integral", features: ["Peinados especiales", "Maquillaje profesional", "Tratamientos capilares"], buttons: [{ text: "Reservar", href: "tel:2221138865" }] },
|
||||
{
|
||||
id: "p1", badge: "Corte", price: "$350", subtitle: "Corte de Dama", features: [
|
||||
"Lavado incluído", "Diseño de corte", "Secado técnico"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Reservar", href: "tel:2221138865"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2", badge: "Corte", price: "$200", subtitle: "Corte de Caballero", features: [
|
||||
"Corte con tijera o máquina", "Perfilado", "Estilizado"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Reservar", href: "tel:2221138865"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p3", badge: "Color", price: "Desde $900", subtitle: "Color y Mechas", features: [
|
||||
"Diagnóstico capilar", "Aplicación profesional", "Tratamiento hidratante"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Reservar", href: "tel:2221138865"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p4", badge: "Especial", price: "$500", subtitle: "Estética Integral", features: [
|
||||
"Peinados especiales", "Maquillaje profesional", "Tratamientos capilares"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Reservar", href: "tel:2221138865"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Nuestros Servicios"
|
||||
description="Belleza personalizada para tu estilo de vida."
|
||||
@@ -101,9 +139,16 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Lucero Tamayo", imageSrc: "http://img.b2bpic.net/free-photo/male-make-up-look-holding-brush_23-2148784359.jpg" },
|
||||
{ id: "t2", name: "Cliente Satisfecho", imageSrc: "http://img.b2bpic.net/free-photo/woman-face-massage-mirror-with-gua-sha_23-2149349077.jpg" },
|
||||
{ id: "t3", name: "Cliente Regular", imageSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-woman-portrait_23-2148148150.jpg" },
|
||||
{
|
||||
id: "t1", name: "Lucero Tamayo", imageSrc: "http://img.b2bpic.net/free-photo/male-make-up-look-holding-brush_23-2148784359.jpg"},
|
||||
{
|
||||
id: "t2", name: "Cliente Satisfecho", imageSrc: "http://img.b2bpic.net/free-photo/woman-face-massage-mirror-with-gua-sha_23-2149349077.jpg"},
|
||||
{
|
||||
id: "t3", name: "Cliente Regular", imageSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-woman-portrait_23-2148148150.jpg"},
|
||||
{
|
||||
id: "t4", name: "Invitado Especial", imageSrc: "http://img.b2bpic.net/free-photo/modern-woman-drinking-coffee_23-2148020563.jpg"},
|
||||
{
|
||||
id: "t5", name: "Reseña Google", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-home-getting-ready-haircut_23-2148817221.jpg"},
|
||||
]}
|
||||
cardTitle="Lo que dicen nuestros clientes"
|
||||
cardTag="Reseñas Reales"
|
||||
@@ -117,10 +162,17 @@ export default function LandingPage() {
|
||||
title="Reserva tu cita"
|
||||
description="Calle 39 Ote 1612, Col. Mirador, Puebla. Llámanos al 222 113 8865."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Nombre", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Teléfono", required: true },
|
||||
{
|
||||
name: "name", type: "text", placeholder: "Nombre", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone", type: "tel", placeholder: "Teléfono", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Servicio de interés", rows: 3, required: true }}
|
||||
textarea={{
|
||||
name: "message", placeholder: "Servicio de interés", rows: 3,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-bath-concept-accessories_23-2148419440.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -130,13 +182,30 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/minimal-amazing-interior-design_23-2150534518.jpg"
|
||||
logoText="NUDO"
|
||||
columns={[
|
||||
{ title: "Ubicación", items: [{ label: "Calle 39 Ote 1612, Col. Mirador, Puebla", href: "#" }] },
|
||||
{ title: "Contacto", items: [{ label: "222 113 8865", href: "tel:2221138865" }] },
|
||||
{ title: "Enlaces", items: [{ label: "Facebook", href: "#" }, { label: "Instagram", href: "#" }] },
|
||||
{
|
||||
title: "Ubicación", items: [
|
||||
{
|
||||
label: "Calle 39 Ote 1612, Col. Mirador, Puebla", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contacto", items: [
|
||||
{
|
||||
label: "222 113 8865", href: "tel:2221138865"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Enlaces", items: [
|
||||
{
|
||||
label: "Facebook", href: "#"},
|
||||
{
|
||||
label: "Instagram", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user