bender/0751900c-82fd-4378-92cc-c61f7d9a72f3
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-04-09 20:59:38 +00:00
Conversation 0 Commits 1 Files Changed 1 +37 -207
1 changed files with 37 additions and 207 deletions
Download Patch File Download Diff File Expand all files Collapse all files

244
src/app/page.tsx
View File

@@ -29,26 +29,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "home",
},
{
name: "About",
id: "about",
},
{
name: "Services",
id: "services",
},
{
name: "Team",
id: "team",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "home" },
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Team", id: "team" },
{ name: "Contact", id: "contact" },
]}
brandName="Matt the Barber"
/>
@@ -56,64 +41,27 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroSplit
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
title="Precision Cuts & Classic Style"
description="Welcome to Matt the Barber, where traditional craftsmanship meets modern precision. Experience the ultimate grooming service in a relaxing, professional environment."
buttons={[
{
text: "Book an Appointment",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185640.jpg?_wi=1"
buttons={[{ text: "Book an Appointment", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185640.jpg"
imageAlt="Professional barber setup"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/adult-barber-uniform-laughing-hair-salon_23-2148181964.jpg",
alt: "Barber 1",
},
{
src: "http://img.b2bpic.net/free-photo/funny-worker-amusing-colleague-office-telling-joke_482257-102093.jpg",
alt: "Barber 2",
},
{
src: "http://img.b2bpic.net/free-photo/business-owner-with-apron-break_23-2148366601.jpg",
alt: "Barber 3",
},
{
src: "http://img.b2bpic.net/free-photo/adult-barber-uniform-laughing-hair-salon_23-2148181964.jpg",
alt: "Client 1",
},
{
src: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205870.jpg",
alt: "Client 2",
},
{ src: "http://img.b2bpic.net/free-photo/adult-barber-uniform-laughing-hair-salon_23-2148181964.jpg", alt: "Barber 1" },
{ src: "http://img.b2bpic.net/free-photo/funny-worker-amusing-colleague-office-telling-joke_482257-102093.jpg", alt: "Barber 2" },
{ src: "http://img.b2bpic.net/free-photo/business-owner-with-apron-break_23-2148366601.jpg", alt: "Barber 3" },
{ src: "http://img.b2bpic.net/free-photo/adult-barber-uniform-laughing-hair-salon_23-2148181964.jpg", alt: "Client 1" },
{ src: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205870.jpg", alt: "Client 2" },
]}
avatarText="Trusted by 500+ locals"
marqueeItems={[
{
type: "text",
text: "Precision Fades",
},
{
type: "text",
text: "Classic Shaves",
},
{
type: "text",
text: "Beard Sculpting",
},
{
type: "text",
text: "Premium Grooming",
},
{
type: "text",
text: "Modern Trends",
},
{ type: "text", text: "Precision Fades" },
{ type: "text", text: "Classic Shaves" },
{ type: "text", text: "Beard Sculpting" },
{ type: "text", text: "Premium Grooming" },
{ type: "text", text: "Modern Trends" },
]}
/>
</div>
@@ -123,9 +71,7 @@ export default function LandingPage() {
useInvertedBackground={false}
title="About Matt the Barber"
description={[
"For over a decade, Matt has been dedicated to the art of fine grooming. We believe in high-quality cuts, detailed beard work, and building lasting relationships with our community.",
"Our shop blends timeless barbering techniques with modern trends to ensure you leave looking and feeling your best.",
]}
"For over a decade, Matt has been dedicated to the art of fine grooming. We believe in high-quality cuts, detailed beard work, and building lasting relationships with our community.", "Our shop blends timeless barbering techniques with modern trends to ensure you leave looking and feeling your best."]}
/>
</div>
@@ -135,55 +81,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
plans={[
{
id: "p1",
tag: "Popular",
price: "$35",
period: "/cut",
description: "Precision haircut and neck shave.",
button: {
text: "Book Now",
},
featuresTitle: "Includes:",
features: [
"Consultation",
"Haircut",
"Hot towel finish",
],
},
{
id: "p2",
tag: "Essential",
price: "$45",
period: "/cut+beard",
description: "Full service trim.",
button: {
text: "Book Now",
},
featuresTitle: "Includes:",
features: [
"Haircut",
"Beard trim",
"Line up",
"Straight razor shave",
],
},
{
id: "p3",
tag: "Elite",
price: "$60",
period: "/full",
description: "The full grooming experience.",
button: {
text: "Book Now",
},
featuresTitle: "Includes:",
features: [
"Everything in Essential",
"Facial treatment",
"Scalp massage",
],
},
{ id: "p1", tag: "Popular", price: "$35", period: "/cut", description: "Precision haircut and neck shave.", button: { text: "Book Now" }, featuresTitle: "Includes:", features: ["Consultation", "Haircut", "Hot towel finish"] },
{ id: "p2", tag: "Essential", price: "$45", period: "/cut+beard", description: "Full service trim.", button: { text: "Book Now" }, featuresTitle: "Includes:", features: ["Haircut", "Beard trim", "Line up", "Straight razor shave"] },
{ id: "p3", tag: "Elite", price: "$60", period: "/full", description: "The full grooming experience.", button: { text: "Book Now" }, featuresTitle: "Includes:", features: ["Everything in Essential", "Facial treatment", "Scalp massage"] },
]}
title="Services & Pricing"
description="Choose the perfect cut for your style."
@@ -197,34 +97,12 @@ export default function LandingPage() {
useInvertedBackground={false}
groups={[
{
id: "g1",
groupTitle: "Expert Barbers",
members: [
{
id: "m1",
title: "Matt",
subtitle: "Founder / Head Barber",
detail: "A veteran barber with over 10 years of experience in classic techniques.",
imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-uniform-laughing-hair-salon_23-2148181964.jpg?_wi=1",
},
{
id: "m2",
title: "Alex",
subtitle: "Senior Barber",
detail: "Master of modern fades and intricate beard sculpting.",
imageSrc: "http://img.b2bpic.net/free-photo/funny-worker-amusing-colleague-office-telling-joke_482257-102093.jpg",
},
{
id: "m3",
title: "Jordan",
subtitle: "Barber",
detail: "Passionate about detail and customer experience.",
imageSrc: "http://img.b2bpic.net/free-photo/business-owner-with-apron-break_23-2148366601.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/world-theatre-day-celebration_23-2151185640.jpg?_wi=2",
imageAlt: "barbershop interior modern rustic",
},
id: "g1", groupTitle: "Expert Barbers", members: [
{ id: "m1", title: "Matt", subtitle: "Founder / Head Barber", detail: "A veteran barber with over 10 years of experience in classic techniques.", imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-uniform-laughing-hair-salon_23-2148181964.jpg" },
{ id: "m2", title: "Alex", subtitle: "Senior Barber", detail: "Master of modern fades and intricate beard sculpting.", imageSrc: "http://img.b2bpic.net/free-photo/funny-worker-amusing-colleague-office-telling-joke_482257-102093.jpg" },
{ id: "m3", title: "Jordan", subtitle: "Barber", detail: "Passionate about detail and customer experience.", imageSrc: "http://img.b2bpic.net/free-photo/business-owner-with-apron-break_23-2148366601.jpg" },
]
}
]}
title="Meet the Team"
description="Our talented team is dedicated to excellence."
@@ -238,46 +116,11 @@ export default function LandingPage() {
gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Mark S.",
role: "Client",
company: "Local Customer",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-uniform-laughing-hair-salon_23-2148181964.jpg?_wi=2",
},
{
id: "t2",
name: "James L.",
role: "Client",
company: "Regular",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205870.jpg",
},
{
id: "t3",
name: "Brian K.",
role: "Client",
company: "Local Customer",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-5073.jpg",
},
{
id: "t4",
name: "Sam D.",
role: "Client",
company: "Regular",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
},
{
id: "t5",
name: "Chris P.",
role: "Client",
company: "New Customer",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-couple-standing-together-doing-ok-gesture-with-hand-smiling-eye-looking-through-fingers-with-happy-face_839833-32832.jpg",
},
{ id: "t1", name: "Mark S.", role: "Client", company: "Local Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-uniform-laughing-hair-salon_23-2148181964.jpg" },
{ id: "t2", name: "James L.", role: "Client", company: "Regular", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205870.jpg" },
{ id: "t3", name: "Brian K.", role: "Client", company: "Local Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-5073.jpg" },
{ id: "t4", name: "Sam D.", role: "Client", company: "Regular", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg" },
{ id: "t5", name: "Chris P.", role: "Client", company: "New Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/middle-age-couple-standing-together-doing-ok-gesture-with-hand-smiling-eye-looking-through-fingers-with-happy-face_839833-32832.jpg" },
]}
title="What Our Clients Say"
description="Join our community of satisfied customers."
@@ -287,30 +130,17 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
text="Ready for your best haircut yet? Visit us in the heart of town or call to schedule an appointment."
buttons={[
{
text: "Call (555) 123-4567",
href: "tel:5551234567",
},
]}
buttons={[{ text: "Call (555) 123-4567", href: "tel:5551234567" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Matt the Barber"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "© 2024 Matt the Barber",
href: "#",
}}
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "© 2024 Matt the Barber", href: "#" }}
/>
</div>
</ReactLenis>