2 Commits

Author SHA1 Message Date
2465b9f591 Switch to version 1: modified src/app/page.tsx 2026-04-24 20:21:38 +00:00
dcb123db9a Merge version_2 into main
Merge version_2 into main
2026-04-24 20:16:43 +00:00

View File

@@ -32,16 +32,26 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "About", id: "#about"},
name: "About",
id: "#about",
},
{
name: "Services", id: "#services"},
name: "Services",
id: "#services",
},
{
name: "Team", id: "#team"},
name: "Team",
id: "#team",
},
{
name: "Testimonials", id: "#testimonials"},
name: "Testimonials",
id: "#testimonials",
},
]}
button={{
text: "Book Your Appointment", href: "#contact"}}
text: "Book Now",
href: "#contact",
}}
brandName="MANSCAPE"
/>
</div>
@@ -49,55 +59,98 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{
variant: "gradient-bars"}}
variant: "gradient-bars",
}}
title="Precision Grooming in the Heart of Raleigh"
description="Experience elite craftsmanship at Manscape Barbershop. Where timeless technique meets modern style for the modern gentleman."
testimonials={[
{
name: "James R.", handle: "@jamr", testimonial: "Best fade I've ever had. Clean, professional, and consistent.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-posing-camera_23-2148242765.jpg"},
name: "James R.",
handle: "@jamr",
testimonial: "Best fade I've ever had. Clean, professional, and consistent.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-posing-camera_23-2148242765.jpg",
},
{
name: "Mark D.", handle: "@markd", testimonial: "Very clean, well kept, and the service can't be beat!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-man-model-wearing-white-shirt-clothes-posing-street_158538-2398.jpg"},
name: "Mark D.",
handle: "@markd",
testimonial: "Very clean, well kept, and the service can't be beat!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-man-model-wearing-white-shirt-clothes-posing-street_158538-2398.jpg",
},
{
name: "Sarah K.", handle: "@s-k", testimonial: "Friendly staff, fair prices. My go-to for my son.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-sunbathed-fashion-man-model-wearing-white-shirt-clothes-posing-street_158538-2382.jpg"},
name: "Sarah K.",
handle: "@s-k",
testimonial: "Friendly staff, fair prices. My go-to for my son.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-sunbathed-fashion-man-model-wearing-white-shirt-clothes-posing-street_158538-2382.jpg",
},
{
name: "David W.", handle: "@davidw", testimonial: "Top tier service, consistently great results.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-sunbathed-fashion-man-model-wearing-white-shirt-clothes-posing-street_158538-2397.jpg"},
name: "David W.",
handle: "@davidw",
testimonial: "Top tier service, consistently great results.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-sunbathed-fashion-man-model-wearing-white-shirt-clothes-posing-street_158538-2397.jpg",
},
{
name: "Robert B.", handle: "@robb", testimonial: "Incredibly clean shop. Highly recommend for any gentleman.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-groom-his-beach-wedding_23-2149044006.jpg"},
name: "Robert B.",
handle: "@robb",
testimonial: "Incredibly clean shop. Highly recommend for any gentleman.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-groom-his-beach-wedding_23-2149044006.jpg",
},
]}
buttons={[
{
text: "Book Your Appointment", href: "#contact"},
text: "Book Now",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/man-barbershop_1303-5409.jpg"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5410.jpg", alt: "Client profile"},
src: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5410.jpg",
alt: "Client profile",
},
{
src: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7365.jpg", alt: "Client profile"},
src: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7365.jpg",
alt: "Client profile",
},
{
src: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-using-hair-dryer_627829-7294.jpg", alt: "Client profile"},
src: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-using-hair-dryer_627829-7294.jpg",
alt: "Client profile",
},
{
src: "http://img.b2bpic.net/free-photo/side-view-barber-cutting-client-s-beard_23-2148242865.jpg", alt: "Client profile"},
src: "http://img.b2bpic.net/free-photo/side-view-barber-cutting-client-s-beard_23-2148242865.jpg",
alt: "Client profile",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-two-male-barbers-looking-camera_23-2147839857.jpg", alt: "Client profile"},
src: "http://img.b2bpic.net/free-photo/portrait-two-male-barbers-looking-camera_23-2147839857.jpg",
alt: "Client profile",
},
]}
marqueeItems={[
{
type: "text", text: "Precision"},
type: "text",
text: "Precision",
},
{
type: "text", text: "Craftsmanship"},
type: "text",
text: "Craftsmanship",
},
{
type: "text", text: "Modern"},
type: "text",
text: "Modern",
},
{
type: "text", text: "Classic"},
type: "text",
text: "Classic",
},
{
type: "text", text: "Reliable"},
type: "text",
text: "Reliable",
},
]}
/>
</div>
@@ -107,15 +160,24 @@ export default function LandingPage() {
useInvertedBackground={false}
heading={[
{
type: "text", content: "Crafting Excellence "},
type: "text",
content: "Crafting Excellence ",
},
{
type: "image", src: "http://img.b2bpic.net/free-photo/male-hairdresser-preparing-instruments-work-barbershop_23-2148181894.jpg", alt: "Luxury Shop"},
type: "image",
src: "http://img.b2bpic.net/free-photo/male-hairdresser-preparing-instruments-work-barbershop_23-2148181894.jpg",
alt: "Luxury Shop",
},
{
type: "text", content: " Every Cut."},
type: "text",
content: " Every Cut.",
},
]}
buttons={[
{
text: "Learn More", href: "#services"},
text: "Learn More",
href: "#services",
},
]}
/>
</div>
@@ -128,11 +190,26 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Precision Cuts", description: "Classic and contemporary styles tailored to your unique hair type.", imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5406.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/pretty-barber-girl-cutting-hair_624325-3064.jpg", buttonText: "View"},
title: "Precision Cuts",
description: "Classic and contemporary styles tailored to your unique hair type.",
imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5406.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/pretty-barber-girl-cutting-hair_624325-3064.jpg",
buttonText: "View",
},
{
title: "Hot Towel Shave", description: "The ultimate luxury ritual for a smooth, irritation-free finish.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-practicing-skincare_23-2150283288.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/serious-man-shaving-his-beard_23-2148696672.jpg", buttonText: "View"},
title: "Hot Towel Shave",
description: "The ultimate luxury ritual for a smooth, irritation-free finish.",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-practicing-skincare_23-2150283288.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/serious-man-shaving-his-beard_23-2148696672.jpg",
buttonText: "View",
},
{
title: "Hair Coloring", description: "Subtle gray blending or bold shifts to elevate your look.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-getting-hairwashed-with-copy-space_23-2148224414.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/groom-sitting-chair-barber-shop_1304-3729.jpg", buttonText: "View"},
title: "Hair Coloring",
description: "Subtle gray blending or bold shifts to elevate your look.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-getting-hairwashed-with-copy-space_23-2148224414.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/groom-sitting-chair-barber-shop_1304-3729.jpg",
buttonText: "View",
},
]}
title="Masterful Services"
description="We specialize in precision, style, and complete relaxation."
@@ -147,11 +224,23 @@ export default function LandingPage() {
useInvertedBackground={false}
members={[
{
id: "1", name: "David", role: "Master Barber", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-barber-wearing-uniform-glasses-looking-camera-showing-credit-card-scissors-isolated-blue-background_141793-138556.jpg"},
id: "1",
name: "David",
role: "Master Barber",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-barber-wearing-uniform-glasses-looking-camera-showing-credit-card-scissors-isolated-blue-background_141793-138556.jpg",
},
{
id: "2", name: "Emma", role: "Lead Stylist", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-beautiful-female-barber-uniform-holding-scissors-with-comb-isolated-pink-wall_141793-105676.jpg"},
id: "2",
name: "Emma",
role: "Lead Stylist",
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-beautiful-female-barber-uniform-holding-scissors-with-comb-isolated-pink-wall_141793-105676.jpg",
},
{
id: "3", name: "Sam", role: "Senior Groomer", imageSrc: "http://img.b2bpic.net/free-photo/portrait-tattooed-male-wearing-white-shirt-suspenders_613910-1406.jpg"},
id: "3",
name: "Sam",
role: "Senior Groomer",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-tattooed-male-wearing-white-shirt-suspenders_613910-1406.jpg",
},
]}
title="Meet Your Masters"
description="Raleigh's finest barbers at your service."
@@ -165,16 +254,28 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1", value: "4.9", title: "Star Rating", items: [
"Across 231 reviews"],
id: "m1",
value: "4.9",
title: "Star Rating",
items: [
"Across 231 reviews",
],
},
{
id: "m2", value: "5k+", title: "Cuts Completed", items: [
"Since opening"],
id: "m2",
value: "5k+",
title: "Cuts Completed",
items: [
"Since opening",
],
},
{
id: "m3", value: "100%", title: "Satisfaction", items: [
"Guarantee provided"],
id: "m3",
value: "100%",
title: "Satisfaction",
items: [
"Guarantee provided",
],
},
]}
title="Our Standard"
@@ -188,15 +289,45 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1", title: "Excellent", quote: "Fair prices, easy parking, quality haircut.", name: "John D.", role: "Local", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-businessman-work_1098-13071.jpg"},
id: "1",
title: "Excellent",
quote: "Fair prices, easy parking, quality haircut.",
name: "John D.",
role: "Local",
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-businessman-work_1098-13071.jpg",
},
{
id: "2", title: "Top Tier", quote: "Service can't be beat!", name: "Michael S.", role: "Loyal Client", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9661.jpg"},
id: "2",
title: "Top Tier",
quote: "Service can't be beat!",
name: "Michael S.",
role: "Loyal Client",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9661.jpg",
},
{
id: "3", title: "Professional", quote: "Very nice place and friendly staff.", name: "James L.", role: "Frequent", imageSrc: "http://img.b2bpic.net/free-photo/funny-worker-amusing-colleague-office-telling-joke_482257-102093.jpg"},
id: "3",
title: "Professional",
quote: "Very nice place and friendly staff.",
name: "James L.",
role: "Frequent",
imageSrc: "http://img.b2bpic.net/free-photo/funny-worker-amusing-colleague-office-telling-joke_482257-102093.jpg",
},
{
id: "4", title: "Reliable", quote: "My sons have never had a better cut.", name: "David W.", role: "Parent", imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-uniform-laughing-hair-salon_23-2148181964.jpg"},
id: "4",
title: "Reliable",
quote: "My sons have never had a better cut.",
name: "David W.",
role: "Parent",
imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-uniform-laughing-hair-salon_23-2148181964.jpg",
},
{
id: "5", title: "Clean", quote: "Incredibly clean shop. Highly recommend.", name: "Robert B.", role: "Professional", imageSrc: "http://img.b2bpic.net/free-photo/young-joyful-blonde-male-barber-uniform-holds-hair-clipper-raises-fist-up-isolated-olive-green-space-with-copy-space_141793-60317.jpg"},
id: "5",
title: "Clean",
quote: "Incredibly clean shop. Highly recommend.",
name: "Robert B.",
role: "Professional",
imageSrc: "http://img.b2bpic.net/free-photo/young-joyful-blonde-male-barber-uniform-holds-hair-clipper-raises-fist-up-isolated-olive-green-space-with-copy-space_141793-60317.jpg",
},
]}
title="Why Gentlemen Trust Us"
description="Real feedback from the heart of Raleigh."
@@ -209,11 +340,20 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "f1", title: "Do I need an appointment?", content: "Appointments are highly recommended to ensure your preferred barber is available."},
id: "f1",
title: "Do I need an appointment?",
content: "Appointments are highly recommended to ensure your preferred barber is available.",
},
{
id: "f2", title: "Where are you located?", content: "We are at 608 W Johnson St suite 1, Raleigh, NC 27603."},
id: "f2",
title: "Where are you located?",
content: "We are at 608 W Johnson St suite 1, Raleigh, NC 27603.",
},
{
id: "f3", title: "Are you good for kids?", content: "Yes, our team is patient and experienced with kids of all ages."},
id: "f3",
title: "Are you good for kids?",
content: "Yes, our team is patient and experienced with kids of all ages.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/luxury-retro-wall-lamp-cafe_1150-10890.jpg"
mediaAnimation="slide-up"
@@ -227,13 +367,16 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain"}}
variant: "plain",
}}
tag="Visit Us"
title="Ready for a Refresh?"
description="Book your appointment today or call us at (919) 428-9843."
buttons={[
{
text: "Book Now", href: "https://manscapebarber.com"},
text: "Book Now",
href: "https://manscapebarber.com",
},
]}
/>
</div>
@@ -247,4 +390,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}