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

Compare commits

merge into: bender:version_2
Branches Tags
bender:main bender:version_3 bender:version_4 bender:version_2 bender:version_1
...
pull from: bender:version_4
Branches Tags
bender:main bender:version_3 bender:version_4 bender:version_2 bender:version_1

18 Commits
version_2 ... version_4

Author SHA1 Message Date
bender
cee236a295 Update src/app/page.tsx 2026-05-21 00:57:39 +00:00
bender
4e617c7cde Update src/app/page.tsx 2026-05-21 00:57:08 +00:00
bender
3f57f9e819 Update src/app/page.tsx 2026-05-21 00:56:38 +00:00
bender
48d3b4acbe Update src/app/page.tsx 2026-05-21 00:56:09 +00:00
bender
415045ef42 Update src/app/page.tsx 2026-05-21 00:54:05 +00:00
bender
9c072db534 Merge version_3 into main 
Merge version_3 into main
 2026-05-21 00:53:26 +00:00
bender
e304b89c28 Update src/app/page.tsx 2026-05-21 00:53:23 +00:00
bender
457caa169b Merge version_3 into main 
Merge version_3 into main
 2026-05-21 00:52:53 +00:00
bender
218cb71666 Update src/app/page.tsx 2026-05-21 00:52:50 +00:00
bender
caa945d55a Merge version_3 into main 
Merge version_3 into main
 2026-05-21 00:52:23 +00:00
bender
3e9f8fdf73 Update src/app/page.tsx 2026-05-21 00:52:20 +00:00
bender
212307d6ed Merge version_3 into main 
Merge version_3 into main
 2026-05-21 00:51:53 +00:00
bender
8333c6abf7 Update src/app/page.tsx 2026-05-21 00:51:50 +00:00
bender
acbb7a150c Merge version_3 into main 
Merge version_3 into main
 2026-05-21 00:51:24 +00:00
bender
34734bfb0c Update src/app/page.tsx 2026-05-21 00:51:21 +00:00
bender
d01ae07270 Merge version_3 into main 
Merge version_3 into main
 2026-05-21 00:50:56 +00:00
bender
e521c307fa Update src/app/page.tsx 2026-05-21 00:50:53 +00:00
bender
bb66deb08e Merge version_2 into main 
Merge version_2 into main
 2026-05-21 00:48:52 +00:00
1 changed files with 28 additions and 107 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 HeroOverlay from '@/components/sections/hero/HeroOverlay';
import HeroTiltedCards from '@/components/sections/hero/HeroTiltedCards';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
@@ -30,42 +30,29 @@ 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">
<HeroOverlay
<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="4.5 Estrellas | 295 Opiniones"
tag="Estética Integral"
buttons={[
{
text: "Agendar Cita", href: "tel:2221138865"},
{ text: "Agendar Cita", href: "tel:2221138865" },
]}
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"},
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" }
]}
avatarText="Más de 5,000 clientes felices"
ariaLabel="Hero section"
/>
</div>
@@ -76,15 +63,9 @@ 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."
@@ -97,38 +78,10 @@ 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."
@@ -148,16 +101,9 @@ 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: "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"},
{ 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" },
]}
cardTitle="Lo que dicen nuestros clientes"
cardTag="Reseñas Reales"
@@ -171,17 +117,10 @@ 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>
@@ -191,26 +130,8 @@ 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" }] },
]}
/>
</div>