Merge version_1 into main

Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
2026-06-11 22:17:15 +00:00

View File

@@ -33,43 +33,25 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "#home"},
id: "#home",
},
{ {
name: "About Us", name: "About Us", id: "#about"},
id: "#about",
},
{ {
name: "Services", name: "Services", id: "#services"},
id: "#services",
},
{ {
name: "Our Team", name: "Our Team", id: "#team"},
id: "#team",
},
{ {
name: "Pricing", name: "Pricing", id: "#pricing"},
id: "#pricing",
},
{ {
name: "Testimonials", name: "Testimonials", id: "#testimonials"},
id: "#testimonials",
},
{ {
name: "FAQ", name: "FAQ", id: "#faq"},
id: "#faq",
},
{ {
name: "Contact", name: "Contact", id: "#contact"},
id: "#contact",
},
]} ]}
brandName="T&H Barbershop" brandName="T&H Barbershop"
button={{ button={{
text: "Book Your Appointment", text: "Book Your Appointment", href: "#contact"}}
href: "#contact",
}}
animateOnLoad={true} animateOnLoad={true}
/> />
</div> </div>
@@ -77,63 +59,40 @@ export default function LandingPage() {
<div id="home" data-section="home"> <div id="home" data-section="home">
<HeroCentered <HeroCentered
background={{ background={{
variant: "radial-gradient", variant: "radial-gradient"}}
}}
title="Precision Cuts. Premium Experience." title="Precision Cuts. Premium Experience."
description="T&H Barbershop in Alexandria, VA offers expert haircuts, sharp fades, and classic shaves. Book your next appointment for a fresh look and an unparalleled grooming experience." description="T&H Barbershop in Alexandria, VA offers expert haircuts, sharp fades, and classic shaves. Book your next appointment for a fresh look and an unparalleled grooming experience."
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/happy-african-man-looking_171337-9799.jpg", src: "http://img.b2bpic.net/free-photo/happy-african-man-looking_171337-9799.jpg", alt: "Client 1"},
alt: "Client 1",
},
{ {
src: "http://img.b2bpic.net/free-photo/outdoor-photo-smiling-african-young-man-big-hat-posing-close-up-portrait-chilling-guy-black-headphones-spending-time-park_197531-21896.jpg", src: "http://img.b2bpic.net/free-photo/outdoor-photo-smiling-african-young-man-big-hat-posing-close-up-portrait-chilling-guy-black-headphones-spending-time-park_197531-21896.jpg", alt: "Client 2"},
alt: "Client 2",
},
{ {
src: "http://img.b2bpic.net/free-photo/senior-man-wearing-blue-shirt-glasses_273609-42031.jpg", src: "http://img.b2bpic.net/free-photo/senior-man-wearing-blue-shirt-glasses_273609-42031.jpg", alt: "Client 3"},
alt: "Client 3",
},
{ {
src: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924142.jpg", src: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924142.jpg", alt: "Client 4"},
alt: "Client 4",
},
{ {
src: "http://img.b2bpic.net/free-photo/serious-african-man-looking_171337-9848.jpg", src: "http://img.b2bpic.net/free-photo/serious-african-man-looking_171337-9848.jpg", alt: "Serious african man looking"},
alt: "Serious african man looking",
},
]} ]}
avatarText="200+ Satisfied Clients" avatarText="200+ Satisfied Clients"
buttons={[ buttons={[
{ {
text: "Book Your Appointment", text: "Book Your Appointment", href: "#contact"},
href: "#contact",
},
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
marqueeItems={[ marqueeItems={[
{ {
type: "text-icon", type: "text-icon", text: "Expert Barbers", icon: Scissors,
text: "Expert Barbers",
icon: Scissors,
}, },
{ {
type: "text", type: "text", text: "Walk-ins Welcome"},
text: "Walk-ins Welcome", {
type: "text-icon", text: "Quality Products", icon: Droplet,
}, },
{ {
type: "text-icon", type: "text", text: "Relaxing Atmosphere"},
text: "Quality Products",
icon: Droplet,
},
{ {
type: "text", type: "text-icon", text: "Customer Satisfaction", icon: Star,
text: "Relaxing Atmosphere",
},
{
type: "text-icon",
text: "Customer Satisfaction",
icon: Star,
}, },
]} ]}
marqueeSpeed={30} marqueeSpeed={30}
@@ -146,7 +105,6 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
tag="Our Story" tag="Our Story"
title="Crafting Confidence, One Cut at a Time." title="Crafting Confidence, One Cut at a Time."
description="At T&H Barbershop, we blend timeless barbering traditions with modern techniques. Our skilled team is dedicated to providing meticulous grooming services in a welcoming, inclusive environment. We believe a great haircut isn't just about style, it's about confidence."
/> />
</div> </div>
@@ -157,29 +115,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
id: "haircut", id: "haircut", title: "Precision Haircuts", description: "Get a sharp, personalized haircut tailored to your style, including fades, tapers, and classic cuts.", tag: "Hair", imageSrc: "http://img.b2bpic.net/free-photo/closeup-business-man_53876-14991.jpg", imageAlt: "Man getting a fade haircut"},
title: "Precision Haircuts",
description: "Get a sharp, personalized haircut tailored to your style, including fades, tapers, and classic cuts.",
tag: "Hair",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-business-man_53876-14991.jpg",
imageAlt: "Man getting a fade haircut",
},
{ {
id: "beard", id: "beard", title: "Expert Beard Trims", description: "Define your look with a meticulously sculpted beard trim, complete with lining and conditioning.", tag: "Beard", imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-trimming-beard-man_23-2147778822.jpg", imageAlt: "Man getting a beard trim"},
title: "Expert Beard Trims",
description: "Define your look with a meticulously sculpted beard trim, complete with lining and conditioning.",
tag: "Beard",
imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-trimming-beard-man_23-2147778822.jpg",
imageAlt: "Man getting a beard trim",
},
{ {
id: "shave", id: "shave", title: "Luxurious Hot Towel Shaves", description: "Experience the ultimate relaxation with our classic hot towel shave, leaving your skin smooth and refreshed.", tag: "Shave", imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94801.jpg", imageAlt: "Man receiving a hot towel shave"},
title: "Luxurious Hot Towel Shaves",
description: "Experience the ultimate relaxation with our classic hot towel shave, leaving your skin smooth and refreshed.",
tag: "Shave",
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94801.jpg",
imageAlt: "Man receiving a hot towel shave",
},
]} ]}
title="Masterful Grooming for the Modern Man" title="Masterful Grooming for the Modern Man"
description="From classic cuts to modern styles, our barbers are masters of their craft. Explore our range of services designed to keep you looking sharp." description="From classic cuts to modern styles, our barbers are masters of their craft. Explore our range of services designed to keep you looking sharp."
@@ -195,26 +135,11 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
members={[ members={[
{ {
id: "lisa", id: "lisa", name: "Lisa K.", role: "Master Barber", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-looking-camera-while-standing-counter-movie-house_613910-21690.jpg", imageAlt: "Lisa, Master Barber"},
name: "Lisa K.",
role: "Master Barber",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-looking-camera-while-standing-counter-movie-house_613910-21690.jpg",
imageAlt: "Lisa, Master Barber",
},
{ {
id: "tommy", id: "tommy", name: "Tommy T.", role: "Senior Stylist", 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", imageAlt: "Tommy, Senior Stylist"},
name: "Tommy T.",
role: "Senior Stylist",
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",
imageAlt: "Tommy, Senior Stylist",
},
{ {
id: "stacy", id: "stacy", name: "Stacy M.", role: "Grooming Specialist", imageSrc: "http://img.b2bpic.net/free-photo/barber-putting-cape-clients-neck_107420-94792.jpg", imageAlt: "Stacy, Grooming Specialist"},
name: "Stacy M.",
role: "Grooming Specialist",
imageSrc: "http://img.b2bpic.net/free-photo/barber-putting-cape-clients-neck_107420-94792.jpg",
imageAlt: "Stacy, Grooming Specialist",
},
]} ]}
title="Meet the Maestros of the Cut" title="Meet the Maestros of the Cut"
description="Our team of experienced barbers are passionate about their craft and dedicated to delivering personalized service with every visit. Get to know the faces behind the fades." description="Our team of experienced barbers are passionate about their craft and dedicated to delivering personalized service with every visit. Get to know the faces behind the fades."
@@ -229,56 +154,28 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
plans={[ plans={[
{ {
id: "standard-cut", id: "standard-cut", name: "Standard Haircut", price: "$30", features: [
name: "Standard Haircut", "Precision Haircut", "Hot Lather Neck Shave", "Classic Finish"],
price: "$30",
features: [
"Precision Haircut",
"Hot Lather Neck Shave",
"Classic Finish",
],
buttons: [ buttons: [
{ {
text: "Book Now", text: "Book Now", href: "#contact"},
href: "#contact",
},
], ],
}, },
{ {
id: "cut-beard", id: "cut-beard", name: "Haircut + Beard Trim", badge: "Popular", badgeIcon: Sparkles,
name: "Haircut + Beard Trim", price: "$45", features: [
badge: "Popular", "Precision Haircut", "Expert Beard Trim", "Hot Lather Neck Shave", "Classic Finish"],
badgeIcon: Sparkles,
price: "$45",
features: [
"Precision Haircut",
"Expert Beard Trim",
"Hot Lather Neck Shave",
"Classic Finish",
],
buttons: [ buttons: [
{ {
text: "Book Now", text: "Book Now", href: "#contact"},
href: "#contact",
},
], ],
}, },
{ {
id: "full-experience", id: "full-experience", name: "The T&H Experience", price: "$65", features: [
name: "The T&H Experience", "Precision Haircut", "Expert Beard Trim", "Hot Towel Shave", "Facial Steaming", "Relaxing Scalp Massage"],
price: "$65",
features: [
"Precision Haircut",
"Expert Beard Trim",
"Hot Towel Shave",
"Facial Steaming",
"Relaxing Scalp Massage",
],
buttons: [ buttons: [
{ {
text: "Book Now", text: "Book Now", href: "#contact"},
href: "#contact",
},
], ],
}, },
]} ]}
@@ -296,29 +193,17 @@ export default function LandingPage() {
author="Johnny Parker Lee" author="Johnny Parker Lee"
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/portrat-young-man-laughing_23-2148560405.jpg", src: "http://img.b2bpic.net/free-photo/portrat-young-man-laughing_23-2148560405.jpg", alt: "Johnny Parker Lee"},
alt: "Johnny Parker Lee",
},
{ {
src: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-woman-wearing-casual-sweater-standing-red-background-pointing-fingers-camera-with-happy-funny-face-good-energy-vibes_839833-6469.jpg", src: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-woman-wearing-casual-sweater-standing-red-background-pointing-fingers-camera-with-happy-funny-face-good-energy-vibes_839833-6469.jpg", alt: "Sarah Johnson"},
alt: "Sarah Johnson",
},
{ {
src: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg", src: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg", alt: "Michael Chen"},
alt: "Michael Chen",
},
{ {
src: "http://img.b2bpic.net/free-photo/angry-bearded-man-navy-t-shirt-looking-annoyed-while-talking-mobile-clenching-fist-phone-standing-pink-wall_141793-81732.jpg", src: "http://img.b2bpic.net/free-photo/angry-bearded-man-navy-t-shirt-looking-annoyed-while-talking-mobile-clenching-fist-phone-standing-pink-wall_141793-81732.jpg", alt: "Emily Rodriguez"},
alt: "Emily Rodriguez",
},
{ {
src: "http://img.b2bpic.net/free-photo/young-caucasian-woman-holding-shopping-bags-make-selfie-by-camera-clothing-store_839833-1916.jpg", src: "http://img.b2bpic.net/free-photo/young-caucasian-woman-holding-shopping-bags-make-selfie-by-camera-clothing-store_839833-1916.jpg", alt: "David Kim"},
alt: "David Kim",
},
{ {
src: "http://img.b2bpic.net/free-photo/encouraged-cheerful-middle-eastern-guy-chanting-raise-hands-rejoice_176420-20446.jpg", src: "http://img.b2bpic.net/free-photo/encouraged-cheerful-middle-eastern-guy-chanting-raise-hands-rejoice_176420-20446.jpg", alt: "male customer with beard happy"},
alt: "male customer with beard happy",
},
]} ]}
ratingAnimation="blur-reveal" ratingAnimation="blur-reveal"
avatarsAnimation="slide-up" avatarsAnimation="slide-up"
@@ -330,30 +215,15 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "faq1", id: "faq1", title: "Do I need an appointment?", content: "Yes, we highly recommend booking an appointment in advance to ensure your preferred barber and time slot. Walk-ins are subject to availability."},
title: "Do I need an appointment?",
content: "Yes, we highly recommend booking an appointment in advance to ensure your preferred barber and time slot. Walk-ins are subject to availability.",
},
{ {
id: "faq2", id: "faq2", title: "What payment methods do you accept?", content: "We accept major credit cards (Visa, Mastercard, Amex), debit cards, and cash. Contactless payments are also available."},
title: "What payment methods do you accept?",
content: "We accept major credit cards (Visa, Mastercard, Amex), debit cards, and cash. Contactless payments are also available.",
},
{ {
id: "faq3", id: "faq3", title: "Do you offer military discounts?", content: "Yes, we are proud to offer a military discount to active service members and veterans. Please present your valid military ID at checkout."},
title: "Do you offer military discounts?",
content: "Yes, we are proud to offer a military discount to active service members and veterans. Please present your valid military ID at checkout.",
},
{ {
id: "faq4", id: "faq4", title: "What if I need to cancel or reschedule?", content: "We kindly ask for at least 24 hours notice for cancellations or rescheduling. This allows us to offer the slot to other clients."},
title: "What if I need to cancel or reschedule?",
content: "We kindly ask for at least 24 hours notice for cancellations or rescheduling. This allows us to offer the slot to other clients.",
},
{ {
id: "faq5", id: "faq5", title: "Are you LGBTQ+ friendly?", content: "Absolutely! T&H Barbershop is an inclusive space that welcomes everyone. We are committed to providing a comfortable and respectful environment for all clients."},
title: "Are you LGBTQ+ friendly?",
content: "Absolutely! T&H Barbershop is an inclusive space that welcomes everyone. We are committed to providing a comfortable and respectful environment for all clients.",
},
]} ]}
sideTitle="Questions? We've Got Answers." sideTitle="Questions? We've Got Answers."
sideDescription="Find quick answers to common questions about our services, appointments, and policies. If you can't find what you're looking for, feel free to contact us directly." sideDescription="Find quick answers to common questions about our services, appointments, and policies. If you can't find what you're looking for, feel free to contact us directly."
@@ -366,8 +236,7 @@ export default function LandingPage() {
<ContactCenter <ContactCenter
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "sparkles-gradient", variant: "sparkles-gradient"}}
}}
tag="Visit Us" tag="Visit Us"
title="Book Your Next Transformation" title="Book Your Next Transformation"
description="Ready for a fresh cut or a relaxing shave? Schedule your appointment with T&H Barbershop in Alexandria, VA today. We look forward to seeing you!" description="Ready for a fresh cut or a relaxing shave? Schedule your appointment with T&H Barbershop in Alexandria, VA today. We look forward to seeing you!"
@@ -381,54 +250,33 @@ export default function LandingPage() {
<FooterBase <FooterBase
columns={[ columns={[
{ {
title: "Quick Links", title: "Quick Links", items: [
items: [
{ {
label: "Home", label: "Home", href: "#home"},
href: "#home",
},
{ {
label: "Services", label: "Services", href: "#services"},
href: "#services",
},
{ {
label: "About Us", label: "About Us", href: "#about"},
href: "#about",
},
{ {
label: "Our Team", label: "Our Team", href: "#team"},
href: "#team",
},
], ],
}, },
{ {
title: "Contact Us", title: "Contact Us", items: [
items: [
{ {
label: "4656B King St, Alexandria, VA 22302", label: "4656B King St, Alexandria, VA 22302", href: "https://www.google.com/maps/search/4656B+King+St,+Alexandria,+VA+22302"},
href: "https://www.google.com/maps/search/4656B+King+St,+Alexandria,+VA+22302",
},
{ {
label: "(571) 312-5582", label: "(571) 312-5582", href: "tel:+15713125582"},
href: "tel:+15713125582",
},
{ {
label: "info@thbarbershop.com", label: "info@thbarbershop.com", href: "mailto:info@thbarbershop.com"},
href: "mailto:info@thbarbershop.com",
},
], ],
}, },
{ {
title: "Our Hours", title: "Our Hours", items: [
items: [
{ {
label: "Mon - Sat: 8 AM - 7 PM", label: "Mon - Sat: 8 AM - 7 PM", href: "#"},
href: "#",
},
{ {
label: "Sunday: Closed", label: "Sunday: Closed", href: "#"},
href: "#",
},
], ],
}, },
]} ]}