Merge version_1 into main #2
163
src/app/page.tsx
163
src/app/page.tsx
@@ -30,26 +30,13 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Our Barbers",
|
||||
id: "team",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Our Barbers", id: "team" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Barbershop Mo"
|
||||
/>
|
||||
@@ -61,11 +48,9 @@ export default function LandingPage() {
|
||||
description="Quality Cuts. Expert Hands. Your Neighborhood Barber. Walk in or book your next appointment online—Barbershop Mo delivers precision grooming and genuine hospitality to the community."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Cut",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Your Cut", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hairdresser-combing-man-hair-before-cutting_23-2147778785.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hairdresser-combing-man-hair-before-cutting_23-2147778785.jpg"
|
||||
imageAlt="Barbershop Mo interior"
|
||||
/>
|
||||
</div>
|
||||
@@ -78,17 +63,11 @@ export default function LandingPage() {
|
||||
description="At Barbershop Mo, we believe in community connection as much as we believe in a perfect cut. Our shop is designed to be your home base for grooming, where professional service meets neighborhood warmth."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Precision Grooming",
|
||||
description: "High-quality cuts tailored to you.",
|
||||
},
|
||||
title: "Precision Grooming", description: "High-quality cuts tailored to you."},
|
||||
{
|
||||
title: "Local Vibe",
|
||||
description: "Friendly, welcoming barbershop atmosphere.",
|
||||
},
|
||||
title: "Local Vibe", description: "Friendly, welcoming barbershop atmosphere."},
|
||||
{
|
||||
title: "Online Booking",
|
||||
description: "Save time, book your slot easily.",
|
||||
},
|
||||
title: "Online Booking", description: "Save time, book your slot easily."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bearded-client-just-got-good-beardcare-from-talanted-trendy-barber_613910-21575.jpg"
|
||||
imageAlt="Inside Barbershop Mo"
|
||||
@@ -103,29 +82,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Precision Cut",
|
||||
tags: [
|
||||
"Haircut",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-young-corporate-worker-with-stylish-haircut-thick-beard-wearing-elegant-suit-looking-with-serious-focused-face-expression-before-business-meeting_273609-5987.jpg",
|
||||
},
|
||||
id: "f1", title: "Precision Cut", tags: [
|
||||
"Haircut"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-young-corporate-worker-with-stylish-haircut-thick-beard-wearing-elegant-suit-looking-with-serious-focused-face-expression-before-business-meeting_273609-5987.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Beard Trim",
|
||||
tags: [
|
||||
"Grooming",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-working-with-hair-senior-man-barbershop_23-2148181887.jpg",
|
||||
},
|
||||
id: "f2", title: "Beard Trim", tags: [
|
||||
"Grooming"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-working-with-hair-senior-man-barbershop_23-2148181887.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Hot Towel Shave",
|
||||
tags: [
|
||||
"Premium",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326537.jpg",
|
||||
},
|
||||
id: "f3", title: "Hot Towel Shave", tags: [
|
||||
"Premium"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326537.jpg"},
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Professional grooming for every modern man."
|
||||
@@ -139,33 +106,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
groups={[
|
||||
{
|
||||
id: "team-group",
|
||||
groupTitle: "Professional Crew",
|
||||
members: [
|
||||
id: "team-group", groupTitle: "Professional Crew", members: [
|
||||
{
|
||||
id: "m1",
|
||||
title: "Mo",
|
||||
subtitle: "Lead Barber",
|
||||
detail: "15 years of precision experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-male-barber-uniform-holding-hair-clippers-showing-peace-gesture-isolated-pink-wall_141793-103187.jpg",
|
||||
},
|
||||
id: "m1", title: "Mo", subtitle: "Lead Barber", detail: "15 years of precision experience.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-male-barber-uniform-holding-hair-clippers-showing-peace-gesture-isolated-pink-wall_141793-103187.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Sam",
|
||||
subtitle: "Barber",
|
||||
detail: "Specialist in fade and modern styles.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-tattooer-prepearing-doing-tattoo-by-tattoo-machine-spending-time-modern-tattoo-studio_574295-665.jpg",
|
||||
},
|
||||
id: "m2", title: "Sam", subtitle: "Barber", detail: "Specialist in fade and modern styles.", imageSrc: "http://img.b2bpic.net/free-photo/professional-tattooer-prepearing-doing-tattoo-by-tattoo-machine-spending-time-modern-tattoo-studio_574295-665.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Alex",
|
||||
subtitle: "Barber",
|
||||
detail: "Expert in beard grooming and hot towel shaves.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-posing-black_176420-14764.jpg",
|
||||
},
|
||||
id: "m3", title: "Alex", subtitle: "Barber", detail: "Expert in beard grooming and hot towel shaves.", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-posing-black_176420-14764.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-combing-man-hair-before-cutting_23-2147778785.jpg?_wi=2",
|
||||
imageAlt: "professional barber portrait smiling",
|
||||
},
|
||||
]}
|
||||
title="Meet Your Barbers"
|
||||
@@ -178,30 +126,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John Doe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg",
|
||||
},
|
||||
id: "t1", name: "John Doe", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael S.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-sisters-little-chat_329181-10653.jpg",
|
||||
},
|
||||
id: "t2", name: "Michael S.", imageSrc: "http://img.b2bpic.net/free-photo/blonde-sisters-little-chat_329181-10653.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Chris P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-away-barber-shop_23-2148353460.jpg",
|
||||
},
|
||||
id: "t3", name: "Chris P.", imageSrc: "http://img.b2bpic.net/free-photo/man-looking-away-barber-shop_23-2148353460.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David W.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-male-offering-coffee-paper-cup_23-2148112133.jpg",
|
||||
},
|
||||
id: "t4", name: "David W.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-male-offering-coffee-paper-cup_23-2148112133.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sam R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-male-barber-uniform-holding-hair-clippers-showing-yes-gesture-isolated-pink_141793-73155.jpg",
|
||||
},
|
||||
id: "t5", name: "Sam R.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-male-barber-uniform-holding-hair-clippers-showing-yes-gesture-isolated-pink_141793-73155.jpg"},
|
||||
]}
|
||||
cardTitle="Client Voices"
|
||||
cardTag="Testimonials"
|
||||
@@ -215,20 +148,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you accept walk-ins?",
|
||||
content: "Yes, we always welcome walk-ins, though booking online is recommended.",
|
||||
},
|
||||
id: "q1", title: "Do you accept walk-ins?", content: "Yes, we always welcome walk-ins, though booking online is recommended."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How can I book an appointment?",
|
||||
content: "Use the booking link on our contact form.",
|
||||
},
|
||||
id: "q2", title: "How can I book an appointment?", content: "Use the booking link on our contact form."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you offer kid's cuts?",
|
||||
content: "Yes, we provide grooming services for all ages.",
|
||||
},
|
||||
id: "q3", title: "Do you offer kid's cuts?", content: "Yes, we provide grooming services for all ages."},
|
||||
]}
|
||||
title="Questions & Answers"
|
||||
description="Everything you need to know about our shop."
|
||||
@@ -240,8 +164,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Booking"
|
||||
title="Book Your Session"
|
||||
description="Reserve your spot with your favorite barber."
|
||||
@@ -255,25 +178,17 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user