Merge version_1 into main #2
220
src/app/page.tsx
220
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
name: "Team", id: "team"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Urban Barbershop"
|
||||
/>
|
||||
@@ -62,35 +52,15 @@ export default function LandingPage() {
|
||||
description="Where tradition meets modern style. We provide premium grooming services in an atmosphere that makes you feel at home. Experience the difference of a professional cut tailored just for you."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6351.jpg?_wi=1",
|
||||
imageAlt: "Barbershop interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg?_wi=1",
|
||||
imageAlt: "Barber chair detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-getting-ready-giving-haircut-her-client_23-2148353413.jpg?_wi=1",
|
||||
imageAlt: "Professional haircut",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/haircare-product-near-scissors-combs_23-2147711608.jpg",
|
||||
imageAlt: "Barber styling",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313029.jpg",
|
||||
imageAlt: "Grooming products",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-brushing-man-s-beard-close-up_23-2148353405.jpg",
|
||||
imageAlt: "Barber service",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6351.jpg", imageAlt: "Barbershop interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg", imageAlt: "Barber chair detail" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-getting-ready-giving-haircut-her-client_23-2148353413.jpg", imageAlt: "Professional haircut" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/haircare-product-near-scissors-combs_23-2147711608.jpg", imageAlt: "Barber styling" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313029.jpg", imageAlt: "Grooming products" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-brushing-man-s-beard-close-up_23-2148353405.jpg", imageAlt: "Barber service" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -101,18 +71,9 @@ export default function LandingPage() {
|
||||
title="A Legacy of Grooming"
|
||||
description="At Urban Barbershop, we believe that a haircut is more than just a routine; it's an experience. Established with a passion for classic techniques and contemporary trends, we ensure every client walks out with confidence."
|
||||
metrics={[
|
||||
{
|
||||
value: "10+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "5k+",
|
||||
title: "Happy Clients",
|
||||
},
|
||||
{
|
||||
value: "4.9★",
|
||||
title: "Avg Rating",
|
||||
},
|
||||
{ value: "10+", title: "Years Experience" },
|
||||
{ value: "5k+", title: "Happy Clients" },
|
||||
{ value: "4.9★", title: "Avg Rating" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hairdressing-chair-vintage-barber-shop_23-2148298304.jpg"
|
||||
imageAlt="Barbershop interior"
|
||||
@@ -128,40 +89,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Classic Cuts",
|
||||
description: "Precision haircuts tailored to your facial structure and hair type.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-doing-his-face-care-routine_23-2149288069.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-sitting-barbershop_1157-21510.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6351.jpg?_wi=2",
|
||||
imageAlt: "modern haircut close up",
|
||||
title: "Classic Cuts", description: "Precision haircuts tailored to your facial structure and hair type.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/man-doing-his-face-care-routine_23-2149288069.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-sitting-barbershop_1157-21510.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Beard Grooming",
|
||||
description: "Expert beard shaping, trimming, and maintenance for a sharp look.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-stacking-towel-warm-light-wellness-aesthetic_169016-69012.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94800.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg?_wi=2",
|
||||
imageAlt: "modern haircut close up",
|
||||
title: "Beard Grooming", description: "Expert beard shaping, trimming, and maintenance for a sharp look.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/hands-stacking-towel-warm-light-wellness-aesthetic_169016-69012.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94800.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Hot Towel Shave",
|
||||
description: "A relaxing, traditional shave experience with premium oils.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-holds-hand-fingers-lock-ginger-hair-comb-scissors_549566-48.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/child-getting-their-hair-blown-salon_23-2150462467.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-getting-ready-giving-haircut-her-client_23-2148353413.jpg?_wi=2",
|
||||
imageAlt: "modern haircut close up",
|
||||
title: "Hot Towel Shave", description: "A relaxing, traditional shave experience with premium oils.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/barber-holds-hand-fingers-lock-ginger-hair-comb-scissors_549566-48.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/child-getting-their-hair-blown-salon_23-2150462467.jpg" }
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -177,24 +114,9 @@ export default function LandingPage() {
|
||||
tag="Expert Staff"
|
||||
membersAnimation="slide-up"
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Marcus V.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-hair-brush-with-serious-face_141793-37302.jpg",
|
||||
imageAlt: "Barber Marcus",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Alex R.",
|
||||
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: "Barber Alex",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "James L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286085.jpg",
|
||||
imageAlt: "Barber James",
|
||||
},
|
||||
{ id: "1", name: "Marcus V.", imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-hair-brush-with-serious-face_141793-37302.jpg", imageAlt: "Barber Marcus" },
|
||||
{ id: "2", name: "Alex R.", 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: "Barber Alex" },
|
||||
{ id: "3", name: "James L.", imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286085.jpg", imageAlt: "Barber James" },
|
||||
]}
|
||||
memberVariant="card"
|
||||
/>
|
||||
@@ -206,60 +128,16 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John Doe",
|
||||
role: "Designer",
|
||||
company: "Creative Co",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-female-hairdresser-apron-holding-hair-brushes-smiling-cheerfully-with-happy-face-standing-light-wall_141793-55679.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike Smith",
|
||||
role: "Architect",
|
||||
company: "Urban Build",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah Lee",
|
||||
role: "Marketing",
|
||||
company: "Brand Lab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-showing-cloakroom_171337-19310.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Chan",
|
||||
role: "Dev",
|
||||
company: "Tech Corp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-slavic-middle-aged-male-barber-uniform-grabbed-chin-isolated-purple-wall_141793-83564.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Emma Wilson",
|
||||
role: "Writer",
|
||||
company: "Pen Ink",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-5073.jpg",
|
||||
},
|
||||
{ id: "1", name: "John Doe", role: "Designer", company: "Creative Co", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-female-hairdresser-apron-holding-hair-brushes-smiling-cheerfully-with-happy-face-standing-light-wall_141793-55679.jpg" },
|
||||
{ id: "2", name: "Mike Smith", role: "Architect", company: "Urban Build", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg" },
|
||||
{ id: "3", name: "Sarah Lee", role: "Marketing", company: "Brand Lab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-showing-cloakroom_171337-19310.jpg" },
|
||||
{ id: "4", name: "David Chan", role: "Dev", company: "Tech Corp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-slavic-middle-aged-male-barber-uniform-grabbed-chin-isolated-purple-wall_141793-83564.jpg" },
|
||||
{ id: "5", name: "Emma Wilson", role: "Writer", company: "Pen Ink", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-5073.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "99%",
|
||||
label: "Client Satisfaction",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Monthly Cuts",
|
||||
},
|
||||
{
|
||||
value: "15 min",
|
||||
label: "Booking Time",
|
||||
},
|
||||
{ value: "99%", label: "Client Satisfaction" },
|
||||
{ value: "500+", label: "Monthly Cuts" },
|
||||
{ value: "15 min", label: "Booking Time" },
|
||||
]}
|
||||
title="Client Stories"
|
||||
description="Don't just take our word for it. Hear what our regulars have to say about the Urban Barbershop experience."
|
||||
@@ -271,21 +149,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do I need to book an appointment?",
|
||||
content: "Yes, we recommend booking an appointment to ensure you get your preferred time with your favorite barber.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "What payment methods do you accept?",
|
||||
content: "We accept all major credit cards, digital wallets, and cash.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I request a specific barber?",
|
||||
content: "Absolutely! You can choose your preferred barber during the online booking process.",
|
||||
},
|
||||
{ id: "1", title: "Do I need to book an appointment?", content: "Yes, we recommend booking an appointment to ensure you get your preferred time with your favorite barber." },
|
||||
{ id: "2", title: "What payment methods do you accept?", content: "We accept all major credit cards, digital wallets, and cash." },
|
||||
{ id: "3", title: "Can I request a specific barber?", content: "Absolutely! You can choose your preferred barber during the online booking process." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about our services or booking process? We have the answers."
|
||||
@@ -296,9 +162,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Visit Us"
|
||||
title="Book Your Seat"
|
||||
description="Ready for a fresh look? Schedule your visit today and let our experts handle the rest."
|
||||
@@ -315,16 +179,8 @@ export default function LandingPage() {
|
||||
logoText="Urban Barbershop"
|
||||
copyrightText="© 2025 | Urban Barbershop"
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "https://facebook.com",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
{ icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
|
||||
{ icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user