bender/da8fbcd8-8f4d-439e-b9c0-8d3870508132
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:version_3
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1

7 Commits
version_1 ... version_3

Author SHA1 Message Date
bender
618e5a99fd Update src/app/page.tsx 2026-05-25 23:18:13 +00:00
bender
8a7618ea20 Update src/app/page.tsx 2026-05-25 23:17:49 +00:00
bender
64627a5788 Merge version_2 into main 
Merge version_2 into main
 2026-05-25 23:14:27 +00:00
bender
3076bf830a Update src/app/page.tsx 2026-05-25 23:14:24 +00:00
bender
ee433acca6 Merge version_2 into main 
Merge version_2 into main
 2026-05-25 23:14:03 +00:00
bender
a08326f94a Update src/app/page.tsx 2026-05-25 23:13:57 +00:00
bender
f009330cc7 Merge version_1 into main 
Merge version_1 into main
 2026-05-25 23:05:15 +00:00
1 changed files with 44 additions and 37 deletions
Expand all files Collapse all files

81
src/app/page.tsx
View File

@@ -64,9 +64,10 @@ export default function LandingPage() {
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-washbasin_107420-94763.jpg", imageAlt: "Close-up of a precision fade haircut"},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EEFkb51EiZNiVnuufgY5ajVCAh/uploaded-1779750801156-a5kdlg83.png?_wi=1", imageAlt: "Close-up of a precision fade haircut"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313017.jpg", imageAlt: "Detail of a luxury barber chair"}
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EEFkb51EiZNiVnuufgY5ajVCAh/uploaded-1779751018538-dq8l2bsf.png", imageAlt: "Close-up of a barber shaving a man's chin"
}
]}
mediaAnimation="slide-up"
rating={4.5}
@@ -79,15 +80,15 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1", name: "Glen", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-sitting-chair_23-2149220526.jpg", imageAlt: "Smiling client Sarah Johnson"},
id: "1", name: "Glen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EEFkb51EiZNiVnuufgY5ajVCAh/uploaded-1779750801157-n1jj9xkz.png?_wi=1", imageAlt: "Smiling client Glen"},
{
id: "2", name: "Kojo", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-man-glasses-showing-thumb-up-gray-wall_231208-7813.jpg", imageAlt: "Satisfied client Michael Chen"},
id: "2", name: "Kojo", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EEFkb51EiZNiVnuufgY5ajVCAh/uploaded-1779751018538-lm94d87s.png?_wi=1", imageAlt: "Satisfied client Kojo"},
{
id: "3", name: "Richard", imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7365.jpg", imageAlt: "Happy client Emily Rodriguez"},
id: "3", name: "Richard", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EEFkb51EiZNiVnuufgY5ajVCAh/uploaded-1779751018538-zsi7umzb.png?_wi=1", imageAlt: "Happy client Richard"},
{
id: "4", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/happy-men-bachelor-party_23-2149275459.jpg", imageAlt: "Loyal client David Kim"},
id: "4", name: "David Kim", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EEFkb51EiZNiVnuufgY5ajVCAh/uploaded-1779750801157-n1jj9xkz.png?_wi=2", imageAlt: "Loyal client David Kim"},
{
id: "5", name: "James Williams", imageSrc: "http://img.b2bpic.net/free-photo/happiness-concept-glad-positive-afro-american-man-with-trendy-hairstyle-poses-naked_273609-8552.jpg", imageAlt: "Client James Williams"},
id: "5", name: "James Williams", imageSrc: "http://img.b2bpic.net/free-photo/happiness-concept-glad-positive-afro-american-man-with-trendy-hairstyle-poses-naked_273609-8552.jpg", imageAlt: "Client James Williams"}
]}
cardTitle="Why Clients Never Switch Up"
cardTag="Google Review Score: 4.5+ | 500+ reviews. Most clients return monthly."
@@ -103,28 +104,34 @@ export default function LandingPage() {
features={[
{
id: "fade", label: "Precision", title: "Signature Fade", items: [
"Sharp blends", "Detailed finishing", "Flawless line work"],
"Sharp blends", "Detailed finishing", "Flawless line work", "Price: £25"
]
},
{
id: "beard", label: "Grooming", title: "Beard Sculpt & Line-Up", items: [
"Clean shaping", "Razor precision"],
"Clean shaping", "Razor precision", "Price: £15"
]
},
{
id: "afro", label: "Specialization", title: "Afro & Textured Hair Specialists", items: [
"Experienced with all textures", "Variety of styles"],
"Experienced with all textures", "Variety of styles", "Price: £30"
]
},
{
id: "kids", label: "Family", title: "Kids Cuts", items: [
"Patient, professional service", "Clean finishes"],
"Patient, professional service", "Clean finishes", "Price: £20"
]
},
{
id: "express", label: "Convenience", title: "Walk-In Express Trim", items: [
"Quick service", "No compromise on quality"],
"Quick service", "No compromise on quality", "Price: £18"
]
},
{
id: "full-groom", label: "Complete Look", title: "Full Grooming Experience", items: [
"Haircut + beard service", "Personalized styling"],
},
"Haircut + beard service", "Personalized styling", "Price: £40"
]
}
]}
title="Our Signature Services"
description="From classic fades to specialized textured cuts, our expert barbers deliver unparalleled quality and style tailored to you."
@@ -148,17 +155,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "gallery-1", name: "Fresh Fade", price: "£-", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-senior-man-listening-music-headphones-isolated-dark-background_613910-42.jpg", imageAlt: "Fresh fade haircut"},
id: "gallery-1", name: "Fresh Fade", price: "£-", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EEFkb51EiZNiVnuufgY5ajVCAh/uploaded-1779750801156-a5kdlg83.png?_wi=2", imageAlt: "Fresh fade haircut"},
{
id: "gallery-2", name: "Transformation", price: "£-", imageSrc: "http://img.b2bpic.net/free-photo/tattooed-caucasian-male-barber-cutting-beard-black-stylish-man_613910-1464.jpg", imageAlt: "Before and after haircut transformation"},
id: "gallery-2", name: "Transformation", price: "£-", imageSrc: "http://img.b2bpic.net/free-photo/tattooed-caucasian-male-barber-cutting-beard-black-stylish-man_613910-1464.jpg?_wi=1", imageAlt: "Before and after haircut transformation"},
{
id: "gallery-3", name: "Beard Work", price: "£-", imageSrc: "http://img.b2bpic.net/free-photo/mature-man-beard-close-up_23-2148465260.jpg", imageAlt: "Detailed beard shaping"},
id: "gallery-3", name: "Beard Work", price: "£-", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EEFkb51EiZNiVnuufgY5ajVCAh/uploaded-1779750801157-n1jj9xkz.png?_wi=3", imageAlt: "Detailed beard shaping"},
{
id: "gallery-4", name: "Textured Hair", price: "£-", imageSrc: "http://img.b2bpic.net/free-photo/young-male-doing-selfcare-routine_23-2149291871.jpg", imageAlt: "Specialized textured hair cut"},
id: "gallery-4", name: "Textured Hair", price: "£-", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EEFkb51EiZNiVnuufgY5ajVCAh/uploaded-1779750801156-a5kdlg83.png?_wi=1", imageAlt: "Specialized textured hair cut"},
{
id: "gallery-5", name: "Shop Vibe", price: "£-", imageSrc: "http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186516.jpg", imageAlt: "Interior of the X Barbers shop"},
id: "gallery-5", name: "Shop Vibe", price: "£-", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EEFkb51EiZNiVnuufgY5ajVCAh/uploaded-1779750801156-eiw671cd.jpg?_wi=1", imageAlt: "Interior of the X Barbers shop"},
{
id: "gallery-6", name: "Line Up Detail", price: "£-", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-getting-haircut-with-trimmer_23-2148256902.jpg", imageAlt: "Close-up of a sharp hairline"},
id: "gallery-6", name: "Line Up Detail", price: "£-", imageSrc: "http://img.b2bpic.net/free-photo/tattooed-caucasian-male-barber-cutting-beard-black-stylish-man_613910-1464.jpg?_wi=2", imageAlt: "Close-up of a sharp hairline"}
]}
title="Our Craft in Focus"
description="Witness the artistry and precision that defines X Barbers. From sharp fades to intricate beard work, our gallery showcases our dedication to perfection."
@@ -173,11 +180,11 @@ export default function LandingPage() {
useInvertedBackground={true}
members={[
{
id: "glen", name: "Glen", role: "Master Barber", description: "Known for precision fades and loyal returning clients who trust his impeccable skill and consistent quality.", imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-posing-salon_23-2150462487.jpg", imageAlt: "Portrait of Barber Glen"},
id: "glen", name: "Glen", role: "Master Barber", description: "Known for precision fades and loyal returning clients who trust his impeccable skill and consistent quality.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EEFkb51EiZNiVnuufgY5ajVCAh/uploaded-1779751018538-lm94d87s.png?_wi=2", imageAlt: "Portrait of Master Barber Glen"},
{
id: "kojo", name: "Kojo", role: "Head Stylist", description: "Trusted for clean trims and detailed finishing, Kojo's artistry ensures every client leaves with confidence.", imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-afro-american-male-barber-wearing-uniform-holding-hair-clippers-doing-yes-gesture_141793-117105.jpg", imageAlt: "Portrait of Barber Kojo"},
{
id: "richard", name: "Richard", role: "Precision Specialist", description: "With an eye for detail and mastery in beard sculpting, Richard delivers sharp lines and tailored looks.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-holding-painting-brush_23-2149529894.jpg", imageAlt: "Portrait of Barber Richard"},
id: "richard", name: "Richard", role: "Precision Specialist", description: "With an eye for detail and mastery in beard sculpting, Richard delivers sharp lines and tailored looks.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EEFkb51EiZNiVnuufgY5ajVCAh/uploaded-1779751018538-zsi7umzb.png?_wi=2", imageAlt: "Portrait of Barber Richard"}
]}
title="Meet Our Master Barbers"
description="Our skilled team is dedicated to perfection, bringing years of experience and a passion for crafting your ultimate style."
@@ -192,7 +199,7 @@ export default function LandingPage() {
"Our reputation for elite cuts and a vibrant community means we’re often busy. Walk-ins are always welcome, but peak hours can get busy quickly.", "For guaranteed availability and to secure your preferred barber, we highly recommend booking ahead. Don’t miss your slot for the X Barbers experience."]}
buttons={[
{
text: "BOOK YOUR SLOT", href: "#location"},
text: "BOOK YOUR SLOT", href: "#location"}
]}
/>
</div>
@@ -204,18 +211,18 @@ export default function LandingPage() {
description="Find X Barbers easily and step into an unparalleled grooming experience. We're open Monday-Saturday, 9 AM - 6 PM. Call us at +44 20 1234 5678 or connect on Instagram @XBarbersCroydon. Walk-ins are always welcome!"
inputs={[
{
name: "name", type: "text", placeholder: "Your Name", required: true,
name: "name", type: "text", placeholder: "Your Name", required: true
},
{
name: "email", type: "email", placeholder: "Your Email", required: true,
name: "email", type: "email", placeholder: "Your Email", required: true
},
{
name: "phone", type: "tel", placeholder: "Your Phone Number"},
name: "phone", type: "tel", placeholder: "Your Phone Number"}
]}
textarea={{
name: "message", placeholder: "How can we help you?", rows: 4,
name: "message", placeholder: "How can we help you?", rows: 4
}}
imageSrc="http://img.b2bpic.net/free-photo/mustache-razors-white-background_23-2147736984.jpg"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EEFkb51EiZNiVnuufgY5ajVCAh/uploaded-1779750801156-eiw671cd.jpg?_wi=2"
imageAlt="Map of X Barbers location in Croydon"
mediaPosition="right"
buttonText="SEND MESSAGE"
@@ -224,8 +231,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13614.jpg"
imageAlt="Cinematic view of X Barbers interior"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EEFkb51EiZNiVnuufgY5ajVCAh/uploaded-1779750801156-a5kdlg83.png?_wi=1"
imageAlt="Black man getting a fresh fade haircut"
logoSrc="http://img.b2bpic.net/free-photo/shampoo-conditioner-bottles-barbershop-against-wooden-background_627829-6244.jpg"
logoText="X BARBERS"
columns={[
@@ -236,8 +243,8 @@ export default function LandingPage() {
{
label: "Services", href: "#services"},
{
label: "Gallery", href: "#gallery"},
],
label: "Gallery", href: "#gallery"}
]
},
{
title: "Company", items: [
@@ -246,8 +253,8 @@ export default function LandingPage() {
{
label: "The Experience", href: "#experience"},
{
label: "Location", href: "#location"},
],
label: "Location", href: "#location"}
]
},
{
title: "Connect", items: [
@@ -256,9 +263,9 @@ export default function LandingPage() {
{
label: "Instagram", href: "https://instagram.com/XBarbersCroydon"},
{
label: "Call Us", href: "tel:+442012345678"},
],
},
label: "Call Us", href: "tel:+442012345678"}
]
}
]}
copyrightText="Built for confidence. © 2024 X Barbers. All rights reserved."
/>