bender/b508be3f-ee96-4105-be91-c93bfa50c33d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-05-02 22:27:04 +00:00
Conversation 0 Commits 1 Files Changed 1 +35 -185
1 changed files with 35 additions and 185 deletions
Download Patch File Download Diff File Expand all files Collapse all files

220
src/app/page.tsx
View File

@@ -32,22 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "About",
id: "#about",
},
{
name: "Services",
id: "#services",
},
{
name: "Team",
id: "#team",
},
{
name: "Contact",
id: "#contact",
},
{ name: "About", id: "#about" },
{ name: "Services", id: "#services" },
{ name: "Team", id: "#team" },
{ name: "Contact", id: "#contact" },
]}
brandName="West Coast Barbershop"
/>
@@ -55,32 +43,15 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "rotated-rays-animated",
}}
background={{ variant: "rotated-rays-animated" }}
title="Spartanburg's Finest Barbershop"
description="Where West Coast cool meets Southern charm. Experience precision cuts and a high-end atmosphere designed for the modern gentleman."
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185640.jpg?_wi=1",
imageAlt: "vintage barbershop interior leather chairs",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/seascape-with-silhouettes-palm-trees-pink-clouds_181624-31007.jpg?_wi=1",
imageAlt: "sunset palm trees ocean vibe",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-shaving-objects_23-2148121947.jpg",
imageAlt: "barber clippers and straight razor tools",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/side-view-barber-cutting-client-s-beard_23-2148242865.jpg",
imageAlt: "vintage barbershop interior leather chairs",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/tropical-vacation-spot_23-2151982384.jpg",
imageAlt: "sunset palm trees ocean vibe",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185640.jpg", imageAlt: "vintage barbershop interior leather chairs" },
{ imageSrc: "http://img.b2bpic.net/free-photo/seascape-with-silhouettes-palm-trees-pink-clouds_181624-31007.jpg", imageAlt: "sunset palm trees ocean vibe" },
{ imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-shaving-objects_23-2148121947.jpg", imageAlt: "barber clippers and straight razor tools" },
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-barber-cutting-client-s-beard_23-2148242865.jpg", imageAlt: "vintage barbershop interior leather chairs" },
{ imageSrc: "http://img.b2bpic.net/free-photo/tropical-vacation-spot_23-2151982384.jpg", imageAlt: "sunset palm trees ocean vibe" },
]}
mediaAnimation="blur-reveal"
/>
@@ -103,56 +74,16 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "p1",
badge: "Classic",
price: "$30",
subtitle: "Precision haircut experience",
buttons: [
{
text: "Book Now",
href: "#",
},
],
features: [
"Classic haircut",
"Neck shave",
"Hot towel treatment",
],
id: "p1", badge: "Classic", price: "$30", subtitle: "Precision haircut experience", buttons: [{ text: "Book Now", href: "#" }],
features: ["Classic haircut", "Neck shave", "Hot towel treatment"],
},
{
id: "p2",
badge: "Signature",
price: "$55",
subtitle: "The full experience",
buttons: [
{
text: "Book Now",
href: "#",
},
],
features: [
"Signature haircut",
"Beard trim/shave",
"Scalp massage",
],
id: "p2", badge: "Signature", price: "$55", subtitle: "The full experience", buttons: [{ text: "Book Now", href: "#" }],
features: ["Signature haircut", "Beard trim/shave", "Scalp massage"],
},
{
id: "p3",
badge: "Elite",
price: "$75",
subtitle: "Luxury grooming service",
buttons: [
{
text: "Book Now",
href: "#",
},
],
features: [
"Full service cut",
"Deluxe shave",
"Face massage",
"Essential oil treatment",
],
id: "p3", badge: "Elite", price: "$75", subtitle: "Luxury grooming service", buttons: [{ text: "Book Now", href: "#" }],
features: ["Full service cut", "Deluxe shave", "Face massage", "Essential oil treatment"],
},
]}
title="Our Signature Services"
@@ -166,30 +97,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
features={[
{
title: "Expert Stylists",
description: "Highly trained master barbers skilled in all hair types and beard styles.",
bentoComponent: "reveal-icon",
icon: Scissors,
imageSrc: "http://img.b2bpic.net/free-photo/mustache-razors-white-background_23-2147736984.jpg",
imageAlt: "barber clippers and straight razor tools",
},
{
title: "Premium Products",
description: "We only use top-tier, high-end grooming products for every service.",
bentoComponent: "reveal-icon",
icon: Sparkles,
imageSrc: "http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185640.jpg?_wi=2",
imageAlt: "barber clippers and straight razor tools",
},
{
title: "Relaxed Vibe",
description: "An inviting, stylish atmosphere where you can kick back, relax, and look your best.",
bentoComponent: "reveal-icon",
icon: Coffee,
imageSrc: "http://img.b2bpic.net/free-photo/seascape-with-silhouettes-palm-trees-pink-clouds_181624-31007.jpg?_wi=2",
imageAlt: "barber clippers and straight razor tools",
},
{ title: "Expert Stylists", description: "Highly trained master barbers skilled in all hair types and beard styles.", bentoComponent: "reveal-icon", icon: Scissors },
{ title: "Premium Products", description: "We only use top-tier, high-end grooming products for every service.", bentoComponent: "reveal-icon", icon: Sparkles },
{ title: "Relaxed Vibe", description: "An inviting, stylish atmosphere where you can kick back, relax, and look your best.", bentoComponent: "reveal-icon", icon: Coffee },
]}
title="Why Choose Us"
description="We define the Spartanburg standard."
@@ -200,42 +110,18 @@ export default function LandingPage() {
<TestimonialCardSix
textboxLayout="split"
useInvertedBackground={false}
animationType="blur-reveal"
testimonials={[
{
id: "t1",
name: "John D.",
handle: "@johndoe",
testimonial: "Best fade I've had in Spartanburg. The vibe is immaculate.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506342.jpg",
},
id: "t1", name: "John D.", handle: "@johndoe", testimonial: "Best fade I've had in Spartanburg. The vibe is immaculate.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506342.jpg"},
{
id: "t2",
name: "Mike S.",
handle: "@mikes",
testimonial: "Very professional and friendly atmosphere. Highly recommend.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pensive-man-with-receive-moustache-beard-trimming-procedure-barbershop_613910-15033.jpg",
},
id: "t2", name: "Mike S.", handle: "@mikes", testimonial: "Very professional and friendly atmosphere. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-pensive-man-with-receive-moustache-beard-trimming-procedure-barbershop_613910-15033.jpg"},
{
id: "t3",
name: "David R.",
handle: "@drdave",
testimonial: "High-end quality without the stuffy vibe. I'm a regular now.",
imageSrc: "http://img.b2bpic.net/free-photo/pleased-looking-side-young-male-barber-wearing-uniform-holding-barber-tools-isolated-olive-green-wall_141793-106088.jpg",
},
id: "t3", name: "David R.", handle: "@drdave", testimonial: "High-end quality without the stuffy vibe. I'm a regular now.", imageSrc: "http://img.b2bpic.net/free-photo/pleased-looking-side-young-male-barber-wearing-uniform-holding-barber-tools-isolated-olive-green-wall_141793-106088.jpg"},
{
id: "t4",
name: "Sam L.",
handle: "@saml",
testimonial: "Consistent, clean cuts every single time I visit.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-hairdresser-with-electric-trimmer_23-2147839779.jpg",
},
id: "t4", name: "Sam L.", handle: "@saml", testimonial: "Consistent, clean cuts every single time I visit.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-hairdresser-with-electric-trimmer_23-2147839779.jpg"},
{
id: "t5",
name: "Alex P.",
handle: "@alexp",
testimonial: "The hot towel service is an absolute game-changer.",
imageSrc: "http://img.b2bpic.net/free-photo/man-hair-salon-looking-sideways_23-2148242781.jpg",
},
id: "t5", name: "Alex P.", handle: "@alexp", testimonial: "The hot towel service is an absolute game-changer.", imageSrc: "http://img.b2bpic.net/free-photo/man-hair-salon-looking-sideways_23-2148242781.jpg"},
]}
title="Client Feedback"
description="What our guests say about us."
@@ -247,25 +133,14 @@ export default function LandingPage() {
useInvertedBackground={true}
title="Meet The Crew"
tag="Master Barbers"
membersAnimation="slide-up"
members={[
{
id: "m1",
name: "Marcus West",
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-afro-american-male-barber-wearing-uniform-holding-barber-tools-pointing-them_141793-116999.jpg",
imageAlt: "professional barber smiling in apron",
},
id: "m1", name: "Marcus West", imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-afro-american-male-barber-wearing-uniform-holding-barber-tools-pointing-them_141793-116999.jpg", imageAlt: "professional barber smiling in apron"},
{
id: "m2",
name: "James South",
imageSrc: "http://img.b2bpic.net/free-photo/business-owner-with-apron-break_23-2148366601.jpg",
imageAlt: "barber with tattoos looking professional",
},
id: "m2", name: "James South", imageSrc: "http://img.b2bpic.net/free-photo/business-owner-with-apron-break_23-2148366601.jpg", imageAlt: "barber with tattoos looking professional"},
{
id: "m3",
name: "Leo C.",
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-caucasian-male-barber-wearing-glasses-wavy-hair-band-uniform-holding-comb-scissors-isolated-white-background_141793-31598.jpg",
imageAlt: "barber expert tools in hand",
},
id: "m3", name: "Leo C.", imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-caucasian-male-barber-wearing-glasses-wavy-hair-band-uniform-holding-comb-scissors-isolated-white-background_141793-31598.jpg", imageAlt: "barber expert tools in hand"},
]}
memberVariant="card"
/>
@@ -277,24 +152,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{
id: "m1",
icon: Award,
title: "Awards Won",
value: "12+",
},
{
id: "m2",
icon: Users,
title: "Happy Clients",
value: "5000+",
},
{
id: "m3",
icon: Calendar,
title: "Years Experience",
value: "10+",
},
{ id: "m1", icon: Award, title: "Awards Won", value: "12+" },
{ id: "m2", icon: Users, title: "Happy Clients", value: "5000+" },
{ id: "m3", icon: Calendar, title: "Years Experience", value: "10+" },
]}
title="Our Impact"
description="Growing strong in the local community."
@@ -304,9 +164,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={true}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Contact"
title="Book Your Spot"
description="Ready for a fresh cut? Send us a message."
@@ -318,16 +176,8 @@ export default function LandingPage() {
logoText="West Coast Barbershop"
copyrightText="© 2025 | West Coast Barbershop. All rights reserved."
socialLinks={[
{
icon: Instagram,
href: "#",
ariaLabel: "Instagram",
},
{
icon: Facebook,
href: "#",
ariaLabel: "Facebook",
},
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
]}
/>
</div>