Merge version_1 into main #2
287
src/app/page.tsx
287
src/app/page.tsx
@@ -28,26 +28,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
{
|
||||
name: "Barbers",
|
||||
id: "team",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Barbers", id: "team" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Wallys Barbershop"
|
||||
/>
|
||||
@@ -55,109 +39,33 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Sharp Cuts. Clean Fades. Local Barbers You Can Trust."
|
||||
description="Walk in or book today—precision cuts in a welcoming shop."
|
||||
testimonials={[
|
||||
{
|
||||
name: "John Doe",
|
||||
handle: "@jdoe",
|
||||
testimonial: "Best fade I've had in Kansas City. Highly recommended!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-blond-bearded-man-white-shirt-classic-elegant-jacket-dark-background_613910-11234.jpg?_wi=1",
|
||||
imageAlt: "professional barber haircut studio lighting",
|
||||
},
|
||||
{
|
||||
name: "Mike Smith",
|
||||
handle: "@msmith",
|
||||
testimonial: "Friendly atmosphere and top-tier service every time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205858.jpg?_wi=1",
|
||||
imageAlt: "professional barber haircut studio lighting",
|
||||
},
|
||||
{
|
||||
name: "Alex K.",
|
||||
handle: "@ak",
|
||||
testimonial: "Kevin is the man! Master with the clippers.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-beauty-mulatto-woman-with-long-lashes_633478-2727.jpg?_wi=1",
|
||||
imageAlt: "professional barber haircut studio lighting",
|
||||
},
|
||||
{
|
||||
name: "Sarah W.",
|
||||
handle: "@sw",
|
||||
testimonial: "Got my son's haircut here, they were patient and skilled.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-hand-trimming-moustache-customer_23-2147778871.jpg?_wi=1",
|
||||
imageAlt: "professional barber haircut studio lighting",
|
||||
},
|
||||
{
|
||||
name: "David R.",
|
||||
handle: "@dr",
|
||||
testimonial: "Professional, clean, and exactly what I asked for.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-lifestyle-concept-isolated-handsome-fashionable-tattooed-man-with-fuzzy-beard-shaved-head-posing-indoors-with-arms-folded-having-confident-facial-expression_343059-1711.jpg?_wi=1",
|
||||
imageAlt: "professional barber haircut studio lighting",
|
||||
},
|
||||
{ name: "John Doe", handle: "@jdoe", testimonial: "Best fade I've had in Kansas City. Highly recommended!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/serious-blond-bearded-man-white-shirt-classic-elegant-jacket-dark-background_613910-11234.jpg", imageAlt: "professional barber haircut studio lighting" },
|
||||
{ name: "Mike Smith", handle: "@msmith", testimonial: "Friendly atmosphere and top-tier service every time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205858.jpg", imageAlt: "professional barber haircut studio lighting" },
|
||||
{ name: "Alex K.", handle: "@ak", testimonial: "Kevin is the man! Master with the clippers.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-beauty-mulatto-woman-with-long-lashes_633478-2727.jpg", imageAlt: "professional barber haircut studio lighting" },
|
||||
{ name: "Sarah W.", handle: "@sw", testimonial: "Got my son's haircut here, they were patient and skilled.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/crop-hand-trimming-moustache-customer_23-2147778871.jpg", imageAlt: "professional barber haircut studio lighting" },
|
||||
{ name: "David R.", handle: "@dr", testimonial: "Professional, clean, and exactly what I asked for.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/people-lifestyle-concept-isolated-handsome-fashionable-tattooed-man-with-fuzzy-beard-shaved-head-posing-indoors-with-arms-folded-having-confident-facial-expression_343059-1711.jpg", imageAlt: "professional barber haircut studio lighting" }
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+18165550123",
|
||||
},
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/serious-blond-bearded-man-white-shirt-classic-elegant-jacket-dark-background_613910-11234.jpg?_wi=2"
|
||||
buttons={[{ text: "Call Now", href: "tel:+18165550123" }, { text: "Book Appointment", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/serious-blond-bearded-man-white-shirt-classic-elegant-jacket-dark-background_613910-11234.jpg"
|
||||
imageAlt="Professional barber finishing a clean fade haircut"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-man-posing-chair_23-2149518251.jpg",
|
||||
alt: "Front view man posing on chair",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-blond-bearded-male-dressed-black-leather-jacket_613910-11915.jpg",
|
||||
alt: "Close up portrait of blond bearded male dressed in a black leather jacket.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-stylish-bearded-man-black-glance-shirt-with-tattoo-his-chest_613910-8981.jpg",
|
||||
alt: "Portrait of stylish bearded man in black glance shirt with tattoo on his chest.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hipster-style-bearded-man-black-shirt-studio-white-background_158595-1835.jpg",
|
||||
alt: "Hipster style bearded man black shirt in studio over white background",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-11879.jpg",
|
||||
alt: "Portrait of stylish blond bearded male dressed in a suit over grey background.",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-man-posing-chair_23-2149518251.jpg", alt: "Front view man posing on chair" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-blond-bearded-male-dressed-black-leather-jacket_613910-11915.jpg", alt: "Close up portrait of blond bearded male dressed in a black leather jacket." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-stylish-bearded-man-black-glance-shirt-with-tattoo-his-chest_613910-8981.jpg", alt: "Portrait of stylish bearded man in black glance shirt with tattoo on his chest." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/hipster-style-bearded-man-black-shirt-studio-white-background_158595-1835.jpg", alt: "Hipster style bearded man black shirt in studio over white background" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-11879.jpg", alt: "Portrait of stylish blond bearded male dressed in a suit over grey background." }
|
||||
]}
|
||||
avatarText="Trusted by 500+ locals"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision Fades",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Classic Shaves",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Beard Sculpting",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Styling",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Walk-ins Welcome",
|
||||
},
|
||||
{ type: "text", text: "Precision Fades" },
|
||||
{ type: "text", text: "Classic Shaves" },
|
||||
{ type: "text", text: "Beard Sculpting" },
|
||||
{ type: "text", text: "Modern Styling" },
|
||||
{ type: "text", text: "Walk-ins Welcome" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -169,21 +77,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Cuts",
|
||||
description: "Professional scissor and clipper cuts tailored to your unique style.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205858.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Fades & Tapers",
|
||||
description: "Expertly executed skin fades and tapers for a clean, professional finish.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-beauty-mulatto-woman-with-long-lashes_633478-2727.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Beard Grooming",
|
||||
description: "Precision beard trims and shaping to enhance your facial features.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-hand-trimming-moustache-customer_23-2147778871.jpg?_wi=2",
|
||||
},
|
||||
{ title: "Precision Cuts", description: "Professional scissor and clipper cuts tailored to your unique style.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205858.jpg" },
|
||||
{ title: "Fades & Tapers", description: "Expertly executed skin fades and tapers for a clean, professional finish.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-beauty-mulatto-woman-with-long-lashes_633478-2727.jpg" },
|
||||
{ title: "Beard Grooming", description: "Precision beard trims and shaping to enhance your facial features.", imageSrc: "http://img.b2bpic.net/free-photo/crop-hand-trimming-moustache-customer_23-2147778871.jpg" }
|
||||
]}
|
||||
title="Our Expert Services"
|
||||
description="We specialize in precision cuts, custom designs, and professional grooming to keep you looking your best."
|
||||
@@ -192,28 +88,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Kevin",
|
||||
role: "Lead Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-lifestyle-concept-isolated-handsome-fashionable-tattooed-man-with-fuzzy-beard-shaved-head-posing-indoors-with-arms-folded-having-confident-facial-expression_343059-1711.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah",
|
||||
role: "Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205873.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "David",
|
||||
role: "Junior Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-hairstylist-looking-camera_23-2147839834.jpg",
|
||||
},
|
||||
{ id: "1", name: "Kevin", role: "Lead Barber", imageSrc: "http://img.b2bpic.net/free-photo/people-lifestyle-concept-isolated-handsome-fashionable-tattooed-man-with-fuzzy-beard-shaved-head-posing-indoors-with-arms-folded-having-confident-facial-expression_343059-1711.jpg" },
|
||||
{ id: "2", name: "Sarah", role: "Barber", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205873.jpg" },
|
||||
{ id: "3", name: "David", role: "Junior Barber", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-hairstylist-looking-camera_23-2147839834.jpg" }
|
||||
]}
|
||||
title="Meet The Barbers"
|
||||
description="Our friendly team of skilled professionals is dedicated to giving you a great experience."
|
||||
@@ -225,61 +107,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
date: "March 2024",
|
||||
title: "Great Experience",
|
||||
quote: "Friendly but professional atmosphere. Loved the cut!",
|
||||
tag: "Expertise",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-uses-hair-dryer-men-s-haircut-barbershop_613910-5061.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serious-blond-bearded-man-white-shirt-classic-elegant-jacket-dark-background_613910-11234.jpg?_wi=3",
|
||||
imageAlt: "satisfied client at barbershop",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
date: "February 2024",
|
||||
title: "Perfect Cut",
|
||||
quote: "Exactly what I asked for. Best barbershop in town.",
|
||||
tag: "Precision",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-using-dry-shampoo-home_23-2150689656.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205858.jpg?_wi=3",
|
||||
imageAlt: "satisfied client at barbershop",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
date: "January 2024",
|
||||
title: "Professional",
|
||||
quote: "Great experience watching the barbers work, very talented.",
|
||||
tag: "Atmosphere",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/attractive-sporty-guy-by-window-athlete-posing-near-spacious-windows-gym-sports_78826-3420.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-beauty-mulatto-woman-with-long-lashes_633478-2727.jpg?_wi=3",
|
||||
imageAlt: "satisfied client at barbershop",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
date: "January 2024",
|
||||
title: "Highly Recommend",
|
||||
quote: "Found my new permanent barbershop. Amazing fades.",
|
||||
tag: "Clean",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-11862.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-hand-trimming-moustache-customer_23-2147778871.jpg?_wi=3",
|
||||
imageAlt: "satisfied client at barbershop",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jane Smith",
|
||||
date: "December 2023",
|
||||
title: "Reliable",
|
||||
quote: "Consistent quality every time. Never disappointed.",
|
||||
tag: "Reliable",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506342.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-lifestyle-concept-isolated-handsome-fashionable-tattooed-man-with-fuzzy-beard-shaved-head-posing-indoors-with-arms-folded-having-confident-facial-expression_343059-1711.jpg?_wi=3",
|
||||
imageAlt: "satisfied client at barbershop",
|
||||
},
|
||||
{ id: "1", name: "Sarah Johnson", date: "March 2024", title: "Great Experience", quote: "Friendly but professional atmosphere. Loved the cut!", tag: "Expertise", avatarSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-uses-hair-dryer-men-s-haircut-barbershop_613910-5061.jpg", imageSrc: "http://img.b2bpic.net/free-photo/serious-blond-bearded-man-white-shirt-classic-elegant-jacket-dark-background_613910-11234.jpg" },
|
||||
{ id: "2", name: "Michael Chen", date: "February 2024", title: "Perfect Cut", quote: "Exactly what I asked for. Best barbershop in town.", tag: "Precision", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-using-dry-shampoo-home_23-2150689656.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-hairdresser-salon_23-2149205858.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", date: "January 2024", title: "Professional", quote: "Great experience watching the barbers work, very talented.", tag: "Atmosphere", avatarSrc: "http://img.b2bpic.net/free-photo/attractive-sporty-guy-by-window-athlete-posing-near-spacious-windows-gym-sports_78826-3420.jpg", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-beauty-mulatto-woman-with-long-lashes_633478-2727.jpg" },
|
||||
{ id: "4", name: "David Kim", date: "January 2024", title: "Highly Recommend", quote: "Found my new permanent barbershop. Amazing fades.", tag: "Clean", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-11862.jpg", imageSrc: "http://img.b2bpic.net/free-photo/crop-hand-trimming-moustache-customer_23-2147778871.jpg" },
|
||||
{ id: "5", name: "Jane Smith", date: "December 2023", title: "Reliable", quote: "Consistent quality every time. Never disappointed.", tag: "Reliable", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506342.jpg", imageSrc: "http://img.b2bpic.net/free-photo/people-lifestyle-concept-isolated-handsome-fashionable-tattooed-man-with-fuzzy-beard-shaved-head-posing-indoors-with-arms-folded-having-confident-facial-expression_343059-1711.jpg" }
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Hear from our satisfied customers in the Gladstone community."
|
||||
@@ -289,21 +121,13 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Visit Us"
|
||||
title="Ready to Look Your Best?"
|
||||
description="Book your appointment today or give us a call for any questions."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+18165550123",
|
||||
},
|
||||
{
|
||||
text: "Book Online",
|
||||
href: "https://booking.wallysbarbershop.com",
|
||||
},
|
||||
{ text: "Call Now", href: "tel:+18165550123" },
|
||||
{ text: "Book Online", href: "https://booking.wallysbarbershop.com" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -312,35 +136,18 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
title: "Shop", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="Wallys Barbershop"
|
||||
copyrightText="© 2025 Wallys Barbershop | Gladstone, MO"
|
||||
|
||||
Reference in New Issue
Block a user