Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 2465b9f591 | |||
| dcb123db9a |
251
src/app/page.tsx
251
src/app/page.tsx
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user