bender/f5061479-fa9f-45f3-888d-9eb1c217d907
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: bender:version_4
Branches Tags
bender:main bender:version_3 bender:version_4 bender:version_2 bender:version_1
..
compare: bender:main
Branches Tags
bender:main bender:version_3 bender:version_4 bender:version_2 bender:version_1

18 Commits
version_4 ... main

Author SHA1 Message Date
bender
b0323a7a91 Switch to version 2: modified src/app/page.tsx 2026-05-21 00:58:47 +00:00
bender
da827c31aa Merge version_3 into main 
Merge version_3 into main
 2026-05-21 00:58:23 +00:00
bender
76fc676ced Update src/app/page.tsx 2026-05-21 00:58:17 +00:00
bender
e379c0fedf Update src/app/page.tsx 2026-05-21 00:57:43 +00:00
bender
9c30a3e4c4 Merge version_4 into main 
Merge version_4 into main
 2026-05-21 00:57:42 +00:00
bender
d4123d0d4f Merge version_4 into main 
Merge version_4 into main
 2026-05-21 00:57:11 +00:00
bender
9e7e80f008 Merge version_4 into main 
Merge version_4 into main
 2026-05-21 00:56:41 +00:00
bender
226f903887 Merge version_4 into main 
Merge version_4 into main
 2026-05-21 00:56:12 +00:00
bender
dde704ce3c Update src/app/page.tsx 2026-05-21 00:56:04 +00:00
bender
1ce2c7286a Update src/app/page.tsx 2026-05-21 00:55:44 +00:00
bender
442dc8388d Merge version_3 into main 
Merge version_3 into main
 2026-05-21 00:55:36 +00:00
bender
f3fefd30c3 Update src/app/page.tsx 2026-05-21 00:55:29 +00:00
bender
a3d4b696ed Merge version_3 into main 
Merge version_3 into main
 2026-05-21 00:55:02 +00:00
bender
883b9e4099 Update src/app/page.tsx 2026-05-21 00:54:59 +00:00
bender
1c07625eb7 Merge version_3 into main 
Merge version_3 into main
 2026-05-21 00:54:32 +00:00
bender
df3a9b3de1 Update src/app/page.tsx 2026-05-21 00:54:26 +00:00
bender
c615a51416 Merge version_3 into main 
Merge version_3 into main
 2026-05-21 00:54:00 +00:00
bender
058f32972d Update src/app/page.tsx 2026-05-21 00:53:57 +00:00
1 changed files with 107 additions and 28 deletions
Expand all files Collapse all files

135
src/app/page.tsx
View File

@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroTiltedCards from '@/components/sections/hero/HeroTiltedCards';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
@@ -30,29 +30,42 @@ 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"
/>
</div>
<div id="hero" data-section="hero">
<HeroTiltedCards
<HeroOverlay
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-81878.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/luxury-blond-female-white-dress-posing-studio_613910-10972.jpg", imageAlt: "Hero Image 3" }
imageSrc="http://img.b2bpic.net/free-vector/gatsby-patterned-frame_53876-91724.jpg"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-glad-pretty-woman-dark-sweater-standing-near-lamps_114579-81875.jpg", alt: "Cliente satisfecha"},
{
src: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-black-sweater-standing-posing_114579-81878.jpg", alt: "Cliente satisfecha"},
{
src: "http://img.b2bpic.net/free-photo/cute-blond-woman-cozy-wear-home_624325-3014.jpg", alt: "Cliente satisfecha"},
{
src: "http://img.b2bpic.net/free-photo/luxury-blond-female-white-dress-posing-studio_613910-10972.jpg", alt: "Cliente satisfecha"},
{
src: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg", alt: "Cliente satisfecha"},
]}
ariaLabel="Hero section"
avatarText="Más de 5,000 clientes felices"
/>
</div>
@@ -63,9 +76,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 +97,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 +148,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/woman-face-massage-mirror-with-gua-sha_23-2149349077.jpg" },
{ id: "t3", name: "Cliente Regular", imageSrc: "http://img.b2bpic.net/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 +171,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,8 +191,26 @@ 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: "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>