Merge version_1 into main #2
256
src/app/page.tsx
256
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Heritage",
|
||||
id: "heritage",
|
||||
},
|
||||
name: "Heritage", id: "heritage"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
name: "Team", id: "team"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="CHIC'S"
|
||||
/>
|
||||
@@ -59,41 +49,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="A Legacy of Style Since 1950"
|
||||
description="Precision cuts. Timeless techniques. A grooming experience trusted for generations in Lomas."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Your Appointment", href: "#contact"},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5555402747",
|
||||
},
|
||||
text: "Call Now", href: "tel:5555402747"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/retro-world-theatre-day-scenes-with-backstage_23-2151211363.jpg?_wi=1",
|
||||
imageAlt: "Luxurious barbershop interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/retro-world-theatre-day-scenes-with-backstage_23-2151211363.jpg", imageAlt: "Luxurious barbershop interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-shaving-objects_23-2148122044.jpg?_wi=1",
|
||||
imageAlt: "Precision barber tools",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-shaving-objects_23-2148122044.jpg", imageAlt: "Precision barber tools"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-sitting-chair_23-2149220561.jpg?_wi=1",
|
||||
imageAlt: "Masterful grooming in action",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-sitting-chair_23-2149220561.jpg", imageAlt: "Masterful grooming in action"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205856.jpg",
|
||||
imageAlt: "Classic barber chair",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205856.jpg", imageAlt: "Classic barber chair"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-electric-trimmer-dressing-table_107420-94802.jpg",
|
||||
imageAlt: "Steel tools on leather",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-electric-trimmer-dressing-table_107420-94802.jpg", imageAlt: "Steel tools on leather"},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -106,17 +81,11 @@ export default function LandingPage() {
|
||||
description="For nearly 70 years, Chic’s has been a cornerstone of grooming in Lomas de Chapultepec. Built on expertise, respect, and consistency, our barbers deliver sharp results with genuine care."
|
||||
metrics={[
|
||||
{
|
||||
value: "70+",
|
||||
title: "Years of Excellence",
|
||||
},
|
||||
value: "70+", title: "Years of Excellence"},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Precision Focus",
|
||||
},
|
||||
value: "100%", title: "Precision Focus"},
|
||||
{
|
||||
value: "15K+",
|
||||
title: "Loyal Clients",
|
||||
},
|
||||
value: "15K+", title: "Loyal Clients"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/muscular-man-arrives-ski-complex_482257-76574.jpg"
|
||||
imageAlt="Chic's heritage barbershop scene"
|
||||
@@ -132,55 +101,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Most Popular",
|
||||
price: "$300 MXN",
|
||||
subtitle: "Haircut",
|
||||
buttons: [
|
||||
id: "p1", badge: "Most Popular", price: "$300 MXN", subtitle: "Haircut", buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Clean, precise cut",
|
||||
"Tailored to your style",
|
||||
"Professional wash included",
|
||||
],
|
||||
"Clean, precise cut", "Tailored to your style", "Professional wash included"],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Essential",
|
||||
price: "$150 MXN",
|
||||
subtitle: "Beard Grooming",
|
||||
buttons: [
|
||||
id: "p2", badge: "Essential", price: "$150 MXN", subtitle: "Beard Grooming", buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Quick trim",
|
||||
"Full sculpting",
|
||||
"Hot towel finish",
|
||||
],
|
||||
"Quick trim", "Full sculpting", "Hot towel finish"],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
badge: "Luxury",
|
||||
price: "$450 MXN",
|
||||
subtitle: "Classic Shave",
|
||||
buttons: [
|
||||
id: "p3", badge: "Luxury", price: "$450 MXN", subtitle: "Classic Shave", buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Traditional techniques",
|
||||
"Modern comfort",
|
||||
"Post-shave soothing",
|
||||
],
|
||||
"Traditional techniques", "Modern comfort", "Post-shave soothing"],
|
||||
},
|
||||
]}
|
||||
title="Crafted Services"
|
||||
@@ -195,67 +137,43 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Experienced Barbers",
|
||||
description: "Highly trained experts with decades of mastery.",
|
||||
items: [
|
||||
title: "Experienced Barbers", description: "Highly trained experts with decades of mastery.", items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "70+ Years experience",
|
||||
},
|
||||
text: "70+ Years experience"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Master craftsmen",
|
||||
},
|
||||
text: "Master craftsmen"},
|
||||
],
|
||||
reverse: false,
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-barber-hair-salon_23-2148242782.jpg",
|
||||
imageAlt: "Team expertise",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/retro-world-theatre-day-scenes-with-backstage_23-2151211363.jpg?_wi=2",
|
||||
imageAlt: "luxury barbershop interior cinematic lighting",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-barber-hair-salon_23-2148242782.jpg", imageAlt: "Team expertise"}
|
||||
},
|
||||
{
|
||||
title: "Efficient Service",
|
||||
description: "We value your time with quick, sharp results.",
|
||||
items: [
|
||||
title: "Efficient Service", description: "We value your time with quick, sharp results.", items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Fast scheduling",
|
||||
},
|
||||
text: "Fast scheduling"},
|
||||
{
|
||||
icon: Zap,
|
||||
text: "No-wait experience",
|
||||
},
|
||||
text: "No-wait experience"},
|
||||
],
|
||||
reverse: true,
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326537.jpg",
|
||||
imageAlt: "Efficiency",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-shaving-objects_23-2148122044.jpg?_wi=2",
|
||||
imageAlt: "luxury barbershop interior cinematic lighting",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326537.jpg", imageAlt: "Efficiency"}
|
||||
},
|
||||
{
|
||||
title: "Prime Location",
|
||||
description: "Centrally located in the heart of Lomas.",
|
||||
items: [
|
||||
title: "Prime Location", description: "Centrally located in the heart of Lomas.", items: [
|
||||
{
|
||||
icon: MapPin,
|
||||
text: "Monte Líbano 915",
|
||||
},
|
||||
text: "Monte Líbano 915"},
|
||||
{
|
||||
icon: MapPin,
|
||||
text: "Easy access",
|
||||
},
|
||||
text: "Easy access"},
|
||||
],
|
||||
reverse: false,
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-customer-getting-his-beard-trimmed_23-2148257037.jpg",
|
||||
imageAlt: "Our location",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-sitting-chair_23-2149220561.jpg?_wi=2",
|
||||
imageAlt: "luxury barbershop interior cinematic lighting",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-customer-getting-his-beard-trimmed_23-2148257037.jpg", imageAlt: "Our location"}
|
||||
},
|
||||
]}
|
||||
title="Why Clients Keep Coming Back"
|
||||
@@ -270,23 +188,11 @@ export default function LandingPage() {
|
||||
tag="Our Barbers"
|
||||
members={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Francisco 'Paquito'",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-sitting-chair_23-2149220533.jpg",
|
||||
imageAlt: "Francisco",
|
||||
},
|
||||
id: "m1", name: "Francisco 'Paquito'", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-sitting-chair_23-2149220533.jpg", imageAlt: "Francisco"},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Carlos M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-female-barber-wearing-uniform-standing-profile-view-holding-hugging-barber-bag-with-barbering-tools-with-closed-eyes-isolated-olive-green-background_141793-134594.jpg",
|
||||
imageAlt: "Carlos",
|
||||
},
|
||||
id: "m2", name: "Carlos M.", imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-female-barber-wearing-uniform-standing-profile-view-holding-hugging-barber-bag-with-barbering-tools-with-closed-eyes-isolated-olive-green-background_141793-134594.jpg", imageAlt: "Carlos"},
|
||||
{
|
||||
id: "m3",
|
||||
name: "Javier R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-trimmer-hair-brushes-offering-hair-brush-front-smiling-standing-green-wall_141793-96751.jpg",
|
||||
imageAlt: "Javier",
|
||||
},
|
||||
id: "m3", name: "Javier R.", imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-trimmer-hair-brushes-offering-hair-brush-front-smiling-standing-green-wall_141793-96751.jpg", imageAlt: "Javier"},
|
||||
]}
|
||||
memberVariant="card"
|
||||
membersAnimation="slide-up"
|
||||
@@ -300,45 +206,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alejandro G.",
|
||||
handle: "@alex",
|
||||
testimonial: "Excelente servicio y gran calidad en los cortes de cabello.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-standing-against-wall_107420-94692.jpg",
|
||||
},
|
||||
id: "t1", name: "Alejandro G.", handle: "@alex", testimonial: "Excelente servicio y gran calidad en los cortes de cabello.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-standing-against-wall_107420-94692.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sofia R.",
|
||||
handle: "@sof",
|
||||
testimonial: "Muy buen lugar para corte de pelo en la zona de las Lomas.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5410.jpg",
|
||||
},
|
||||
id: "t2", name: "Sofia R.", handle: "@sof", testimonial: "Muy buen lugar para corte de pelo en la zona de las Lomas.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5410.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Diego V.",
|
||||
handle: "@diego",
|
||||
testimonial: "Excelente trato y profesionalismo.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/emotions-people-concept-headshot-handsome-thoughtful-man-smiling-satisfied-touching-beard_1258-112703.jpg",
|
||||
},
|
||||
id: "t3", name: "Diego V.", handle: "@diego", testimonial: "Excelente trato y profesionalismo.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/emotions-people-concept-headshot-handsome-thoughtful-man-smiling-satisfied-touching-beard_1258-112703.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Luis M.",
|
||||
handle: "@luis",
|
||||
testimonial: "The best haircut I've had in years.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-call-center-onboarding-specialist-training-worker_482257-125802.jpg",
|
||||
},
|
||||
id: "t4", name: "Luis M.", handle: "@luis", testimonial: "The best haircut I've had in years.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-call-center-onboarding-specialist-training-worker_482257-125802.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Mateo S.",
|
||||
handle: "@mat",
|
||||
testimonial: "Professional, clean, and fast.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-beige-checkered-suit-posing-street-background_158538-2570.jpg",
|
||||
},
|
||||
id: "t5", name: "Mateo S.", handle: "@mat", testimonial: "Professional, clean, and fast.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-beige-checkered-suit-posing-street-background_158538-2570.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Trusted by Generations"
|
||||
@@ -350,18 +231,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
text="📍 Monte Líbano 915, Lomas de Chapultepec | 📞 55 5540 2747 | Opens at 8:00 AM"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#",
|
||||
},
|
||||
text: "Book Appointment", href: "#"},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:5555402747",
|
||||
},
|
||||
text: "Call Now", href: "tel:5555402747"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -372,33 +248,21 @@ export default function LandingPage() {
|
||||
logoText="CHIC'S"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate",
|
||||
items: [
|
||||
title: "Navigate", items: [
|
||||
{
|
||||
label: "Heritage",
|
||||
href: "#heritage",
|
||||
},
|
||||
label: "Heritage", href: "#heritage"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user