Merge version_2 into main #2
115
src/app/page.tsx
115
src/app/page.tsx
@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
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 MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
@@ -31,27 +31,27 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
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"
|
||||
button={{
|
||||
text: "Book Now", href: "#contact"}}
|
||||
text: "Reservar", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
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={[
|
||||
{
|
||||
text: "Book Now", href: "#contact"},
|
||||
text: "Reservar", href: "#contact"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
@@ -73,9 +73,9 @@ export default function LandingPage() {
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Masters of the Blade"
|
||||
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."
|
||||
tag="Our Story"
|
||||
title="Maestros de la Navaja"
|
||||
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="Nuestra Historia"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/crop-barber-holding-mousse-client_23-2147778804.jpg"
|
||||
imageAlt="Barber at work"
|
||||
/>
|
||||
@@ -88,20 +88,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1", title: "Precision Cuts", tags: [
|
||||
"Style", "Fades"],
|
||||
id: "f1", title: "Cortes de Precisión", tags: [
|
||||
"Estilo", "Fades"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-barbershop-concept_23-2148506210.jpg", imageAlt: "Haircut"},
|
||||
{
|
||||
id: "f2", title: "Beard Grooming", tags: [
|
||||
"Beard", "Care"],
|
||||
id: "f2", title: "Cuidado de Barba", tags: [
|
||||
"Barba", "Cuidado"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-styling-beard-man_23-2147778882.jpg", imageAlt: "Beard trim"},
|
||||
{
|
||||
id: "f3", title: "Hot Towel Shave", tags: [
|
||||
"Shave", "Classic"],
|
||||
id: "f3", title: "Afeitado con Toalla Caliente", tags: [
|
||||
"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"},
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Premium grooming solutions for every style."
|
||||
title="Nuestros Servicios"
|
||||
description="Soluciones de grooming premium para cada estilo."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -112,14 +112,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
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"
|
||||
description="Numbers speak to our commitment to excellence."
|
||||
title="Nuestro Impacto"
|
||||
description="Las cifras hablan de nuestro compromiso con la excelencia."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -130,18 +130,18 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
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"
|
||||
description="What our patrons say about us."
|
||||
title="Voces de Clientes"
|
||||
description="Lo que dicen nuestros clientes sobre nosotros."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -151,14 +151,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
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"
|
||||
description="Everything you need to know."
|
||||
title="Preguntas Frecuentes"
|
||||
description="Todo lo que necesitas saber."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -166,18 +166,18 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Visit Us"
|
||||
description="Get in touch for appointments or inquiries."
|
||||
title="Visítanos"
|
||||
description="Ponte en contacto para citas o consultas."
|
||||
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={{
|
||||
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"
|
||||
imageAlt="Barbershop entrance"
|
||||
@@ -185,31 +185,34 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="El Gran Patrón"
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services", href: "#features"},
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
title: "Ubicación y Horarios", items: [
|
||||
{ label: "Calle Falsa 123, Ciudad" },
|
||||
{ label: "Lun-Vie: 9:00 - 20:00" },
|
||||
{ label: "Sáb: 10:00 - 18:00" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms", href: "#"},
|
||||
title: "Contacto", items: [
|
||||
{ label: "+55 123 456 789" },
|
||||
{ label: "contacto@elgranpatron.com" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social", items: [
|
||||
{ label: "Instagram" },
|
||||
{ label: "Facebook" },
|
||||
{ label: "Twitter" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2025 Barbería El Gran Patrón"
|
||||
bottomRightText="Todos los derechos reservados"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user