bender/646428a7-beb6-4a85-87c6-7934b34b4aa9
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-30 03:03:36 +00:00
parent 78f4c3f59c
commit 528290449f
1 changed files with 29 additions and 114 deletions
Download Patch File Download Diff File Expand all files Collapse all files

143
src/app/page.tsx
View File

@@ -29,21 +29,13 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "Services",
id: "features",
},
name: "Services", id: "features"},
{
name: "Our Team",
id: "team",
},
name: "Our Team", id: "team"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Fatboys Barbershop"
/>
@@ -52,38 +44,19 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Timeless Style, Fresh Cuts."
description="At Fatboys Barbershop, we blend traditional techniques with modern grooming to keep you looking your best. Sit back, relax, and let our experts handle the details."
tag="Premier Barbershop in Town"
buttons={[
{
text: "Book an Appointment",
href: "#contact",
},
text: "Book an Appointment", href: "#contact"},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2148506306.jpg?_wi=1",
imageAlt: "Barber workspace",
},
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2148506306.jpg", imageAlt: "Barber workspace"},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94764.jpg?_wi=1",
imageAlt: "Barber cutting hair",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/antiaging-beauty-treatment_23-2149123590.jpg?_wi=1",
imageAlt: "Professional grooming setup",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/patient-receiving-facial-treatment_107420-65199.jpg?_wi=1",
imageAlt: "Clean hot towel service",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-placing-his-bow-tie_1153-1519.jpg?_wi=1",
imageAlt: "Master barber at work",
},
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94764.jpg", imageAlt: "Barber cutting hair"}
]}
mediaAnimation="slide-up"
rating={5}
@@ -98,26 +71,11 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
id: "s1",
title: "Classic Haircut",
description: "Professional haircut tailored to your style and hair type.",
tag: "Popular",
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94764.jpg?_wi=2",
},
id: "s1", title: "Classic Haircut", description: "Professional haircut tailored to your style and hair type.", tag: "Popular", imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94764.jpg"},
{
id: "s2",
title: "Beard Grooming",
description: "Expert beard trimming, shaping, and conditioning for a sharp look.",
tag: "Essentials",
imageSrc: "http://img.b2bpic.net/free-photo/antiaging-beauty-treatment_23-2149123590.jpg?_wi=2",
},
id: "s2", title: "Beard Grooming", description: "Expert beard trimming, shaping, and conditioning for a sharp look.", tag: "Essentials", imageSrc: "http://img.b2bpic.net/free-photo/antiaging-beauty-treatment_23-2149123590.jpg"},
{
id: "s3",
title: "Straight Razor Shave",
description: "Traditional hot towel treatment and a clean, close shave.",
tag: "Premium",
imageSrc: "http://img.b2bpic.net/free-photo/patient-receiving-facial-treatment_107420-65199.jpg?_wi=2",
},
id: "s3", title: "Straight Razor Shave", description: "Traditional hot towel treatment and a clean, close shave.", tag: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/patient-receiving-facial-treatment_107420-65199.jpg"},
]}
title="Our Grooming Services"
description="From classic cuts to precision shaves, we use premium tools and products for every service."
@@ -132,23 +90,11 @@ export default function LandingPage() {
useInvertedBackground={false}
members={[
{
id: "t1",
name: "Alex 'Fatboy' Smith",
role: "Master Barber",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-placing-his-bow-tie_1153-1519.jpg?_wi=2",
},
id: "t1", name: "Alex 'Fatboy' Smith", role: "Master Barber", imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-placing-his-bow-tie_1153-1519.jpg"},
{
id: "t2",
name: "Jordan Lee",
role: "Senior Stylist",
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-trimmer-hair-brushes-offering-brush-camera-smiling_141793-37155.jpg",
},
id: "t2", name: "Jordan Lee", role: "Senior Stylist", imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-trimmer-hair-brushes-offering-brush-camera-smiling_141793-37155.jpg"},
{
id: "t3",
name: "Sam Taylor",
role: "Grooming Specialist",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-redhead-hipster-male-dressed-blue-jacket-grey-background_613910-1740.jpg",
},
id: "t3", name: "Sam Taylor", role: "Grooming Specialist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-redhead-hipster-male-dressed-blue-jacket-grey-background_613910-1740.jpg"},
]}
title="Meet Your Barbers"
description="Experienced professionals dedicated to your style."
@@ -160,30 +106,15 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "c1",
name: "John Doe",
imageSrc: "http://img.b2bpic.net/free-photo/child-getting-their-hair-blown-salon_23-2150462466.jpg",
},
id: "c1", name: "John Doe", imageSrc: "http://img.b2bpic.net/free-photo/child-getting-their-hair-blown-salon_23-2150462466.jpg"},
{
id: "c2",
name: "Mark Evans",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-hairdresser-shop_23-2149220528.jpg",
},
id: "c2", name: "Mark Evans", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-hairdresser-shop_23-2149220528.jpg"},
{
id: "c3",
name: "David W.",
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-shirt-showing-thumb-up_171337-15577.jpg",
},
id: "c3", name: "David W.", imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-shirt-showing-thumb-up_171337-15577.jpg"},
{
id: "c4",
name: "Sarah Miller",
imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-using-dryer-beard-senior-client_23-2148181879.jpg",
},
id: "c4", name: "Sarah Miller", imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-using-dryer-beard-senior-client_23-2148181879.jpg"},
{
id: "c5",
name: "Mike Ross",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2148506306.jpg?_wi=2",
},
id: "c5", name: "Mike Ross", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2148506306.jpg"},
]}
cardTitle="What Our Clients Say"
cardTag="Testimonials"
@@ -195,14 +126,11 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
text="Ready for your next cut? Book an appointment today or swing by the shop. Walk-ins are always welcome!"
buttons={[
{
text: "Call to Book: (555) 123-4567",
href: "tel:5551234567",
},
text: "Call to Book: (555) 123-4567", href: "tel:5551234567"},
]}
/>
</div>
@@ -211,38 +139,25 @@ export default function LandingPage() {
<FooterBaseReveal
columns={[
{
title: "About Us",
items: [
title: "About Us", items: [
{
label: "Our Story",
href: "#",
},
label: "Our Story", href: "#"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
],
},
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Haircuts",
href: "#",
},
label: "Haircuts", href: "#"},
{
label: "Shaves",
href: "#",
},
label: "Shaves", href: "#"},
],
},
{
title: "Location",
items: [
title: "Location", items: [
{
label: "123 Barber St, City",
href: "#",
},
label: "123 Barber St, City", href: "#"},
],
},
]}