bender/1ffed169-24d2-4c99-8e8e-383530af16a9
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-18 11:57:45 +00:00
Conversation 0 Commits 1 Files Changed 1 +57 -323
1 changed files with 57 additions and 323 deletions
Download Patch File Download Diff File Expand all files Collapse all files

380
src/app/page.tsx
View File

@@ -32,26 +32,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Services",
id: "services",
},
{
name: "Reviews",
id: "reviews",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Services", id: "services" },
{ name: "Reviews", id: "reviews" },
{ name: "Contact", id: "contact" },
]}
brandName="Y&S Barbers"
/>
@@ -59,104 +44,36 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
imagePosition="right"
title="Sharp Cuts. Friendly Service. Premium Barbering in Battersea."
description="Expert cuts, hot towel service, shampooing, shoulder massage, and a welcoming atmosphere from barbers customers have trusted for years."
testimonials={[
{
name: "James R.",
handle: "@battersea-local",
testimonial: "I've trusted Yazzy and Seyhan for over 8 years. Highly professional.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9659.jpg?_wi=1",
},
{
name: "Mark S.",
handle: "@local-guy",
testimonial: "Best fade I have had in London. Always precise.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-posing-with-white-t-shirt_329181-3701.jpg",
},
{
name: "Tom B.",
handle: "@style-fan",
testimonial: "They take their time and ensure the style is perfect every time.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-posing-with-white-t-shirt_329181-3690.jpg",
},
{
name: "Ben W.",
handle: "@regular-cli",
testimonial: "Fantastic service, especially the shoulder massage.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-sunbathed-fashion-man-model-wearing-white-shirt-clothes-posing-street_158538-2395.jpg",
},
{
name: "Harry P.",
handle: "@hair-pro",
testimonial: "The atmosphere is always welcoming. Great neighbourhood shop.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-handsome-confident-stylish-hipster-lambersexual-model-sexy-modern-man-dressed-elegant-beige-suit-fashion-male-with-curly-hairstyle-posing-studio-isolated_158538-26638.jpg",
},
{ name: "James R.", handle: "@battersea-local", testimonial: "I've trusted Yazzy and Seyhan for over 8 years. Highly professional.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9659.jpg" },
{ name: "Mark S.", handle: "@local-guy", testimonial: "Best fade I have had in London. Always precise.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-posing-with-white-t-shirt_329181-3701.jpg" },
{ name: "Tom B.", handle: "@style-fan", testimonial: "They take their time and ensure the style is perfect every time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-posing-with-white-t-shirt_329181-3690.jpg" },
{ name: "Ben W.", handle: "@regular-cli", testimonial: "Fantastic service, especially the shoulder massage.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-sunbathed-fashion-man-model-wearing-white-shirt-clothes-posing-street_158538-2395.jpg" },
{ name: "Harry P.", handle: "@hair-pro", testimonial: "The atmosphere is always welcoming. Great neighbourhood shop.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-handsome-confident-stylish-hipster-lambersexual-model-sexy-modern-man-dressed-elegant-beige-suit-fashion-male-with-curly-hairstyle-posing-studio-isolated_158538-26638.jpg" },
]}
buttons={[
{
text: "Call Now",
href: "tel:07378291029",
},
{
text: "Book / Visit Today",
href: "#contact",
},
{ text: "Call Now", href: "tel:07378291029" },
{ text: "Book / Visit Today", href: "#contact" },
]}
imageSrc="http://img.b2bpic.net/free-photo/various-trimmers-dressing-table_107420-94767.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/various-trimmers-dressing-table_107420-94767.jpg"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chair-stylish-barber-shop_627829-6180.jpg",
alt: "Barber chair interior",
},
{
src: "http://img.b2bpic.net/free-photo/front-view-leather-barber-shop-chair_23-2148256927.jpg",
alt: "Barber chair leather",
},
{
src: "http://img.b2bpic.net/free-photo/barber-shop-interior_1163-2009.jpg",
alt: "Barbershop interior",
},
{
src: "http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167462.jpg",
alt: "Barber tool arrangement",
},
{
src: "http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg",
alt: "Hair salon chair",
},
{ src: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chair-stylish-barber-shop_627829-6180.jpg", alt: "Barber chair interior" },
{ src: "http://img.b2bpic.net/free-photo/front-view-leather-barber-shop-chair_23-2148256927.jpg", alt: "Barber chair leather" },
{ src: "http://img.b2bpic.net/free-photo/barber-shop-interior_1163-2009.jpg", alt: "Barbershop interior" },
{ src: "http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167462.jpg", alt: "Barber tool arrangement" },
{ src: "http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg", alt: "Hair salon chair" },
]}
marqueeItems={[
{
type: "text",
text: "Precision Cuts",
},
{
type: "text",
text: "Hot Towel Shaves",
},
{
type: "text",
text: "Battersea Local",
},
{
type: "text",
text: "Expert Styling",
},
{
type: "text",
text: "Premium Grooming",
},
{ type: "text", text: "Precision Cuts" },
{ type: "text", text: "Hot Towel Shaves" },
{ type: "text", text: "Battersea Local" },
{ type: "text", text: "Expert Styling" },
{ type: "text", text: "Premium Grooming" },
]}
/>
</div>
@@ -168,18 +85,9 @@ export default function LandingPage() {
title="Trusted by Locals for Years"
description="Y&S Barbers is renowned for high-quality haircuts, attention to detail, friendly service, and exceptional value. Yazzy and Seyhan bring consistency and skill to every cut, making us a Battersea favourite."
bulletPoints={[
{
title: "Expert Care",
description: "Professional barbering from experienced staff.",
},
{
title: "Local Tradition",
description: "Battersea's trusted neighbourhood choice.",
},
{
title: "Value & Quality",
description: "Premium service without the premium price.",
},
{ title: "Expert Care", description: "Professional barbering from experienced staff." },
{ title: "Local Tradition", description: "Battersea's trusted neighbourhood choice." },
{ title: "Value & Quality", description: "Premium service without the premium price." },
]}
imageSrc="http://img.b2bpic.net/free-photo/barber-shop-retro-vintage-style_1150-17931.jpg"
/>
@@ -192,28 +100,13 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Skilled Barbers",
description: "Years of expertise in every cut.",
bentoComponent: "reveal-icon",
icon: Scissors,
imageSrc: "http://img.b2bpic.net/free-photo/worldface-italian-guy-white-background_53876-148047.jpg",
imageAlt: "man haircut detailed fade",
title: "Skilled Barbers", description: "Years of expertise in every cut.", bentoComponent: "reveal-icon", icon: Scissors,
},
{
title: "Atmosphere",
description: "Welcoming, clean, and comfortable shop.",
bentoComponent: "reveal-icon",
icon: Coffee,
imageSrc: "http://img.b2bpic.net/free-photo/various-trimmers-dressing-table_107420-94767.jpg?_wi=2",
imageAlt: "man haircut detailed fade",
title: "Atmosphere", description: "Welcoming, clean, and comfortable shop.", bentoComponent: "reveal-icon", icon: Coffee,
},
{
title: "Detail-Focused",
description: "We ensure every detail is perfect.",
bentoComponent: "reveal-icon",
icon: CheckCircle,
imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-wearing-protective-face-mask-make-haircut-european-bearded-brutal-man-beauty-salon_343596-4460.jpg?_wi=1",
imageAlt: "man haircut detailed fade",
title: "Detail-Focused", description: "We ensure every detail is perfect.", bentoComponent: "reveal-icon", icon: CheckCircle,
},
]}
title="Why Choose Y&S Barbers"
@@ -228,42 +121,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "s1",
name: "Haircut",
price: "From £20",
imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-wearing-protective-face-mask-make-haircut-european-bearded-brutal-man-beauty-salon_343596-4460.jpg?_wi=2",
},
{
id: "s2",
name: "Skin Fade",
price: "From £25",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-barbershop-concept_23-2148506188.jpg",
},
{
id: "s3",
name: "Beard Trim",
price: "From £15",
imageSrc: "http://img.b2bpic.net/free-photo/sideways-customer-with-eyes-closed_23-2148256865.jpg?_wi=1",
},
{
id: "s4",
name: "Kids' Haircuts",
price: "From £15",
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-getting-his-haircut-barber-s-shop_23-2149186488.jpg",
},
{
id: "s5",
name: "Hot Towel Service",
price: "Included",
imageSrc: "http://img.b2bpic.net/free-photo/man-cuts-his-beard-barbershop_1157-16218.jpg?_wi=1",
},
{
id: "s6",
name: "Shoulder Massage",
price: "Included",
imageSrc: "http://img.b2bpic.net/free-photo/bearded-client-just-got-good-beardcare-from-talanted-trendy-barber_613910-21575.jpg",
},
{ id: "s1", name: "Haircut", price: "From £20", imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-wearing-protective-face-mask-make-haircut-european-bearded-brutal-man-beauty-salon_343596-4460.jpg" },
{ id: "s2", name: "Skin Fade", price: "From £25", imageSrc: "http://img.b2bpic.net/free-photo/front-view-barbershop-concept_23-2148506188.jpg" },
{ id: "s3", name: "Beard Trim", price: "From £15", imageSrc: "http://img.b2bpic.net/free-photo/sideways-customer-with-eyes-closed_23-2148256865.jpg" },
{ id: "s4", name: "Kids' Haircuts", price: "From £15", imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-getting-his-haircut-barber-s-shop_23-2149186488.jpg" },
{ id: "s5", name: "Hot Towel Service", price: "Included", imageSrc: "http://img.b2bpic.net/free-photo/man-cuts-his-beard-barbershop_1157-16218.jpg" },
{ id: "s6", name: "Shoulder Massage", price: "Included", imageSrc: "http://img.b2bpic.net/free-photo/bearded-client-just-got-good-beardcare-from-talanted-trendy-barber_613910-21575.jpg" },
]}
title="Our Services"
description="Professional grooming tailored for you."
@@ -275,61 +138,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "John D.",
date: "1 week ago",
title: "Excellent Service",
quote: "My haircut was awesome, and the hot towel and massage were perfect.",
tag: "5 stars",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-sunbathed-fashion-man-model-wearing-white-shirt-clothes-posing-street_158538-2382.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/various-trimmers-dressing-table_107420-94767.jpg?_wi=3",
imageAlt: "man smiling portrait",
},
{
id: "2",
name: "Sarah K.",
date: "2 weeks ago",
title: "Highly Recommended",
quote: "Professional, friendly, and great with my son.",
tag: "5 stars",
avatarSrc: "http://img.b2bpic.net/free-photo/serious-unshaven-young-man-stylish-dark-green-turtleneck-sweatshirt-expressing-suspicion-looking-away-from-his-eyebrows-handsome-guy-with-beard-posing-having-intense-look_343059-4781.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-wearing-protective-face-mask-make-haircut-european-bearded-brutal-man-beauty-salon_343596-4460.jpg?_wi=3",
imageAlt: "man smiling portrait",
},
{
id: "3",
name: "Mike P.",
date: "3 weeks ago",
title: "Best in Battersea",
quote: "I've been going to these guys for 10 years. Always consistent.",
tag: "5 stars",
avatarSrc: "http://img.b2bpic.net/free-photo/thoughtful-redhead-bearded-hipster-male-dressed-red-fleece-shirt_613910-1582.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/sideways-customer-with-eyes-closed_23-2148256865.jpg?_wi=2",
imageAlt: "man smiling portrait",
},
{
id: "4",
name: "David L.",
date: "1 month ago",
title: "Top Quality",
quote: "Attention to detail is second to none.",
tag: "5 stars",
avatarSrc: "http://img.b2bpic.net/free-photo/elegant-young-handsome-man-studio-fashion-portrait_1301-3980.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/man-cuts-his-beard-barbershop_1157-16218.jpg?_wi=2",
imageAlt: "man smiling portrait",
},
{
id: "5",
name: "Paul M.",
date: "1 month ago",
title: "Great Experience",
quote: "Yazzy and Seyhan provide the best cut in London.",
tag: "5 stars",
avatarSrc: "http://img.b2bpic.net/free-photo/young-successful-businessman-posing-dark-wall_176420-54.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9659.jpg?_wi=2",
imageAlt: "man smiling portrait",
},
{ id: "1", name: "John D.", date: "1 week ago", title: "Excellent Service", quote: "My haircut was awesome, and the hot towel and massage were perfect.", tag: "5 stars", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-sunbathed-fashion-man-model-wearing-white-shirt-clothes-posing-street_158538-2382.jpg", imageSrc: "http://img.b2bpic.net/free-photo/various-trimmers-dressing-table_107420-94767.jpg", imageAlt: "man smiling portrait" },
{ id: "2", name: "Sarah K.", date: "2 weeks ago", title: "Highly Recommended", quote: "Professional, friendly, and great with my son.", tag: "5 stars", avatarSrc: "http://img.b2bpic.net/free-photo/serious-unshaven-young-man-stylish-dark-green-turtleneck-sweatshirt-expressing-suspicion-looking-away-from-his-eyebrows-handsome-guy-with-beard-posing-having-intense-look_343059-4781.jpg", imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-wearing-protective-face-mask-make-haircut-european-bearded-brutal-man-beauty-salon_343596-4460.jpg", imageAlt: "man smiling portrait" },
{ id: "3", name: "Mike P.", date: "3 weeks ago", title: "Best in Battersea", quote: "I've been going to these guys for 10 years. Always consistent.", tag: "5 stars", avatarSrc: "http://img.b2bpic.net/free-photo/thoughtful-redhead-bearded-hipster-male-dressed-red-fleece-shirt_613910-1582.jpg", imageSrc: "http://img.b2bpic.net/free-photo/sideways-customer-with-eyes-closed_23-2148256865.jpg", imageAlt: "man smiling portrait" },
{ id: "4", name: "David L.", date: "1 month ago", title: "Top Quality", quote: "Attention to detail is second to none.", tag: "5 stars", avatarSrc: "http://img.b2bpic.net/free-photo/elegant-young-handsome-man-studio-fashion-portrait_1301-3980.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-cuts-his-beard-barbershop_1157-16218.jpg", imageAlt: "man smiling portrait" },
{ id: "5", name: "Paul M.", date: "1 month ago", title: "Great Experience", quote: "Yazzy and Seyhan provide the best cut in London.", tag: "5 stars", avatarSrc: "http://img.b2bpic.net/free-photo/young-successful-businessman-posing-dark-wall_176420-54.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9659.jpg", imageAlt: "man smiling portrait" },
]}
title="What Our Customers Say"
description="Trusted by the Battersea community."
@@ -342,24 +155,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
icon: Award,
title: "Years Trusted",
value: "10+",
},
{
id: "m2",
icon: Star,
title: "Local Rating",
value: "5.0",
},
{
id: "m3",
icon: Smile,
title: "Happy Clients",
value: "1000+",
},
{ id: "m1", icon: Award, title: "Years Trusted", value: "10+" },
{ id: "m2", icon: Star, title: "Local Rating", value: "5.0" },
{ id: "m3", icon: Smile, title: "Happy Clients", value: "1000+" },
]}
title="Why Locals Choose Us"
description="Proven quality in every service."
@@ -373,18 +171,9 @@ export default function LandingPage() {
title="Our Shop & Results"
description="Take a look at the shop and our recent work."
bulletPoints={[
{
title: "Fresh Cuts",
description: "Professional transformations.",
},
{
title: "Modern Interior",
description: "Clean and premium setup.",
},
{
title: "Signature Styles",
description: "Beard shaping and fades.",
},
{ title: "Fresh Cuts", description: "Professional transformations." },
{ title: "Modern Interior", description: "Clean and premium setup." },
{ title: "Signature Styles", description: "Beard shaping and fades." },
]}
imageSrc="http://img.b2bpic.net/free-vector/golden-ribbon-collection_1390-32.jpg"
/>
@@ -394,26 +183,10 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Do you accept walk-ins?",
content: "Yes, walk-ins are always welcome at Y&S Barbers.",
},
{
id: "q2",
title: "Do you cut children's hair?",
content: "Absolutely, we are very patient and experienced with children.",
},
{
id: "q3",
title: "Do you offer beard trims?",
content: "Yes, we specialise in beard shaping and trimming.",
},
{
id: "q4",
title: "Where are you based?",
content: "We are located in the heart of Battersea, London.",
},
{ id: "q1", title: "Do you accept walk-ins?", content: "Yes, walk-ins are always welcome at Y&S Barbers." },
{ id: "q2", title: "Do you cut children's hair?", content: "Absolutely, we are very patient and experienced with children." },
{ id: "q3", title: "Do you offer beard trims?", content: "Yes, we specialise in beard shaping and trimming." },
{ id: "q4", title: "Where are you based?", content: "We are located in the heart of Battersea, London." },
]}
sideTitle="Common Questions"
sideDescription="Everything you need to know about your visit."
@@ -427,21 +200,10 @@ export default function LandingPage() {
title="Visit Y&S Barbers Today"
description="Ready for your next cut? Call us or walk in."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
},
{
name: "phone",
type: "tel",
placeholder: "Phone Number",
},
{ name: "name", type: "text", placeholder: "Your Name" },
{ name: "phone", type: "tel", placeholder: "Phone Number" },
]}
textarea={{
name: "message",
placeholder: "Any specific requests?",
}}
textarea={{ name: "message", placeholder: "Any specific requests?" }}
imageSrc="http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186473.jpg"
buttonText="Call Now"
/>
@@ -451,37 +213,9 @@ export default function LandingPage() {
<FooterBaseCard
logoText="Y&S Barbers"
columns={[
{
title: "Location",
items: [
{
label: "Battersea, London",
href: "#",
},
],
},
{
title: "Services",
items: [
{
label: "Haircuts",
href: "#services",
},
{
label: "Beard Trim",
href: "#services",
},
],
},
{
title: "Contact",
items: [
{
label: "07378 291029",
href: "tel:07378291029",
},
],
},
{ title: "Location", items: [{ label: "Battersea, London", href: "#" }] },
{ title: "Services", items: [{ label: "Haircuts", href: "#services" }, { label: "Beard Trim", href: "#services" }] },
{ title: "Contact", items: [{ label: "07378 291029", href: "tel:07378291029" }] },
]}
copyrightText="© 2025 Y&S Barbers — Precision cuts, friendly service, and premium barbering in Battersea."
/>