Merge version_1 into main #1
195
src/app/page.tsx
195
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Barbers",
|
||||
id: "team",
|
||||
},
|
||||
name: "Barbers", id: "team"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="La Fe Barbershop"
|
||||
/>
|
||||
@@ -56,32 +48,15 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Timeless Grooming for the Modern Man"
|
||||
description="At La Fe Barbershop, we combine traditional craftsmanship with contemporary style to deliver a grooming experience you can trust."
|
||||
tag="Expert Grooming"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-barber-cutting-hair-client_23-2147778920.jpg",
|
||||
imageAlt: "Barbershop interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-barber-cutting-hair-client_23-2147778920.jpg", imageAlt: "Barbershop interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205858.jpg",
|
||||
imageAlt: "Barber tools",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-using-hair-dryer_627829-7301.jpg",
|
||||
imageAlt: "Handsome bearded man at the barbershop barber at work using hair dryer",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairstylist-looking-client-mirror_23-2148242870.jpg",
|
||||
imageAlt: "Hairstylist looking at client in the mirror",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5407.jpg",
|
||||
imageAlt: "Man in barbershop",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205858.jpg", imageAlt: "Barber tools"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -98,19 +73,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Scissors,
|
||||
title: "Precision Cuts",
|
||||
description: "Classic and modern styles tailored to your unique hair type.",
|
||||
},
|
||||
title: "Precision Cuts", description: "Classic and modern styles tailored to your unique hair type."},
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Hot Towel Shaves",
|
||||
description: "The ultimate relaxation experience for a clean, smooth shave.",
|
||||
},
|
||||
title: "Hot Towel Shaves", description: "The ultimate relaxation experience for a clean, smooth shave."},
|
||||
{
|
||||
icon: User,
|
||||
title: "Expert Barbers",
|
||||
description: "Skilled professionals committed to mastering every detail.",
|
||||
},
|
||||
title: "Expert Barbers", description: "Skilled professionals committed to mastering every detail."},
|
||||
]}
|
||||
title="Why Choose La Fe"
|
||||
description="We take pride in our work and ensure every customer leaves feeling confident."
|
||||
@@ -125,47 +94,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Signature Haircut",
|
||||
price: "$35",
|
||||
variant: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-barber-s-shop-getting-his-beard-trimmed_23-2149186494.jpg",
|
||||
},
|
||||
id: "1", name: "Signature Haircut", price: "$35", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/young-man-barber-s-shop-getting-his-beard-trimmed_23-2149186494.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Beard Trim",
|
||||
price: "$20",
|
||||
variant: "Grooming",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313039.jpg",
|
||||
},
|
||||
id: "2", name: "Beard Trim", price: "$20", variant: "Grooming", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313039.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Hot Towel Shave",
|
||||
price: "$30",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6322.jpg",
|
||||
},
|
||||
id: "3", name: "Hot Towel Shave", price: "$30", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6322.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Full Grooming Package",
|
||||
price: "$60",
|
||||
variant: "Combo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313016.jpg",
|
||||
},
|
||||
id: "4", name: "Full Grooming Package", price: "$60", variant: "Combo", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313016.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Kids Cut",
|
||||
price: "$25",
|
||||
variant: "Style",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairstylist-woman-doing-haircut_1163-2018.jpg",
|
||||
},
|
||||
id: "5", name: "Kids Cut", price: "$25", variant: "Style", imageSrc: "http://img.b2bpic.net/free-photo/hairstylist-woman-doing-haircut_1163-2018.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Head Shave",
|
||||
price: "$25",
|
||||
variant: "Clean",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mirror-hairdressing-salon_23-2147670185.jpg",
|
||||
},
|
||||
id: "6", name: "Head Shave", price: "$25", variant: "Clean", imageSrc: "http://img.b2bpic.net/free-photo/mirror-hairdressing-salon_23-2147670185.jpg"},
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Comprehensive grooming solutions for every need."
|
||||
@@ -180,23 +119,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Leo Martinez",
|
||||
role: "Master Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/groomed-bearded-man-with-tattooes-is-posing-dark-photo-studio_613910-15016.jpg",
|
||||
},
|
||||
id: "1", name: "Leo Martinez", role: "Master Barber", imageSrc: "http://img.b2bpic.net/free-photo/groomed-bearded-man-with-tattooes-is-posing-dark-photo-studio_613910-15016.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Chen",
|
||||
role: "Senior Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9658.jpg",
|
||||
},
|
||||
id: "2", name: "Sarah Chen", role: "Senior Stylist", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9658.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Marcus Reid",
|
||||
role: "Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/frowning-young-caucasian-male-barber-wearing-glasses-wavy-hair-band-uniform-holding-hair-clippers-comb-spray-bottle-looking-side-isolated-crimson-background-with-copy-space_141793-88437.jpg",
|
||||
},
|
||||
id: "3", name: "Marcus Reid", role: "Barber", imageSrc: "http://img.b2bpic.net/free-photo/frowning-young-caucasian-male-barber-wearing-glasses-wavy-hair-band-uniform-holding-hair-clippers-comb-spray-bottle-looking-side-isolated-crimson-background-with-copy-space_141793-88437.jpg"},
|
||||
]}
|
||||
title="Meet the Team"
|
||||
description="Your grooming is in the best hands."
|
||||
@@ -210,28 +137,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "10k+",
|
||||
title: "Happy Clients",
|
||||
items: [
|
||||
"Serving our community for over a decade",
|
||||
],
|
||||
id: "1", value: "10k+", title: "Happy Clients", items: [
|
||||
"Serving our community for over a decade"],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "25k+",
|
||||
title: "Cuts Performed",
|
||||
items: [
|
||||
"Every cut is a unique expression of style",
|
||||
],
|
||||
id: "2", value: "25k+", title: "Cuts Performed", items: [
|
||||
"Every cut is a unique expression of style"],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "15",
|
||||
title: "Years of Experience",
|
||||
items: [
|
||||
"Mastering the art of traditional barbering",
|
||||
],
|
||||
id: "3", value: "15", title: "Years of Experience", items: [
|
||||
"Mastering the art of traditional barbering"],
|
||||
},
|
||||
]}
|
||||
title="Our Impact"
|
||||
@@ -247,25 +162,15 @@ export default function LandingPage() {
|
||||
author="David Rodriguez"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-black-people-taking-care-afro-hair_23-2149575478.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-black-people-taking-care-afro-hair_23-2149575478.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-man-smoking-while-walking_1153-1444.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-man-smoking-while-walking_1153-1444.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-green-eyed-brunette-woman-hair-band-white-t-shirt-against-wall-windows-cacti_197531-17042.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-green-eyed-brunette-woman-hair-band-white-t-shirt-against-wall-windows-cacti_197531-17042.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/horizontal-shot-gymanst-professional-coach-has-thoughtful-expression_273609-43825.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/horizontal-shot-gymanst-professional-coach-has-thoughtful-expression_273609-43825.jpg", alt: "Client 5"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -278,20 +183,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do I need an appointment?",
|
||||
content: "While walk-ins are welcome, appointments are highly recommended for the best experience.",
|
||||
},
|
||||
id: "1", title: "Do I need an appointment?", content: "While walk-ins are welcome, appointments are highly recommended for the best experience."},
|
||||
{
|
||||
id: "2",
|
||||
title: "What payment methods do you accept?",
|
||||
content: "We accept cash, debit cards, and major credit cards.",
|
||||
},
|
||||
id: "2", title: "What payment methods do you accept?", content: "We accept cash, debit cards, and major credit cards."},
|
||||
{
|
||||
id: "3",
|
||||
title: "How long does a service take?",
|
||||
content: "Most services take between 30 and 60 minutes depending on complexity.",
|
||||
},
|
||||
id: "3", title: "How long does a service take?", content: "Most services take between 30 and 60 minutes depending on complexity."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Here is what you need to know about our services."
|
||||
@@ -303,8 +199,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Visit Us"
|
||||
title="Book Your Spot"
|
||||
description="Stay in the loop with the latest updates and special offers."
|
||||
@@ -317,29 +212,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Team",
|
||||
href: "#team",
|
||||
},
|
||||
label: "Team", href: "#team"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Info",
|
||||
items: [
|
||||
title: "Info", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user