Merge version_1 into main #2
257
src/app/page.tsx
257
src/app/page.tsx
@@ -32,76 +32,47 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
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: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="V's Barbershop"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="V's Barbershop Vegas Mountain's Edge"
|
||||
description="Experience the classic barber feel with a modern twist. Where tradition meets precision."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
{
|
||||
text: "Call (702) 201-1212",
|
||||
href: "tel:7022011212",
|
||||
},
|
||||
text: "Call (702) 201-1212", href: "tel:7022011212"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205924.jpg?_wi=1",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205924.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-getting-his-hair-washed_23-2148224418.jpg?_wi=1",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-getting-his-hair-washed_23-2148224418.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-vintage-sewing-machine_23-2150315196.jpg?_wi=1",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/view-vintage-sewing-machine_23-2150315196.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/filmmaker-holding-blank-clapper-board-looks-tired-bored_114579-54336.jpg?_wi=1",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/filmmaker-holding-blank-clapper-board-looks-tired-bored_114579-54336.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205871.jpg?_wi=1",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205871.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-sitting-outside-cafe-with-his-bicycle_23-2148176434.jpg?_wi=1",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/young-man-sitting-outside-cafe-with-his-bicycle_23-2148176434.jpg"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -113,17 +84,11 @@ export default function LandingPage() {
|
||||
description="V's Barbershop at Mountain's Edge provides premium grooming services. From precision fades and hot towel shaves to personalized attention to detail, we ensure every customer leaves looking their best."
|
||||
metrics={[
|
||||
{
|
||||
value: "538+",
|
||||
title: "5-Star Reviews",
|
||||
},
|
||||
value: "538+", title: "5-Star Reviews"},
|
||||
{
|
||||
value: "12+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
value: "12+", title: "Years Experience"},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Satisfaction",
|
||||
},
|
||||
value: "100%", title: "Satisfaction"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/attractive-young-man-woman-working-brushing-fur-beautiful-beagle-dog-pet-salon-caucasian-latin-workers-grooming-cute-dog_662251-2407.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -138,49 +103,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Fades",
|
||||
description: "Expertly crafted fades with attention to clean lines and blending.",
|
||||
icon: Scissors,
|
||||
title: "Precision Fades", description: "Expertly crafted fades with attention to clean lines and blending.", icon: Scissors,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-with-protective-face-mask-brushing-customer-s-hair-salon_637285-8966.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-with-protective-face-mask-brushing-customer-s-hair-salon_637285-8966.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-smiling-bearded-man-showing-electric-razor_171337-17302.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205924.jpg?_wi=2",
|
||||
imageAlt: "haircut service grooming detail clean",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-smiling-bearded-man-showing-electric-razor_171337-17302.jpg"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Hot Towel Shaves",
|
||||
description: "Classic straight-razor shave with a rejuvenating hot towel finish.",
|
||||
icon: Sparkles,
|
||||
title: "Hot Towel Shaves", description: "Classic straight-razor shave with a rejuvenating hot towel finish.", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wellness-concept-with-woman-with-creme-face_23-2147816995.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wellness-concept-with-woman-with-creme-face_23-2147816995.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-wrapped-towel-after-shower-drinking-coffee_1153-4063.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-getting-his-hair-washed_23-2148224418.jpg?_wi=2",
|
||||
imageAlt: "haircut service grooming detail clean",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-wrapped-towel-after-shower-drinking-coffee_1153-4063.jpg"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Deluxe Beard Trims",
|
||||
description: "Detailed beard shaping and maintenance for a polished look.",
|
||||
icon: Award,
|
||||
title: "Deluxe Beard Trims", description: "Detailed beard shaping and maintenance for a polished look.", icon: Award,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barbershop-with-client-barber_624325-2640.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barbershop-with-client-barber_624325-2640.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-client-just-got-good-beardcare-from-talanted-trendy-barber_613910-21575.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-vintage-sewing-machine_23-2150315196.jpg?_wi=2",
|
||||
imageAlt: "haircut service grooming detail clean",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-client-just-got-good-beardcare-from-talanted-trendy-barber_613910-21575.jpg"},
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Premium Grooming Services"
|
||||
@@ -196,33 +143,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Ofelia",
|
||||
role: "Lead Barber",
|
||||
description: "Known for crushing the haircut and beard trim with great attention to detail.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-plus-size-man-working-as-hairstylist_23-2150754689.jpg",
|
||||
},
|
||||
id: "t1", name: "Ofelia", role: "Lead Barber", description: "Known for crushing the haircut and beard trim with great attention to detail.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-plus-size-man-working-as-hairstylist_23-2150754689.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Brandy",
|
||||
role: "Master Stylist",
|
||||
description: "Specialist in haircuts, facials, and classic shaves.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/groomed-bearded-man-with-tattooes-is-posing-dark-photo-studio_613910-3659.jpg",
|
||||
},
|
||||
id: "t2", name: "Brandy", role: "Master Stylist", description: "Specialist in haircuts, facials, and classic shaves.", imageSrc: "http://img.b2bpic.net/free-photo/groomed-bearded-man-with-tattooes-is-posing-dark-photo-studio_613910-3659.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Marcus",
|
||||
role: "Barber",
|
||||
description: "Dedicated to old-school barbering with modern precision.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-bearded-black-male-with-tattoo-cross-arms-dressed-white-shirt_613910-15917.jpg",
|
||||
},
|
||||
id: "t3", name: "Marcus", role: "Barber", description: "Dedicated to old-school barbering with modern precision.", imageSrc: "http://img.b2bpic.net/free-photo/positive-bearded-black-male-with-tattoo-cross-arms-dressed-white-shirt_613910-15917.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Julian",
|
||||
role: "Barber",
|
||||
description: "Focused on clean lines and a friendly client experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-hairstylist-looking-camera_23-2147839834.jpg",
|
||||
},
|
||||
id: "t4", name: "Julian", role: "Barber", description: "Focused on clean lines and a friendly client experience.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-hairstylist-looking-camera_23-2147839834.jpg"},
|
||||
]}
|
||||
title="Meet Our Expert Barbers"
|
||||
description="Our team of skilled professionals are here to provide the best grooming experience in Las Vegas."
|
||||
@@ -235,71 +162,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Nick Steinberger",
|
||||
date: "1 month ago",
|
||||
title: "Regular Client",
|
||||
quote: "Best haircut experience I’ve ever had in my life. Old-school feel with a modern twist.",
|
||||
tag: "5 stars",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiling-happy-male-hairdesser-wearing-gray-apron-holding-scissor-blue-soft-color-background_140725-155107.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205924.jpg?_wi=3",
|
||||
imageAlt: "man smiling portrait grooming client",
|
||||
},
|
||||
id: "1", name: "Nick Steinberger", date: "1 month ago", title: "Regular Client", quote: "Best haircut experience I’ve ever had in my life. Old-school feel with a modern twist.", tag: "5 stars", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiling-happy-male-hairdesser-wearing-gray-apron-holding-scissor-blue-soft-color-background_140725-155107.jpg", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205924.jpg", imageAlt: "man smiling portrait grooming client"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Joey Charafi",
|
||||
date: "2 months ago",
|
||||
title: "Local Guide",
|
||||
quote: "Clean lines, great attention to detail, and she really took her time.",
|
||||
tag: "5 stars",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-men-bachelor-party_23-2149275459.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-getting-his-hair-washed_23-2148224418.jpg?_wi=3",
|
||||
imageAlt: "man smiling portrait grooming client",
|
||||
},
|
||||
id: "2", name: "Joey Charafi", date: "2 months ago", title: "Local Guide", quote: "Clean lines, great attention to detail, and she really took her time.", tag: "5 stars", avatarSrc: "http://img.b2bpic.net/free-photo/happy-men-bachelor-party_23-2149275459.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-man-getting-his-hair-washed_23-2148224418.jpg", imageAlt: "man smiling portrait grooming client"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Terri Corado",
|
||||
date: "2 months ago",
|
||||
title: "Happy Parent",
|
||||
quote: "The best experience. My son’s hair turned out amazing and exactly like I wanted.",
|
||||
tag: "5 stars",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/senior-man-pointing-his-empty-glass-restaurant_23-2149316805.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-vintage-sewing-machine_23-2150315196.jpg?_wi=3",
|
||||
imageAlt: "man smiling portrait grooming client",
|
||||
},
|
||||
id: "3", name: "Terri Corado", date: "2 months ago", title: "Happy Parent", quote: "The best experience. My son’s hair turned out amazing and exactly like I wanted.", tag: "5 stars", avatarSrc: "http://img.b2bpic.net/free-photo/senior-man-pointing-his-empty-glass-restaurant_23-2149316805.jpg", imageSrc: "http://img.b2bpic.net/free-photo/view-vintage-sewing-machine_23-2150315196.jpg", imageAlt: "man smiling portrait grooming client"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Michael S.",
|
||||
date: "3 months ago",
|
||||
title: "Client",
|
||||
quote: "For the price and service, their hair cut and deluxe beard trim cannot be beat.",
|
||||
tag: "5 stars",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-dazzling-man-suit_23-2148364706.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/filmmaker-holding-blank-clapper-board-looks-tired-bored_114579-54336.jpg?_wi=2",
|
||||
imageAlt: "man smiling portrait grooming client",
|
||||
},
|
||||
id: "4", name: "Michael S.", date: "3 months ago", title: "Client", quote: "For the price and service, their hair cut and deluxe beard trim cannot be beat.", tag: "5 stars", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-dazzling-man-suit_23-2148364706.jpg", imageSrc: "http://img.b2bpic.net/free-photo/filmmaker-holding-blank-clapper-board-looks-tired-bored_114579-54336.jpg", imageAlt: "man smiling portrait grooming client"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sarah J.",
|
||||
date: "4 months ago",
|
||||
title: "Client",
|
||||
quote: "Super friendly staff, great atmosphere, and a truly professional service.",
|
||||
tag: "5 stars",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-hairstilyst-giving-haircut_23-2148506285.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205871.jpg?_wi=2",
|
||||
imageAlt: "man smiling portrait grooming client",
|
||||
},
|
||||
id: "5", name: "Sarah J.", date: "4 months ago", title: "Client", quote: "Super friendly staff, great atmosphere, and a truly professional service.", tag: "5 stars", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-hairstilyst-giving-haircut_23-2148506285.jpg", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205871.jpg", imageAlt: "man smiling portrait grooming client"},
|
||||
{
|
||||
id: "6",
|
||||
name: "David L.",
|
||||
date: "5 months ago",
|
||||
title: "Client",
|
||||
quote: "Consistent quality every time I come in. Highly recommend.",
|
||||
tag: "5 stars",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-sitting-chair_23-2149220533.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-sitting-outside-cafe-with-his-bicycle_23-2148176434.jpg?_wi=2",
|
||||
imageAlt: "man smiling portrait grooming client",
|
||||
},
|
||||
id: "6", name: "David L.", date: "5 months ago", title: "Client", quote: "Consistent quality every time I come in. Highly recommend.", tag: "5 stars", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-sitting-chair_23-2149220533.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-man-sitting-outside-cafe-with-his-bicycle_23-2148176434.jpg", imageAlt: "man smiling portrait grooming client"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="We are proud of our 4.8 rating from 538+ happy clients."
|
||||
@@ -312,20 +185,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I need an appointment?",
|
||||
content: "While we accept walk-ins, appointments are highly recommended to ensure you get your preferred time with your favorite barber.",
|
||||
},
|
||||
id: "f1", title: "Do I need an appointment?", content: "While we accept walk-ins, appointments are highly recommended to ensure you get your preferred time with your favorite barber."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Where are you located?",
|
||||
content: "We are located at 7825 Blue Diamond Rd Suite 103, in the Mountain's Edge Marketplace.",
|
||||
},
|
||||
id: "f2", title: "Where are you located?", content: "We are located at 7825 Blue Diamond Rd Suite 103, in the Mountain's Edge Marketplace."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What services do you offer?",
|
||||
content: "We provide haircuts, hot towel shaves, facial treatments, and beard trims.",
|
||||
},
|
||||
id: "f3", title: "What services do you offer?", content: "We provide haircuts, hot towel shaves, facial treatments, and beard trims."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about your next visit."
|
||||
@@ -337,8 +201,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in Touch"
|
||||
title="Book Your Appointment"
|
||||
description="Ready for a fresh cut? Call us at (702) 201-1212 or send us a message to secure your spot."
|
||||
@@ -353,45 +216,29 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#home",
|
||||
},
|
||||
label: "Home", href: "#home"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Team",
|
||||
href: "#team",
|
||||
},
|
||||
label: "Team", href: "#team"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Reviews", href: "#testimonials"},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQs", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "(702) 201-1212",
|
||||
href: "tel:7022011212",
|
||||
},
|
||||
label: "(702) 201-1212", href: "tel:7022011212"},
|
||||
{
|
||||
label: "7825 Blue Diamond Rd, Las Vegas, NV",
|
||||
href: "#",
|
||||
},
|
||||
label: "7825 Blue Diamond Rd, Las Vegas, NV", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user