Merge version_1 into main #2
146
src/app/page.tsx
146
src/app/page.tsx
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Syndicutz Barbershop"
|
||||
/>
|
||||
@@ -53,12 +41,10 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Precision Cuts. Premium Grooming."
|
||||
description="Experience the ultimate grooming experience at Syndicutz Barbershop. Located in the heart of Douglasville, we specialize in high-end cuts and fades."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-barbershop_1303-5409.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-barbershop_1303-5409.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -75,20 +61,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Cut",
|
||||
description: "Classic and modern hair cuts tailored for your unique style.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313016.jpg",
|
||||
},
|
||||
title: "Precision Cut", description: "Classic and modern hair cuts tailored for your unique style.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313016.jpg"},
|
||||
{
|
||||
title: "Straight Razor Shave",
|
||||
description: "Hot towel shave with premium grooming products.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94772.jpg",
|
||||
},
|
||||
title: "Straight Razor Shave", description: "Hot towel shave with premium grooming products.", imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94772.jpg"},
|
||||
{
|
||||
title: "Beard Grooming",
|
||||
description: "Detailed beard shaping and maintenance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-barber-washing-hair-bearded-man_23-2147778782.jpg",
|
||||
},
|
||||
title: "Beard Grooming", description: "Detailed beard shaping and maintenance.", imageSrc: "http://img.b2bpic.net/free-photo/crop-barber-washing-hair-bearded-man_23-2147778782.jpg"},
|
||||
]}
|
||||
title="Our Grooming Services"
|
||||
description="From classic shaves to modern fades, our services are designed to bring out your best style."
|
||||
@@ -102,40 +79,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
groups={[
|
||||
{
|
||||
id: "barbers",
|
||||
groupTitle: "Master Barbers",
|
||||
members: [
|
||||
id: "barbers", groupTitle: "Master Barbers", members: [
|
||||
{
|
||||
id: "m1",
|
||||
title: "Marcus",
|
||||
subtitle: "Lead Barber",
|
||||
detail: "15+ years of experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-hairstylist-looking-camera_23-2147839829.jpg",
|
||||
},
|
||||
id: "m1", title: "Marcus", subtitle: "Lead Barber", detail: "15+ years of experience.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-hairstylist-looking-camera_23-2147839829.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
title: "David",
|
||||
subtitle: "Senior Stylist",
|
||||
detail: "Expert in modern fades.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-sitting-armchair-barber-shop-while-hairdresser-modeling-beard-with-scissors-comb-barbershop_613910-4343.jpg",
|
||||
},
|
||||
id: "m2", title: "David", subtitle: "Senior Stylist", detail: "Expert in modern fades.", imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-sitting-armchair-barber-shop-while-hairdresser-modeling-beard-with-scissors-comb-barbershop_613910-4343.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Alex",
|
||||
subtitle: "Barber",
|
||||
detail: "Specialist in beard craft.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/looking-side-young-male-barber-wearing-uniform-holding-barber-tools-isolated-olive-green-wall_141793-106033.jpg",
|
||||
},
|
||||
id: "m3", title: "Alex", subtitle: "Barber", detail: "Specialist in beard craft.", imageSrc: "http://img.b2bpic.net/free-photo/looking-side-young-male-barber-wearing-uniform-holding-barber-tools-isolated-olive-green-wall_141793-106033.jpg"},
|
||||
{
|
||||
id: "m4",
|
||||
title: "Ben",
|
||||
subtitle: "Barber",
|
||||
detail: "Precision shaving expert.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-setting-still-life_23-2150326538.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5409.jpg?_wi=2",
|
||||
imageAlt: "professional barber smiling portrait",
|
||||
id: "m4", title: "Ben", subtitle: "Barber", detail: "Precision shaving expert.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-setting-still-life_23-2150326538.jpg"},
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Meet Our Experts"
|
||||
@@ -149,45 +102,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Best in town",
|
||||
quote: "The most professional cut I've ever had.",
|
||||
name: "John Doe",
|
||||
role: "Local Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-funny-expression_1194-2994.jpg",
|
||||
},
|
||||
id: "t1", title: "Best in town", quote: "The most professional cut I've ever had.", name: "John Doe", role: "Local Client", imageSrc: "http://img.b2bpic.net/free-photo/young-man-funny-expression_1194-2994.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Top tier quality",
|
||||
quote: "Consistent and high quality results every time.",
|
||||
name: "James Smith",
|
||||
role: "Regular Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-doing-yoga-accompanied-by-her-pet_23-2150167020.jpg",
|
||||
},
|
||||
id: "t2", title: "Top tier quality", quote: "Consistent and high quality results every time.", name: "James Smith", role: "Regular Client", imageSrc: "http://img.b2bpic.net/free-photo/person-doing-yoga-accompanied-by-her-pet_23-2150167020.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Great attention",
|
||||
quote: "I appreciate the detailed beard care.",
|
||||
name: "Robert Lee",
|
||||
role: "Regular Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-studio-portrait-bearded-male-felt-hat-grey-background_613910-9114.jpg",
|
||||
},
|
||||
id: "t3", title: "Great attention", quote: "I appreciate the detailed beard care.", name: "Robert Lee", role: "Regular Client", imageSrc: "http://img.b2bpic.net/free-photo/close-up-studio-portrait-bearded-male-felt-hat-grey-background_613910-9114.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Premium vibe",
|
||||
quote: "Excellent barbershop culture.",
|
||||
name: "Mark Miller",
|
||||
role: "New Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-with-phone-sitting-cafe_1303-9378.jpg",
|
||||
},
|
||||
id: "t4", title: "Premium vibe", quote: "Excellent barbershop culture.", name: "Mark Miller", role: "New Client", imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-with-phone-sitting-cafe_1303-9378.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Highly recommended",
|
||||
quote: "The attention to detail is unmatched.",
|
||||
name: "Paul King",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-jacket-grey-background_613910-10206.jpg",
|
||||
},
|
||||
id: "t5", title: "Highly recommended", quote: "The attention to detail is unmatched.", name: "Paul King", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-jacket-grey-background_613910-10206.jpg"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Trusted by the best in Douglasville."
|
||||
@@ -199,20 +122,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I need an appointment?",
|
||||
content: "We recommend booking in advance, but walk-ins are welcome if space is available.",
|
||||
},
|
||||
id: "f1", title: "Do I need an appointment?", content: "We recommend booking in advance, but walk-ins are welcome if space is available."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Where are you located?",
|
||||
content: "We are located at 3000 Chapel Hill Rd #206, Douglasville, GA 30135.",
|
||||
},
|
||||
id: "f2", title: "Where are you located?", content: "We are located at 3000 Chapel Hill Rd #206, Douglasville, GA 30135."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What payment methods do you accept?",
|
||||
content: "We accept major credit cards and cash.",
|
||||
},
|
||||
id: "f3", title: "What payment methods do you accept?", content: "We accept major credit cards and cash."},
|
||||
]}
|
||||
sideTitle="Frequently Asked"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -222,9 +136,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
text="Visit us at 3000 Chapel Hill Rd #206, Douglasville, GA 30135. Book your next visit today."
|
||||
/>
|
||||
</div>
|
||||
@@ -232,14 +144,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Syndicutz Barbershop"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contact",
|
||||
href: "#contact",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Contact", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user