bender/b4911528-c435-4aaf-9ba1-7d5d13493a83
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
bender
2026-05-29 15:57:18 +00:00
parent ce5d7d1a17 6e44eab1b6
commit 896108cc3d
1 changed files with 59 additions and 191 deletions
Download Patch File Download Diff File Expand all files Collapse all files

250
src/app/page.tsx
View File

@@ -10,7 +10,7 @@ import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaA
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Clock, Facebook, Film, Instagram, Map, MapPin, MessageCircle, Scissors, Star } from "lucide-react";
import { Facebook, Film, Instagram, MessageCircle, Scissors, Star } from "lucide-react";
export default function LandingPage() {
return (
@@ -31,29 +31,17 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Inicio",
id: "#hero",
},
name: "Inicio", id: "#hero"},
{
name: "Sobre Nosotros",
id: "#about",
},
name: "Sobre Nosotros", id: "#about"},
{
name: "Servicios",
id: "#services",
},
name: "Servicios", id: "#services"},
{
name: "Galería",
id: "#gallery",
},
name: "Galería", id: "#gallery"},
{
name: "Testimonios",
id: "#testimonials",
},
name: "Testimonios", id: "#testimonials"},
{
name: "Contacto",
id: "#contact",
},
name: "Contacto", id: "#contact"},
]}
logoSrc="https://cdn.shopify.com/s/files/1/0803/7790/5365/files/Untitled_design.png?v=1780069731"
logoAlt="La Barbería de los Feos Logo"
@@ -65,80 +53,45 @@ export default function LandingPage() {
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="La Barbería de los Feos: Elegancia Masculina Urbana"
description="Redefinimos el arte del cuidado masculino. Estilo, precisión y una experiencia premium en cada visita."
testimonials={[
{
name: "Roberto Morales",
handle: "@robertom",
testimonial: "Un servicio excepcional y un ambiente inigualable. La Barbería de los Feos ha superado todas mis expectativas.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg",
},
name: "Roberto Morales", handle: "@robertom", testimonial: "Un servicio excepcional y un ambiente inigualable. La Barbería de los Feos ha superado todas mis expectativas.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg"},
{
name: "Juan Pérez",
handle: "@jperez",
testimonial: "Cada visita es una experiencia de relajación y estilo. Siempre salgo con un corte impecable y una barba perfecta.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelman-dressed-tshirt-jeans-fashion-male-isolated-studio-posing-near-grey-wall-cheerful-happy_158538-25145.jpg",
},
name: "Juan Pérez", handle: "@jperez", testimonial: "Cada visita es una experiencia de relajación y estilo. Siempre salgo con un corte impecable y una barba perfecta.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelman-dressed-tshirt-jeans-fashion-male-isolated-studio-posing-near-grey-wall-cheerful-happy_158538-25145.jpg"},
{
name: "Carlos Sánchez",
handle: "@carloss",
testimonial: "Profesionalismo y atención al detalle en cada servicio. La mejor barbería de la ciudad, sin duda.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-tired-young-caucasian-man-looking-camera-isolated-olive-green-background-with-copy-space_141793-77999.jpg",
},
name: "Carlos Sánchez", handle: "@carloss", testimonial: "Profesionalismo y atención al detalle en cada servicio. La mejor barbería de la ciudad, sin duda.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-tired-young-caucasian-man-looking-camera-isolated-olive-green-background-with-copy-space_141793-77999.jpg"},
{
name: "Miguel Torres",
handle: "@miguelt",
testimonial: "Me encanta el ambiente y la calidad de los barberos. Saben exactamente lo que busco para mi estilo.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-person-barbeque_23-2149271986.jpg",
},
name: "Miguel Torres", handle: "@miguelt", testimonial: "Me encanta el ambiente y la calidad de los barberos. Saben exactamente lo que busco para mi estilo.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-person-barbeque_23-2149271986.jpg"},
{
name: "Pedro Gómez",
handle: "@pedrog",
testimonial: "Un oasis de estilo. Siempre salgo con un look fresco y moderno. ¡El mejor cuidado para la barba y el cabello!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-with-backpack_23-2149915917.jpg",
},
name: "Pedro Gómez", handle: "@pedrog", testimonial: "Un oasis de estilo. Siempre salgo con un look fresco y moderno. ¡El mejor cuidado para la barba y el cabello!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-with-backpack_23-2149915917.jpg"},
]}
testimonialRotationInterval={5000}
buttons={[
{
text: "Reservar cita",
href: "#contact",
},
text: "Reservar cita", href: "#contact"},
{
text: "Ver servicios",
href: "#services",
},
text: "Ver servicios", href: "#services"},
]}
buttonAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/close-up-confident-male-employee-white-collar-shirt-smiling-camera-standing-self-assured-against-studio-background_1258-26761.jpg",
alt: "Roberto Morales",
},
src: "http://img.b2bpic.net/free-photo/close-up-confident-male-employee-white-collar-shirt-smiling-camera-standing-self-assured-against-studio-background_1258-26761.jpg", alt: "Roberto Morales"},
{
src: "http://img.b2bpic.net/free-photo/headshot-thoughtful-handsome-man-looking-intrigued-squinting-thinking-about-something-standin_1258-163720.jpg",
alt: "Juan Pérez",
},
src: "http://img.b2bpic.net/free-photo/headshot-thoughtful-handsome-man-looking-intrigued-squinting-thinking-about-something-standin_1258-163720.jpg", alt: "Juan Pérez"},
{
src: "http://img.b2bpic.net/free-photo/fatty-bearded-male-red-t-shirt-grey-background_613910-15636.jpg",
alt: "Carlos Sánchez",
},
src: "http://img.b2bpic.net/free-photo/fatty-bearded-male-red-t-shirt-grey-background_613910-15636.jpg", alt: "Carlos Sánchez"},
{
src: "http://img.b2bpic.net/free-photo/urban-portrait-non-binary-person_23-2148760548.jpg",
alt: "Miguel Torres",
},
src: "http://img.b2bpic.net/free-photo/urban-portrait-non-binary-person_23-2148760548.jpg", alt: "Miguel Torres"},
{
src: "http://img.b2bpic.net/free-photo/young-businessman-working-from-his-office-concept-focus-concentration_181624-26347.jpg",
alt: "Pedro Gómez",
},
src: "http://img.b2bpic.net/free-photo/young-businessman-working-from-his-office-concept-focus-concentration_181624-26347.jpg", alt: "Pedro Gómez"},
]}
avatarText="Confían en nuestro estilo"
imageSrc="http://img.b2bpic.net/free-photo/full-shot-barber-hair-salon_23-2148242782.jpg"
@@ -146,27 +99,17 @@ export default function LandingPage() {
mediaAnimation="slide-up"
marqueeItems={[
{
type: "text",
text: "Estilo Impecable",
type: "text", text: "Estilo Impecable"},
{
type: "text-icon", text: "Cortes de Autor", icon: Scissors,
},
{
type: "text-icon",
text: "Cortes de Autor",
icon: Scissors,
type: "text", text: "Afeitado Clásico"},
{
type: "text-icon", text: "Atención Premium", icon: Star,
},
{
type: "text",
text: "Afeitado Clásico",
},
{
type: "text-icon",
text: "Atención Premium",
icon: Star,
},
{
type: "text",
text: "Experiencia Exclusiva",
},
type: "text", text: "Experiencia Exclusiva"},
]}
/>
</div>
@@ -178,17 +121,11 @@ export default function LandingPage() {
description="En La Barbería de los Feos, cada detalle cuenta. Fusionamos tradición y modernidad para ofrecer un estilo impecable, un servicio atento y un ambiente donde la masculinidad urbana se encuentra con la sofisticación."
metrics={[
{
value: "10 Años",
title: "De Experiencia",
},
value: "10 Años", title: "De Experiencia"},
{
value: "5 Estilistas",
title: "Expertos",
},
value: "5 Estilistas", title: "Expertos"},
{
value: "5 Estrellas",
title: "Valoración Promedio",
},
value: "5 Estrellas", title: "Valoración Promedio"},
]}
imageSrc="http://img.b2bpic.net/free-photo/hair-salon-workplace_23-2148108753.jpg"
imageAlt="Interior limpio y moderno de barbería"
@@ -204,26 +141,17 @@ export default function LandingPage() {
useInvertedBackground={false}
negativeCard={{
items: [
"Corte Clásico",
"Arreglo de Barba Básico",
"Afeitado Express",
],
"Corte Clásico", "Arreglo de Barba Básico", "Afeitado Express"],
}}
positiveCard={{
items: [
"Corte de Autor",
"Diseño de Barba Profesional",
"Afeitado a Navaja Completo",
"Tratamiento Facial y Grooming",
],
"Corte de Autor", "Diseño de Barba Profesional", "Afeitado a Navaja Completo", "Tratamiento Facial y Grooming"],
}}
title="Nuestros Servicios Premium"
description="Diseñados para el hombre moderno que valora la excelencia y el cuidado personal en cada detalle."
buttons={[
{
text: "Reservar Ahora",
href: "#contact",
},
text: "Reservar Ahora", href: "#contact"},
]}
buttonAnimation="slide-up"
/>
@@ -235,49 +163,20 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={true}
carouselMode="buttons"
animationType="slide-up"
products={[
{
id: "style-1",
name: "Fade Urbano",
price: "Corte de Autor",
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6328.jpg",
imageAlt: "Corte de cabello fade urbano",
},
id: "style-1", name: "Fade Urbano", price: "Corte de Autor", imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6328.jpg", imageAlt: "Corte de cabello fade urbano"},
{
id: "style-2",
name: "Barba Perfecta",
price: "Diseño Profesional",
imageSrc: "http://img.b2bpic.net/free-photo/bearded-black-man-suit-holds-backpack_613910-15955.jpg",
imageAlt: "Barba perfilada y cuidada",
},
id: "style-2", name: "Barba Perfecta", price: "Diseño Profesional", imageSrc: "http://img.b2bpic.net/free-photo/bearded-black-man-suit-holds-backpack_613910-15955.jpg", imageAlt: "Barba perfilada y cuidada"},
{
id: "style-3",
name: "Afeitado Clásico",
price: "Experiencia Premium",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-hand-holding-sieve-with-cocoa-powder_23-2148485410.jpg",
imageAlt: "Afeitado a navaja clásico",
},
id: "style-3", name: "Afeitado Clásico", price: "Experiencia Premium", imageSrc: "http://img.b2bpic.net/free-photo/front-view-hand-holding-sieve-with-cocoa-powder_23-2148485410.jpg", imageAlt: "Afeitado a navaja clásico"},
{
id: "style-4",
name: "Quiff Moderno",
price: "Corte de Autor",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-male-barber-hands-trimming-face-his-young-client_141793-114866.jpg",
imageAlt: "Peinado quiff moderno",
},
id: "style-4", name: "Quiff Moderno", price: "Corte de Autor", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-male-barber-hands-trimming-face-his-young-client_141793-114866.jpg", imageAlt: "Peinado quiff moderno"},
{
id: "style-5",
name: "Textura y Volumen",
price: "Corte Personalizado",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg",
imageAlt: "Peinado con textura y volumen",
},
id: "style-5", name: "Textura y Volumen", price: "Corte Personalizado", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg", imageAlt: "Peinado con textura y volumen"},
{
id: "style-6",
name: "Estilo Clásico",
price: "Corte Tradicional",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-washbasin_107420-94763.jpg",
imageAlt: "Estilo clásico de cabello",
},
id: "style-6", name: "Estilo Clásico", price: "Corte Tradicional", imageSrc: "http://img.b2bpic.net/free-photo/close-up-washbasin_107420-94763.jpg", imageAlt: "Estilo clásico de cabello"},
]}
title="Galería de Estilos"
description="Inspírate con nuestra selección de cortes y afeitados. Precisión, arte y las últimas tendencias."
@@ -292,25 +191,15 @@ export default function LandingPage() {
author="David Alonso - Cliente Fiel"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg",
alt: "David Alonso",
},
src: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg", alt: "David Alonso"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-posing_23-2149438508.jpg",
alt: "Carlos Ruiz",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-posing_23-2149438508.jpg", alt: "Carlos Ruiz"},
{
src: "http://img.b2bpic.net/free-photo/young-confident-blonde-handsome-man-looks-camera-isolated-pink-space-with-copy-space_141793-60497.jpg",
alt: "Fernando Mora",
},
src: "http://img.b2bpic.net/free-photo/young-confident-blonde-handsome-man-looks-camera-isolated-pink-space-with-copy-space_141793-60497.jpg", alt: "Fernando Mora"},
{
src: "http://img.b2bpic.net/free-photo/portrait-man-cartoon-style_23-2151133912.jpg",
alt: "Pablo Costa",
},
src: "http://img.b2bpic.net/free-photo/portrait-man-cartoon-style_23-2151133912.jpg", alt: "Pablo Costa"},
{
src: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-5073.jpg",
alt: "Arturo Blanco",
},
src: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-5073.jpg", alt: "Arturo Blanco"},
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
@@ -321,30 +210,17 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={true}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
text="¡Reserva tu Cita o Contáctanos!"
buttons={[
{
text: "WhatsApp: +34 123 456 789",
href: "https://wa.me/34123456789",
icon: MessageCircle,
},
text: "WhatsApp: +34 123 456 789", href: "https://wa.me/34123456789"},
{
text: "Dirección: C/ Ficticia, 123, 28001 Madrid",
href: "https://maps.app.goo.gl/example",
icon: MapPin,
},
text: "Dirección: C/ Ficticia, 123, 28001 Madrid", href: "https://maps.app.goo.gl/example"},
{
text: "Horarios: Lun-Vie 10:00-20:00, Sáb 10:00-14:00",
href: "#",
icon: Clock,
},
text: "Horarios: Lun-Vie 10:00-20:00, Sáb 10:00-14:00", href: "#"},
{
text: "Ver en Google Maps",
href: "https://maps.app.goo.gl/example",
icon: Map,
},
text: "Ver en Google Maps", href: "https://maps.app.goo.gl/example"},
]}
/>
</div>
@@ -358,24 +234,16 @@ export default function LandingPage() {
socialLinks={[
{
icon: Instagram,
href: "https://instagram.com/labarberia",
ariaLabel: "Instagram",
},
href: "https://instagram.com/labarberia", ariaLabel: "Instagram"},
{
icon: Facebook,
href: "https://facebook.com/labarberia",
ariaLabel: "Facebook",
},
href: "https://facebook.com/labarberia", ariaLabel: "Facebook"},
{
icon: Film,
href: "https://tiktok.com/@labarberia",
ariaLabel: "TikTok",
},
href: "https://tiktok.com/@labarberia", ariaLabel: "TikTok"},
{
icon: MessageCircle,
href: "https://wa.me/34123456789",
ariaLabel: "WhatsApp",
},
href: "https://wa.me/34123456789", ariaLabel: "WhatsApp"},
]}
/>
</div>