Merge version_1 into main #2
347
src/app/page.tsx
347
src/app/page.tsx
@@ -25,262 +25,109 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Handsomer Exchange"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#pricing" },
|
||||
{ name: "Reviews", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
brandName="Handsomer Exchange"
|
||||
button={{ text: "Book Now", href: "https://book.thecut.co" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Precision Cuts. Premium Style."
|
||||
description="Warner Robins' premier destination for sharp, modern grooming. Experience the Handsomer Exchange difference."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-looking-mirror_23-2149220563.jpg?_wi=1",
|
||||
imageAlt: "Barbershop interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-beard-hairdresser-with-client-man-with-comb-scissors_1157-43566.jpg?_wi=1",
|
||||
imageAlt: "Professional haircut",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985714.jpg?_wi=1",
|
||||
imageAlt: "Barbershop chair",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-man-black-shirt-poses-against-dark-background-standing-studio_613910-15119.jpg?_wi=1",
|
||||
imageAlt: "Grooming detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-using-shaving-cream-contour-male-customer-s-beard_23-2148985733.jpg?_wi=1",
|
||||
imageAlt: "Tools of the trade",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-using-phone-while-standing-night-time_410324-125.jpg?_wi=1",
|
||||
imageAlt: "Modern ambiance",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{ variant: "plain" }}
|
||||
title="Precision Cuts. Premium Style."
|
||||
description="Warner Robins' premier destination for sharp, modern grooming. Experience the Handsomer Exchange difference."
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-looking-mirror_23-2149220563.jpg", imageAlt: "Barbershop interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-with-beard-hairdresser-with-client-man-with-comb-scissors_1157-43566.jpg", imageAlt: "Professional haircut" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985714.jpg", imageAlt: "Barbershop chair" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-man-black-shirt-poses-against-dark-background-standing-studio_613910-15119.jpg", imageAlt: "Grooming detail" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/barber-using-shaving-cream-contour-male-customer-s-beard_23-2148985733.jpg", imageAlt: "Tools of the trade" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-using-phone-while-standing-night-time_410324-125.jpg", imageAlt: "Modern ambiance" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="More Than Just A Haircut"
|
||||
description={[
|
||||
"Handsomer Exchange Barbershop is dedicated to providing high-quality grooming services in a professional and welcoming environment.",
|
||||
"Our shop in Warner Robins is committed to excellence, catering to all styles with precision, care, and a personalized experience for every client.",
|
||||
"As a Black-owned, LGBTQ+ friendly shop, we take pride in being a space where everyone feels confident, comfortable, and sharp.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="More Than Just A Haircut"
|
||||
description={[
|
||||
"Handsomer Exchange Barbershop is dedicated to providing high-quality grooming services in a professional and welcoming environment.", "Our shop in Warner Robins is committed to excellence, catering to all styles with precision, care, and a personalized experience for every client.", "As a Black-owned, LGBTQ+ friendly shop, we take pride in being a space where everyone feels confident, comfortable, and sharp."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "cut",
|
||||
title: "Classic Cut",
|
||||
price: "$35",
|
||||
period: "starting at",
|
||||
features: [
|
||||
"Consultation",
|
||||
"Precision haircut",
|
||||
"Hot towel service",
|
||||
],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "https://book.thecut.co",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-looking-mirror_23-2149220563.jpg?_wi=2",
|
||||
imageAlt: "modern luxury barbershop interior",
|
||||
},
|
||||
{
|
||||
id: "beard",
|
||||
title: "Beard Grooming",
|
||||
price: "$25",
|
||||
period: "starting at",
|
||||
features: [
|
||||
"Beard line-up",
|
||||
"Hot towel beard treatment",
|
||||
"Conditioning",
|
||||
],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "https://book.thecut.co",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-beard-hairdresser-with-client-man-with-comb-scissors_1157-43566.jpg?_wi=2",
|
||||
imageAlt: "barber cutting hair with scissors",
|
||||
},
|
||||
{
|
||||
id: "full",
|
||||
title: "Full Service",
|
||||
price: "$55",
|
||||
period: "starting at",
|
||||
features: [
|
||||
"Haircut",
|
||||
"Beard trim",
|
||||
"Shampoo",
|
||||
"Facial treatment",
|
||||
],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "https://book.thecut.co",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985714.jpg?_wi=2",
|
||||
imageAlt: "modern barber shop chair",
|
||||
},
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Premium grooming solutions tailored to your unique style."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{ id: "cut", title: "Classic Cut", price: "$35", period: "starting at", features: ["Consultation", "Precision haircut", "Hot towel service"], button: { text: "Book Now", href: "https://book.thecut.co" }, imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-looking-mirror_23-2149220563.jpg", imageAlt: "modern luxury barbershop interior" },
|
||||
{ id: "beard", title: "Beard Grooming", price: "$25", period: "starting at", features: ["Beard line-up", "Hot towel beard treatment", "Conditioning"], button: { text: "Book Now", href: "https://book.thecut.co" }, imageSrc: "http://img.b2bpic.net/free-photo/man-with-beard-hairdresser-with-client-man-with-comb-scissors_1157-43566.jpg", imageAlt: "barber cutting hair with scissors" },
|
||||
{ id: "full", title: "Full Service", price: "$55", period: "starting at", features: ["Haircut", "Beard trim", "Shampoo", "Facial treatment"], button: { text: "Book Now", href: "https://book.thecut.co" }, imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985714.jpg", imageAlt: "modern barber shop chair" }
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Premium grooming solutions tailored to your unique style."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Marcus A.",
|
||||
date: "2 months ago",
|
||||
title: "Best in town",
|
||||
quote: "Handsomer Exchange always hits the mark. Professional, clean, and the best fades in Georgia.",
|
||||
tag: "Repeat Client",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9663.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-man-black-shirt-poses-against-dark-background-standing-studio_613910-15119.jpg?_wi=2",
|
||||
imageAlt: "barber grooming customer with clippers",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah J.",
|
||||
date: "1 week ago",
|
||||
title: "Incredible experience",
|
||||
quote: "Love the atmosphere and inclusivity. My partner has never looked better. Highly recommend!",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205870.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-using-shaving-cream-contour-male-customer-s-beard_23-2148985733.jpg?_wi=2",
|
||||
imageAlt: "barber shop hair styling tools",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "David K.",
|
||||
date: "3 days ago",
|
||||
title: "Precision and style",
|
||||
quote: "You can tell the barbers really care about the details here. It's my go-to shop.",
|
||||
tag: "New Client",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-man-funny-expression_1194-2952.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-using-phone-while-standing-night-time_410324-125.jpg?_wi=2",
|
||||
imageAlt: "barber shop neon sign dark style",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Jordan P.",
|
||||
date: "1 month ago",
|
||||
title: "Top tier service",
|
||||
quote: "Great energy, amazing service. Never had a bad cut at this shop.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/man-shaving-his-friend_1153-1501.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9663.jpg",
|
||||
imageAlt: "happy client after haircut",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alex R.",
|
||||
date: "3 months ago",
|
||||
title: "Elite grooming",
|
||||
quote: "Absolutely top tier. The attention to detail is unmatched in this area.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/man-shaving-his-friend_1153-1501.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205870.jpg",
|
||||
imageAlt: "satisfied customer looking in mirror",
|
||||
},
|
||||
]}
|
||||
title="Trusted by Warner Robins"
|
||||
description="Join 370+ satisfied clients who trust us with their style."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Marcus A.", date: "2 months ago", title: "Best in town", quote: "Handsomer Exchange always hits the mark. Professional, clean, and the best fades in Georgia.", tag: "Repeat Client", avatarSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9663.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-man-black-shirt-poses-against-dark-background-standing-studio_613910-15119.jpg", imageAlt: "barber grooming customer with clippers" },
|
||||
{ id: "2", name: "Sarah J.", date: "1 week ago", title: "Incredible experience", quote: "Love the atmosphere and inclusivity. My partner has never looked better. Highly recommend!", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205870.jpg", imageSrc: "http://img.b2bpic.net/free-photo/barber-using-shaving-cream-contour-male-customer-s-beard_23-2148985733.jpg", imageAlt: "barber shop hair styling tools" },
|
||||
{ id: "3", name: "David K.", date: "3 days ago", title: "Precision and style", quote: "You can tell the barbers really care about the details here. It's my go-to shop.", tag: "New Client", avatarSrc: "http://img.b2bpic.net/free-photo/young-man-funny-expression_1194-2952.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-using-phone-while-standing-night-time_410324-125.jpg", imageAlt: "barber shop neon sign dark style" },
|
||||
{ id: "4", name: "Jordan P.", date: "1 month ago", title: "Top tier service", quote: "Great energy, amazing service. Never had a bad cut at this shop.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/man-shaving-his-friend_1153-1501.jpg", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9663.jpg", imageAlt: "happy client after haircut" },
|
||||
{ id: "5", name: "Alex R.", date: "3 months ago", title: "Elite grooming", quote: "Absolutely top tier. The attention to detail is unmatched in this area.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/man-shaving-his-friend_1153-1501.jpg", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205870.jpg", imageAlt: "satisfied customer looking in mirror" }
|
||||
]}
|
||||
title="Trusted by Warner Robins"
|
||||
description="Join 370+ satisfied clients who trust us with their style."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="Find Us"
|
||||
title="Ready for your next cut?"
|
||||
description="Visit us at 1204 Russell Pkwy, Warner Robins, GA or book online to secure your appointment today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Online",
|
||||
href: "https://book.thecut.co",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Find Us"
|
||||
title="Ready for your next cut?"
|
||||
description="Visit us at 1204 Russell Pkwy, Warner Robins, GA or book online to secure your appointment today."
|
||||
buttons={[{ text: "Book Online", href: "https://book.thecut.co" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-man-looking-mirror_23-2149220563.jpg?_wi=3"
|
||||
columns={[
|
||||
{
|
||||
title: "Visit Us",
|
||||
items: [
|
||||
{
|
||||
label: "1204 Russell Pkwy, Warner Robins",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "(404) 517-9122",
|
||||
href: "tel:4045179122",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Book Online",
|
||||
items: [
|
||||
{
|
||||
label: "The Cut Booking",
|
||||
href: "https://book.thecut.co",
|
||||
},
|
||||
{
|
||||
label: "Service Menu",
|
||||
href: "https://thecut.co",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Handsomer Exchange"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-man-looking-mirror_23-2149220563.jpg"
|
||||
columns={[
|
||||
{
|
||||
title: "Visit Us", items: [
|
||||
{ label: "1204 Russell Pkwy, Warner Robins", href: "#" },
|
||||
{ label: "(404) 517-9122", href: "tel:4045179122" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Book Online", items: [
|
||||
{ label: "The Cut Booking", href: "https://book.thecut.co" },
|
||||
{ label: "Service Menu", href: "https://thecut.co" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="Handsomer Exchange"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user