bender/a9fd1ddd-4e34-42af-bade-2ddf3adcda25
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-04-08 16:41:22 +00:00
parent 586704e2f6
commit e3e3aa461f
1 changed files with 47 additions and 168 deletions
Download Patch File Download Diff File Expand all files Collapse all files

215
src/app/page.tsx
View File

@@ -31,25 +31,15 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "Services",
id: "services",
},
name: "Services", id: "services"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Testimonials",
id: "testimonials",
},
name: "Testimonials", id: "testimonials"},
{
name: "Book Now",
id: "contact",
},
name: "Book Now", id: "contact"},
]}
brandName="Jay & Zee Barbers"
/>
@@ -61,37 +51,23 @@ export default function LandingPage() {
description="Specialists in fades, beard grooming, and modern men’s styling. Built on consistency, trust, and long-term client loyalty."
buttons={[
{
text: "Book Appointment",
href: "#contact",
},
text: "Book Appointment", href: "#contact"},
{
text: "View Services",
href: "#services",
},
text: "View Services", href: "#services"},
]}
imageSrc="http://img.b2bpic.net/free-photo/bearded-man-with-razor-blade_23-2148256871.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/bearded-man-with-razor-blade_23-2148256871.jpg"
imageAlt="Close-up of a precision fade haircut"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-man-getting-haircut_23-2148224421.jpg",
alt: "Client 1",
},
src: "http://img.b2bpic.net/free-photo/portrait-man-getting-haircut_23-2148224421.jpg", alt: "Client 1"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-hairdresser-washing-man-s-hair_23-2150665396.jpg",
alt: "Client 2",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-hairdresser-washing-man-s-hair_23-2150665396.jpg", alt: "Client 2"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-man-hair-salon_23-2150665422.jpg",
alt: "Client 3",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-man-hair-salon_23-2150665422.jpg", alt: "Client 3"},
{
src: "http://img.b2bpic.net/free-photo/child-getting-their-hair-blown-salon_23-2150462466.jpg",
alt: "Client 4",
},
src: "http://img.b2bpic.net/free-photo/child-getting-their-hair-blown-salon_23-2150462466.jpg", alt: "Client 4"},
{
src: "http://img.b2bpic.net/free-photo/close-up-view-barber-shop-concept_23-2148506323.jpg",
alt: "Client 5",
},
src: "http://img.b2bpic.net/free-photo/close-up-view-barber-shop-concept_23-2148506323.jpg", alt: "Client 5"},
]}
avatarText="Trusted by 500+ locals"
/>
@@ -102,14 +78,9 @@ export default function LandingPage() {
useInvertedBackground={false}
heading={[
{
type: "text",
content: "A Barbershop Built on Trust and Consistency",
},
type: "text", content: "A Barbershop Built on Trust and Consistency"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chair-stylish-barber-shop_627829-6180.jpg",
alt: "Modern barbershop interior",
},
type: "image", src: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chair-stylish-barber-shop_627829-6180.jpg", alt: "Modern barbershop interior"},
]}
/>
</div>
@@ -121,44 +92,19 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Fade Haircuts",
description: "Skin fades, mid fades, and low fades with clean, blended precision.",
bentoComponent: "reveal-icon",
icon: Scissors,
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-with-razor-blade_23-2148256871.jpg?_wi=2",
imageAlt: "barber shop precision fade haircut",
title: "Fade Haircuts", description: "Skin fades, mid fades, and low fades with clean, blended precision.", bentoComponent: "reveal-icon", icon: Scissors,
},
{
title: "Beard Grooming",
description: "Expert beard shape ups, line definition, and full maintenance.",
bentoComponent: "reveal-icon",
icon: User,
imageSrc: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chair-stylish-barber-shop_627829-6180.jpg",
imageAlt: "modern luxury barber shop interior",
title: "Beard Grooming", description: "Expert beard shape ups, line definition, and full maintenance.", bentoComponent: "reveal-icon", icon: User,
},
{
title: "Hot Towel Experience",
description: "Relaxation-focused finish with skin preparation and premium comfort.",
bentoComponent: "reveal-icon",
icon: Waves,
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-barbershop-concept_23-2148506252.jpg",
imageAlt: "professional fade haircut close-up",
title: "Hot Towel Experience", description: "Relaxation-focused finish with skin preparation and premium comfort.", bentoComponent: "reveal-icon", icon: Waves,
},
{
title: "Kids Haircuts",
description: "Patient, friendly approach in a comfortable environment for children.",
bentoComponent: "reveal-icon",
icon: Smile,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-european-man-applies-shaving-foam-face-with-brush-prepares-shave-wears-showercap-has-soft-towel-around-neck-stands-topless-indoor-masculine-skin-care-concept_273609-30583.jpg",
imageAlt: "professional beard grooming sculpting",
title: "Kids Haircuts", description: "Patient, friendly approach in a comfortable environment for children.", bentoComponent: "reveal-icon", icon: Smile,
},
{
title: "Restyle & Consult",
description: "Personalized style correction and haircut planning to suit your features.",
bentoComponent: "reveal-icon",
icon: RefreshCw,
imageSrc: "http://img.b2bpic.net/free-photo/mother-little-daughter-have-fun-home_1157-30246.jpg",
imageAlt: "barber shop hot towel service",
title: "Restyle & Consult", description: "Personalized style correction and haircut planning to suit your features.", bentoComponent: "reveal-icon", icon: RefreshCw,
},
]}
title="Mastered Grooming Services"
@@ -174,45 +120,20 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Alex R.",
role: "Client",
company: "Rainham",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-getting-haircut_23-2148224421.jpg",
},
id: "1", name: "Alex R.", role: "Client", company: "Rainham", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-getting-haircut_23-2148224421.jpg"},
{
id: "2",
name: "John D.",
role: "Client",
company: "East London",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-hairdresser-washing-man-s-hair_23-2150665396.jpg",
},
id: "2", name: "John D.", role: "Client", company: "East London", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-hairdresser-washing-man-s-hair_23-2150665396.jpg"},
{
id: "3",
name: "Sarah W.",
role: "Parent",
company: "Local",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-hair-salon_23-2150665422.jpg",
},
id: "3", name: "Sarah W.", role: "Parent", company: "Local", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-hair-salon_23-2150665422.jpg"},
{
id: "4",
name: "Mark S.",
role: "Client",
company: "Essex",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/child-getting-their-hair-blown-salon_23-2150462466.jpg",
},
id: "4", name: "Mark S.", role: "Client", company: "Essex", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/child-getting-their-hair-blown-salon_23-2150462466.jpg"},
{
id: "5",
name: "James K.",
role: "Client",
company: "Local",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-barber-shop-concept_23-2148506323.jpg",
},
id: "5", name: "James K.", role: "Client", company: "Local", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-barber-shop-concept_23-2148506323.jpg"},
]}
title="Proven Reputation"
description="Trusted by hundreds of clients across East London & Essex for consistent high-quality results."
@@ -227,41 +148,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "g1",
name: "Precision Fade",
price: "Work",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-sensitive-man-studio_23-2149518228.jpg",
},
id: "g1", name: "Precision Fade", price: "Work", imageSrc: "http://img.b2bpic.net/free-photo/side-view-sensitive-man-studio_23-2149518228.jpg"},
{
id: "g2",
name: "Shop Interior",
price: "Atmosphere",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-leather-barber-shop-chair_23-2148242807.jpg",
},
id: "g2", name: "Shop Interior", price: "Atmosphere", imageSrc: "http://img.b2bpic.net/free-photo/side-view-leather-barber-shop-chair_23-2148242807.jpg"},
{
id: "g3",
name: "Beard Sculpture",
price: "Detail",
imageSrc: "http://img.b2bpic.net/free-photo/elderly-man_23-2148138784.jpg",
},
id: "g3", name: "Beard Sculpture", price: "Detail", imageSrc: "http://img.b2bpic.net/free-photo/elderly-man_23-2148138784.jpg"},
{
id: "g4",
name: "Style Result",
price: "Final Look",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-man-looking-away-standing-against-grey-wall_23-2148130340.jpg",
},
id: "g4", name: "Style Result", price: "Final Look", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-man-looking-away-standing-against-grey-wall_23-2148130340.jpg"},
{
id: "g5",
name: "Hot Towel",
price: "Relaxation",
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-undereye-masks-her-bathroom_23-2149122115.jpg",
},
id: "g5", name: "Hot Towel", price: "Relaxation", imageSrc: "http://img.b2bpic.net/free-photo/woman-using-undereye-masks-her-bathroom_23-2149122115.jpg"},
{
id: "g6",
name: "Shop Exterior",
price: "Location",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-business-owner-standing-outdoors_23-2149434497.jpg",
},
id: "g6", name: "Shop Exterior", price: "Location", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-business-owner-standing-outdoors_23-2149434497.jpg"},
]}
title="Work Showcase"
description="Precision fades, beard transformations, and a clean shop atmosphere."
@@ -272,20 +169,15 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
tag="Book Your Spot"
title="Secure Your Appointment"
description="Join our satisfied clients. High demand time slots fill quickly—secure yours today."
buttons={[
{
text: "Book Now",
href: "#",
},
text: "Book Now", href: "#"},
{
text: "Call the Shop",
href: "tel:0000000000",
},
text: "Call the Shop", href: "tel:0000000000"},
]}
/>
</div>
@@ -294,38 +186,25 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Visit Us",
items: [
title: "Visit Us", items: [
{
label: "Central Rainham, Essex",
href: "#",
},
label: "Central Rainham, Essex", href: "#"},
],
},
{
title: "Social",
items: [
title: "Social", items: [
{
label: "Instagram",
href: "#",
},
label: "Instagram", href: "#"},
{
label: "TikTok",
href: "#",
},
label: "TikTok", href: "#"},
],
},
{
title: "Quick Links",
items: [
title: "Quick Links", items: [
{
label: "Book Appointment",
href: "#contact",
},
label: "Book Appointment", href: "#contact"},
{
label: "Our Services",
href: "#services",
},
label: "Our Services", href: "#services"},
],
},
]}