2 Commits

Author SHA1 Message Date
cc18803a89 Update src/app/page.tsx 2026-04-26 16:26:44 +00:00
b4e22c3bd6 Merge version_1 into main
Merge version_1 into main
2026-04-26 16:24:11 +00:00

View File

@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm'; import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqBase from '@/components/sections/faq/FaqBase'; import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree'; import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard'; import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo'; import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import MediaAbout from '@/components/sections/about/MediaAbout'; import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven'; import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
@@ -31,27 +31,27 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
navItems={[ navItems={[
{ {
name: "Home", id: "hero"}, name: "Inicio", id: "hero"},
{ {
name: "About", id: "about"}, name: "Sobre Nosotros", id: "about"},
{ {
name: "Services", id: "features"}, name: "Servicios", id: "features"},
{ {
name: "Contact", id: "contact"}, name: "Contacto", id: "contact"},
]} ]}
brandName="El Gran Patrón" brandName="El Gran Patrón"
button={{ button={{
text: "Book Now", href: "#contact"}} text: "Reservar", href: "#contact"}}
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroCarouselLogo <HeroCarouselLogo
logoText="El Gran Patrón" logoText="El Gran Patrón"
description="Expert grooming and precision cuts tailored to the modern gentleman. Experience the ultimate in style and comfort." description="Cortes de precisión y grooming experto para el caballero moderno. Vive la mejor experiencia en estilo y comodidad."
buttons={[ buttons={[
{ {
text: "Book Now", href: "#contact"}, text: "Reservar", href: "#contact"},
]} ]}
slides={[ slides={[
{ {
@@ -73,9 +73,9 @@ export default function LandingPage() {
<div id="about" data-section="about"> <div id="about" data-section="about">
<MediaAbout <MediaAbout
useInvertedBackground={false} useInvertedBackground={false}
title="Masters of the Blade" title="Maestros de la Navaja"
description="At Barbería El Gran Patrón, we combine classic traditions with modern techniques. Our team of skilled barbers is dedicated to providing an unparalleled grooming experience in a relaxed, masculine environment." description="En Barbería El Gran Patrón, fusionamos la tradición clásica con técnicas vanguardistas. Nuestro equipo de barberos expertos se dedica a brindarte una experiencia inigualable en un ambiente masculino y relajado."
tag="Our Story" tag="Nuestra Historia"
imageSrc="http://img.b2bpic.net/free-photo/crop-barber-holding-mousse-client_23-2147778804.jpg" imageSrc="http://img.b2bpic.net/free-photo/crop-barber-holding-mousse-client_23-2147778804.jpg"
imageAlt="Barber at work" imageAlt="Barber at work"
/> />
@@ -88,20 +88,20 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
id: "f1", title: "Precision Cuts", tags: [ id: "f1", title: "Cortes de Precisión", tags: [
"Style", "Fades"], "Estilo", "Fades"],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-barbershop-concept_23-2148506210.jpg", imageAlt: "Haircut"}, imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-barbershop-concept_23-2148506210.jpg", imageAlt: "Haircut"},
{ {
id: "f2", title: "Beard Grooming", tags: [ id: "f2", title: "Cuidado de Barba", tags: [
"Beard", "Care"], "Barba", "Cuidado"],
imageSrc: "http://img.b2bpic.net/free-photo/barber-styling-beard-man_23-2147778882.jpg", imageAlt: "Beard trim"}, imageSrc: "http://img.b2bpic.net/free-photo/barber-styling-beard-man_23-2147778882.jpg", imageAlt: "Beard trim"},
{ {
id: "f3", title: "Hot Towel Shave", tags: [ id: "f3", title: "Afeitado con Toalla Caliente", tags: [
"Shave", "Classic"], "Afeitado", "Clásico"],
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-hairdresser-massaging-young-customer-s-face-wrapped-towel-barbershop_181624-53211.jpg", imageAlt: "Hot towel shave"}, imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-hairdresser-massaging-young-customer-s-face-wrapped-towel-barbershop_181624-53211.jpg", imageAlt: "Hot towel shave"},
]} ]}
title="Our Services" title="Nuestros Servicios"
description="Premium grooming solutions for every style." description="Soluciones de grooming premium para cada estilo."
/> />
</div> </div>
@@ -112,14 +112,14 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
metrics={[ metrics={[
{ {
id: "m1", value: "10k+", title: "Happy Clients", description: "Returning gentlemen served", imageSrc: "http://img.b2bpic.net/free-photo/young-man-barber-shop-after-getting-haircut_23-2149186513.jpg"}, id: "m1", value: "10k+", title: "Clientes Felices", description: "Caballeros que regresan", imageSrc: "http://img.b2bpic.net/free-photo/young-man-barber-shop-after-getting-haircut_23-2149186513.jpg"},
{ {
id: "m2", value: "15+", title: "Years Experience", description: "Crafting master styles", imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167446.jpg"}, id: "m2", value: "15+", title: "Años de Experiencia", description: "Creando estilos maestros", imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167446.jpg"},
{ {
id: "m3", value: "5.0", title: "Average Rating", description: "Consistent 5-star service", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-hairdresser-shaving-beard-young-customer-towel-with-blade_181624-54554.jpg"}, id: "m3", value: "5.0", title: "Calificación Promedio", description: "Servicio consistente 5 estrellas", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-hairdresser-shaving-beard-young-customer-towel-with-blade_181624-54554.jpg"},
]} ]}
title="Our Impact" title="Nuestro Impacto"
description="Numbers speak to our commitment to excellence." description="Las cifras hablan de nuestro compromiso con la excelencia."
/> />
</div> </div>
@@ -130,18 +130,18 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "t1", name: "John D.", role: "Entrepreneur", testimonial: "The best haircut in town, truly high-end service.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-bearded-man-smiling-looking-away-while-professional-barber-giving-him-haircut-copyspace_7502-5640.jpg"}, id: "t1", name: "John D.", role: "Emprendedor", testimonial: "El mejor corte de pelo, servicio realmente de primera.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-bearded-man-smiling-looking-away-while-professional-barber-giving-him-haircut-copyspace_7502-5640.jpg"},
{ {
id: "t2", name: "Mike R.", role: "Professional", testimonial: "Very professional and detailed, highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-practicing-skincare_23-2150283290.jpg"}, id: "t2", name: "Mike R.", role: "Profesional", testimonial: "Muy profesional y detallista, recomendado al 100%.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-practicing-skincare_23-2150283290.jpg"},
{ {
id: "t3", name: "Steve A.", role: "Client", testimonial: "Clean shop, great vibe, even better service.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg"}, id: "t3", name: "Steve A.", role: "Cliente", testimonial: "Local impecable, gran ambiente y mejor servicio.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg"},
{ {
id: "t4", name: "David W.", role: "Business Owner", testimonial: "Consistently great results every time I visit.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-maledressed-suit-grey-background_613910-1592.jpg"}, id: "t4", name: "David W.", role: "Dueño de Negocio", testimonial: "Resultados consistentemente geniales en cada visita.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-maledressed-suit-grey-background_613910-1592.jpg"},
{ {
id: "t5", name: "Alex B.", role: "Architect", testimonial: "El Gran Patrón sets the bar for barbershops.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-blond-bearded-male-dressed-black-leather-jacket_613910-11915.jpg"}, id: "t5", name: "Alex B.", role: "Arquitecto", testimonial: "El Gran Patrón pone el listón muy alto en barberías.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-blond-bearded-male-dressed-black-leather-jacket_613910-11915.jpg"},
]} ]}
title="Client Voices" title="Voces de Clientes"
description="What our patrons say about us." description="Lo que dicen nuestros clientes sobre nosotros."
/> />
</div> </div>
@@ -151,14 +151,14 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "q1", title: "Do I need an appointment?", content: "We recommend booking ahead to guarantee your spot."}, id: "q1", title: "¿Necesito cita previa?", content: "Recomendamos reservar con antelación para asegurar su turno."},
{ {
id: "q2", title: "Are walk-ins accepted?", content: "Subject to availability, we welcome walk-ins."}, id: "q2", title: "¿Aceptan clientes sin cita?", content: "Sujeto a disponibilidad, recibimos sin cita."},
{ {
id: "q3", title: "What payment methods do you take?", content: "We accept cards and cash."}, id: "q3", title: "¿Qué métodos de pago aceptan?", content: "Aceptamos tarjetas y efectivo."},
]} ]}
title="Common Questions" title="Preguntas Frecuentes"
description="Everything you need to know." description="Todo lo que necesitas saber."
faqsAnimation="blur-reveal" faqsAnimation="blur-reveal"
/> />
</div> </div>
@@ -166,18 +166,18 @@ export default function LandingPage() {
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactSplitForm <ContactSplitForm
useInvertedBackground={false} useInvertedBackground={false}
title="Visit Us" title="Visítanos"
description="Get in touch for appointments or inquiries." description="Ponte en contacto para citas o consultas."
inputs={[ inputs={[
{ {
name: "name", type: "text", placeholder: "Your Name", required: true, name: "name", type: "text", placeholder: "Tu Nombre", required: true,
}, },
{ {
name: "email", type: "email", placeholder: "Email Address", required: true, name: "email", type: "email", placeholder: "Correo Electrónico", required: true,
}, },
]} ]}
textarea={{ textarea={{
name: "message", placeholder: "How can we help?", rows: 4, name: "message", placeholder: "¿Cómo podemos ayudarte?", rows: 4,
}} }}
imageSrc="http://img.b2bpic.net/free-photo/inside-hairdresser-view-from-street_122409-37.jpg" imageSrc="http://img.b2bpic.net/free-photo/inside-hairdresser-view-from-street_122409-37.jpg"
imageAlt="Barbershop entrance" imageAlt="Barbershop entrance"
@@ -185,31 +185,34 @@ export default function LandingPage() {
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterBaseCard <FooterSimple
logoText="El Gran Patrón"
columns={[ columns={[
{ {
title: "Navigation", items: [ title: "Ubicación y Horarios", items: [
{ { label: "Calle Falsa 123, Ciudad" },
label: "About", href: "#about"}, { label: "Lun-Vie: 9:00 - 20:00" },
{ { label: "Sáb: 10:00 - 18:00" },
label: "Services", href: "#features"},
{
label: "Contact", href: "#contact"},
], ],
}, },
{ {
title: "Legal", items: [ title: "Contacto", items: [
{ { label: "+55 123 456 789" },
label: "Privacy Policy", href: "#"}, { label: "contacto@elgranpatron.com" },
{ ],
label: "Terms", href: "#"}, },
{
title: "Social", items: [
{ label: "Instagram" },
{ label: "Facebook" },
{ label: "Twitter" },
], ],
}, },
]} ]}
bottomLeftText="© 2025 Barbería El Gran Patrón"
bottomRightText="Todos los derechos reservados"
/> />
</div> </div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }