Merge version_2 into main #3
127
src/app/page.tsx
127
src/app/page.tsx
@@ -11,7 +11,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
|
||||
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -37,23 +37,23 @@ export default function LandingPage() {
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Louie's BarberChop"
|
||||
brandName="Bros Barbershop"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
title="Precision Cuts & Classic Style"
|
||||
description="At Louie’s BarberChop, we believe a great haircut is the foundation of confidence. Experience superior grooming services tailored just for you."
|
||||
buttons={[{ text: "Book Now", href: "#contact" }]}
|
||||
title="Pacific Beach’s Finest Cut"
|
||||
description="Experience the ultimate beach-town barber vibe. From precision fades to expert beard trims, our crew delivers 5-star service every time. Come see why we have 300+ glowing reviews!"
|
||||
buttons={[{ text: "Book Your Chair", href: "#contact" }]}
|
||||
carouselItems={[
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-retro-vintage-style_1150-17931.jpg", imageAlt: "barbershop interior modern atmosphere" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-setting-still-life_23-2150326539.jpg", imageAlt: "sharp haircut barber shop style" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/crop-barber-combing-moustache-client_23-2147778841.jpg", imageAlt: "barber grooming man beard trim" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-sitting-barbershop_1157-20492.jpg", imageAlt: "barber cutting hair detail shot" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/professional-hair-comb-with-copy-space_23-2148352919.jpg", imageAlt: "barber shop interior modern classic" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/hairstylist-giving-haircut-customer_23-2148506232.jpg", imageAlt: "man getting fresh haircut" },
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-retro-vintage-style_1150-17931.jpg", imageAlt: "modern beach town barbershop" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-setting-still-life_23-2150326539.jpg", imageAlt: "sharp grooming tools" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/crop-barber-combing-moustache-client_23-2147778841.jpg", imageAlt: "precision beard trim" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-sitting-barbershop_1157-20492.jpg", imageAlt: "fresh fade style" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/professional-hair-comb-with-copy-space_23-2148352919.jpg", imageAlt: "premium grooming session" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/hairstylist-giving-haircut-customer_23-2148506232.jpg", imageAlt: "barber providing service" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -62,16 +62,11 @@ export default function LandingPage() {
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Craftsmanship in Every Cut"
|
||||
description="Louie’s BarberChop isn't just about haircuts; it's about the tradition of grooming. We bring together modern techniques and classic service to give you a look that defines excellence."
|
||||
bulletPoints={[
|
||||
{ title: "Expert Stylists", description: "Trained professionals focused on precision." },
|
||||
{ title: "Premium Products", description: "Using the best products for your hair." },
|
||||
{ title: "Relaxing Environment", description: "Unwind while you get refreshed." },
|
||||
]}
|
||||
title="Where Talent Meets the Coast"
|
||||
description="Welcome to Bros Barbershop in the heart of Pacific Beach. We’re more than a shop—we’re a community. Whether you're looking for a sharp new fade or a refined beard sculpt, Kyle and the rest of our elite team are here to make you look and feel your absolute best."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-barber-giving-his-client-nice-haircut_23-2149186489.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="barbershop founder professional portrait"
|
||||
imageAlt="Bros Barbershop professional team"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -82,21 +77,21 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Classic Fade", description: "Precision fades with sharp edges.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/young-excited-blonde-male-barber-uniform-smeared-face-with-shaving-foam-holding-shaving-brush_141793-31568.jpg", imageAlt: "barber shop booking app screen" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/selfie-after-bath_1098-12978.jpg", imageAlt: "barber shop loyalty program interface" },
|
||||
title: "Precision Fades", description: "Customized fades tailored to your unique style.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/young-excited-blonde-male-barber-uniform-smeared-face-with-shaving-brush_141793-31568.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/selfie-after-bath_1098-12978.jpg" },
|
||||
},
|
||||
{
|
||||
title: "Beard Sculpting", description: "Detailed beard shaping and trimming.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/selfie-bathroom_1098-12983.jpg", imageAlt: "barber shop booking app screen" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/friends-suffering-from-social-media-addiction_23-2149416011.jpg", imageAlt: "barber shop loyalty program interface" },
|
||||
title: "Master Beard Work", description: "Kyle and our team specialize in crisp beard lines and grooming.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/selfie-bathroom_1098-12983.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/friends-suffering-from-social-media-addiction_23-2149416011.jpg" },
|
||||
},
|
||||
{
|
||||
title: "Hot Towel Shave", description: "A relaxing and rejuvenating experience.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/low-angle-costumer-barber-shop-looking-phone_23-2148242842.jpg", imageAlt: "barber shop booking app screen" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/low-angle-client-barber-shop-looking-phone_23-2148242841.jpg", imageAlt: "barber shop loyalty program interface" },
|
||||
title: "Relaxed Beach Vibes", description: "Unwind in our shop—cold drinks, great music, and even better cuts.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/low-angle-costumer-barber-shop-looking-phone_23-2148242842.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/low-angle-client-barber-shop-looking-phone_23-2148242841.jpg" },
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="Our Grooming Services"
|
||||
description="Comprehensive care to ensure you look your absolute best every single day."
|
||||
title="Our Services"
|
||||
description="High-energy service with professional results."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -107,20 +102,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic", badge: "Standard", price: "$25", subtitle: "Classic haircut experience.", buttons: [{ text: "Book Now", href: "#contact" }],
|
||||
features: ["Haircut", "Neck trim", "Consultation"],
|
||||
id: "basic", badge: "The Refresh", price: "$30", subtitle: "Clean fade and line-up.", buttons: [{ text: "Book Now", href: "#contact" }],
|
||||
features: ["Precision Cut", "Neck Taper", "Style Consult"],
|
||||
},
|
||||
{
|
||||
id: "pro", badge: "Popular", price: "$45", subtitle: "The ultimate barber service.", buttons: [{ text: "Book Now", href: "#contact" }],
|
||||
features: ["Haircut & Beard", "Hot Towel", "Scalp Massage"],
|
||||
id: "pro", badge: "The Signature", price: "$50", subtitle: "The ultimate Bros experience.", buttons: [{ text: "Book Now", href: "#contact" }],
|
||||
features: ["Signature Cut", "Beard Trim", "Hot Towel Finish"],
|
||||
},
|
||||
{
|
||||
id: "premium", badge: "Expert", price: "$65", subtitle: "Full grooming package.", buttons: [{ text: "Book Now", href: "#contact" }],
|
||||
features: ["Deluxe Haircut", "Face Shave", "Premium Products"],
|
||||
id: "premium", badge: "The Elite", price: "$75", subtitle: "Full grooming transformation.", buttons: [{ text: "Book Now", href: "#contact" }],
|
||||
features: ["Total Grooming", "Deluxe Face Shave", "Premium Products"],
|
||||
},
|
||||
]}
|
||||
title="Simple Pricing"
|
||||
description="Quality service at an accessible price point."
|
||||
title="Transparent Pricing"
|
||||
description="Value-packed services designed for the modern guy."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -131,34 +126,30 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "1", value: "15+", description: "Years of experience" },
|
||||
{ id: "2", value: "10k+", description: "Happy clients served" },
|
||||
{ id: "3", value: "4.9", description: "Rating out of 5 stars" },
|
||||
{ id: "1", value: "5.0", description: "Star Rating" },
|
||||
{ id: "2", value: "300+", description: "Five-Star Reviews" },
|
||||
{ id: "3", value: "10k", description: "Happy Locals Served" },
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Our shop has built a solid reputation in the community."
|
||||
title="Trusted by PB Locals"
|
||||
description="We take pride in every cut and every relationship."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
<TestimonialCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Mark R.", role: "Client", testimonial: "Best fade I have ever received. Louie is a true artist.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg", imageAlt: "happy customer fresh haircut portrait"},
|
||||
id: "1", title: "The Best in San Diego", quote: "Kyle is a magician with the clippers. I won't go anywhere else in PB.", name: "Mark R.", role: "Local Resident", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg" },
|
||||
{
|
||||
id: "2", name: "James L.", role: "Client", testimonial: "Professional, clean, and exactly what I needed.", imageSrc: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4697.jpg", imageAlt: "customer smiling beard trim"},
|
||||
id: "2", title: "Consistent Quality", quote: "Love the beach vibe. Always a perfect cut every single time.", name: "James L.", role: "Regular Client", imageSrc: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4697.jpg" },
|
||||
{
|
||||
id: "3", name: "David S.", role: "Client", testimonial: "Louie's BarberChop is the only place I trust with my beard.", imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286016.jpg", imageAlt: "young man haircut professional results"},
|
||||
{
|
||||
id: "4", name: "Kevin M.", role: "Client", testimonial: "Great atmosphere and consistently amazing cuts.", imageSrc: "http://img.b2bpic.net/free-photo/experienced-tattoo-artist-working-client-tattoo_23-2149479238.jpg", imageAlt: "man looking at mirror fresh cut"},
|
||||
{
|
||||
id: "5", name: "Ryan P.", role: "Client", testimonial: "Highly recommended for anyone looking for a fresh look.", 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", imageAlt: "customer beard grooming fresh look"},
|
||||
id: "3", title: "Exceptional Beard Work", quote: "Finally found someone who can sculpt a beard properly. Bros is the goat.", name: "David S.", role: "Beard Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286016.jpg" },
|
||||
]}
|
||||
title="What Clients Say"
|
||||
description="Join our satisfied community of regular clients."
|
||||
title="Hear From the Bros"
|
||||
description="See why our clients rave about our atmosphere and skills."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -167,9 +158,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Hair Masters", "Beard Pro", "Classic Grooming", "The Barber Guild", "Elite Scissors"]}
|
||||
title="Trusted Partners"
|
||||
description="We use premium products and partner with the best in the grooming industry."
|
||||
"Best of PB", "Barber Weekly", "San Diego Grooming", "Local Business Elite", "Top Rated Shop"]}
|
||||
title="Recognized for Excellence"
|
||||
description="We are honored to be a part of the Pacific Beach community."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -177,41 +168,41 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Book Your Appointment"
|
||||
description="Ready for your next fresh look? Drop us a line or call to book your slot."
|
||||
tag="Book Now"
|
||||
title="Secure Your Spot at the Chair"
|
||||
description="Book your next cut and join the Bros family. Don't wait—slots fill up fast!"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185640.jpg"
|
||||
imageAlt="modern barbershop interior welcoming space"
|
||||
imageAlt="welcoming shop interior"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Louie's BarberChop"
|
||||
logoText="Bros Barbershop"
|
||||
columns={[
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Haircuts", href: "#" },
|
||||
{ label: "Shaves", href: "#" },
|
||||
{ label: "Trims", href: "#" },
|
||||
{ label: "Fades", href: "#" },
|
||||
{ label: "Beard Trim", href: "#" },
|
||||
{ label: "Hot Towel", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Shop", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
title: "Info", items: [
|
||||
{ label: "About Kyle", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Support", href: "#" },
|
||||
{ label: "FAQ", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy", href: "#" },
|
||||
{ label: "Terms", href: "#" },
|
||||
title: "Connect", items: [
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "Book Now", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Louie's BarberChop"
|
||||
copyrightText="© 2025 Bros Barbershop"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user