Merge version_2 into main #2
398
src/app/page.tsx
398
src/app/page.tsx
@@ -32,28 +32,13 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Sean Emmetts Barbers"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "tel:07917668509",
|
||||
}}
|
||||
button={{ text: "Book Now", href: "tel:07917668509" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -61,82 +46,13 @@ export default function LandingPage() {
|
||||
<HeroOverlayTestimonial
|
||||
title="Precision Cuts & Clean Fades in Moortown, Leeds"
|
||||
description="Trusted local barbers delivering sharp, consistent results."
|
||||
testimonials={[
|
||||
{
|
||||
name: "John Smith",
|
||||
handle: "@johns",
|
||||
testimonial: "Best barber in Leeds, hands down.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-haircut-barbershop_23-2148506184.jpg?_wi=1",
|
||||
imageAlt: "barbershop interior modern professional",
|
||||
},
|
||||
{
|
||||
name: "David W.",
|
||||
handle: "@davidw",
|
||||
testimonial: "Consistent, clean fades every time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-female-hairdresser-washing-hair-bearded-men-client-saloon_613910-14581.jpg?_wi=1",
|
||||
imageAlt: "barbershop interior modern professional",
|
||||
},
|
||||
{
|
||||
name: "Mike R.",
|
||||
handle: "@miker",
|
||||
testimonial: "Friendly vibe and top-tier cuts.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-adult-male-looking-away_23-2148531057.jpg?_wi=1",
|
||||
imageAlt: "barbershop interior modern professional",
|
||||
},
|
||||
{
|
||||
name: "Sarah K.",
|
||||
handle: "@sarahk",
|
||||
testimonial: "My son loves his cut here.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-straighten-beard-with-razor-hairbrush-senior-client_23-2148181919.jpg?_wi=1",
|
||||
imageAlt: "barbershop interior modern professional",
|
||||
},
|
||||
{
|
||||
name: "Tom B.",
|
||||
handle: "@tomb",
|
||||
testimonial: "Great attention to detail every visit.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg?_wi=1",
|
||||
imageAlt: "barbershop interior modern professional",
|
||||
},
|
||||
]}
|
||||
testimonials={[]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now – 07917 668509",
|
||||
href: "tel:07917668509",
|
||||
},
|
||||
{
|
||||
text: "View Services",
|
||||
href: "#services",
|
||||
},
|
||||
{ text: "Call Now – 07917 668509", href: "tel:07917668509" },
|
||||
{ text: "View Services", href: "#services" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-getting-haircut-barbershop_23-2148506184.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tools-from-barbershop-wooden-background_1303-10376.jpg?_wi=2"
|
||||
showDimOverlay={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/client-barber-greeting-each-other-barbershop_23-2148181951.jpg",
|
||||
alt: "Client and barber greeting each other at barbershop",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-11879.jpg",
|
||||
alt: "Portrait of stylish blond bearded male dressed in a suit over grey background.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiling-man-hairsalon_23-2148224426.jpg",
|
||||
alt: "Front view smiling man at hairsalon",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-man-getting-haircut_23-2148224298.jpg",
|
||||
alt: "Close up portrait of a man getting a haircut",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/studio-portrait-fashionable-modern-male-grey-t-shirt_613910-532.jpg",
|
||||
alt: "Studio portrait of fashionable modern male in grey t shirt.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -146,27 +62,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "Local",
|
||||
title: "Favourite",
|
||||
description: "Moortown's top choice",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-5073.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100%",
|
||||
title: "Precision",
|
||||
description: "Consistent results",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-caucasian-man-with-stylish-haircut-big-fuzzy-beard-wearing-white-t-shirt-having-thoughtful-pensive-expression-while-standing-against-blank-chalkboard_273609-6381.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Expert",
|
||||
title: "Barbers",
|
||||
description: "Highly skilled team",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-hairstylist-cleaning-chair_23-2148506335.jpg",
|
||||
},
|
||||
{ id: "m1", value: "Local", title: "Favourite", description: "Moortown's top choice", imageSrc: "http://img.b2bpic.net/free-photo/interior-barbershop-classic-style_140725-7670.jpg" },
|
||||
{ id: "m2", value: "100%", title: "Precision", description: "Consistent results", imageSrc: "http://img.b2bpic.net/free-photo/barber-scissors-and-comb_140725-7667.jpg" },
|
||||
{ id: "m3", value: "Expert", title: "Barbers", description: "Highly skilled team", imageSrc: "http://img.b2bpic.net/free-photo/barber-workspace-detail_140725-7668.jpg" },
|
||||
]}
|
||||
title="Why Leeds Trusts Us"
|
||||
description="Excellence in every cut."
|
||||
@@ -178,13 +76,8 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="A Trusted Local Establishment"
|
||||
description="At Sean Emmetts Barbers, we combine classic traditions with modern techniques. We pride ourselves on attention to detail, a welcoming atmosphere, and our deep-rooted reputation in the heart of Moortown, Leeds."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:07917668509",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/brunette-female-hairdresser-washing-hair-bearded-men-client-saloon_613910-14581.jpg?_wi=2"
|
||||
buttons={[{ text: "Call Now", href: "tel:07917668509" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/barbershop-interior-minimal-detail_140725-7671.jpg?_wi=2"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -194,54 +87,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Classic Haircut",
|
||||
price: "£20",
|
||||
period: "Standard",
|
||||
features: [
|
||||
"Precision cut",
|
||||
"Style & Finish",
|
||||
],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "tel:07917668509",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-adult-male-looking-away_23-2148531057.jpg?_wi=2",
|
||||
imageAlt: "skin fade haircut man",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Skin Fade",
|
||||
price: "£25",
|
||||
period: "Expert",
|
||||
features: [
|
||||
"Zero fade",
|
||||
"Precise blending",
|
||||
],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "tel:07917668509",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-haircut-barbershop_23-2148506184.jpg?_wi=3",
|
||||
imageAlt: "skin fade haircut man",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Beard Trim",
|
||||
price: "£15",
|
||||
period: "Grooming",
|
||||
features: [
|
||||
"Line up",
|
||||
"Beard conditioning",
|
||||
],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "tel:07917668509",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-female-hairdresser-washing-hair-bearded-men-client-saloon_613910-14581.jpg?_wi=3",
|
||||
imageAlt: "skin fade haircut man",
|
||||
},
|
||||
{ id: "s1", title: "Classic Haircut", price: "£20", period: "Standard", features: ["Precision cut", "Style & Finish"], button: { text: "Book Now", href: "tel:07917668509" }, imageSrc: "http://img.b2bpic.net/free-photo/barber-tools-clean-desk_140725-7669.jpg" },
|
||||
{ id: "s2", title: "Skin Fade", price: "£25", period: "Expert", features: ["Zero fade", "Precise blending"], button: { text: "Book Now", href: "tel:07917668509" }, imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-haircut-focus_140725-7672.jpg" },
|
||||
{ id: "s3", title: "Beard Trim", price: "£15", period: "Grooming", features: ["Line up", "Beard conditioning"], button: { text: "Book Now", href: "tel:07917668509" }, imageSrc: "http://img.b2bpic.net/free-photo/beard-trim-tools-closeup_140725-7673.jpg" },
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="Premium grooming services tailored for the modern man."
|
||||
@@ -254,36 +102,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Precision & Detail",
|
||||
descriptions: [
|
||||
"Razor sharp fades",
|
||||
"Perfect finish",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-straighten-beard-with-razor-hairbrush-senior-client_23-2148181919.jpg?_wi=2",
|
||||
imageAlt: "beard trim styling",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Consistent Results",
|
||||
descriptions: [
|
||||
"Expert barbering",
|
||||
"Reliable quality",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-haircut-barbershop_23-2148506184.jpg?_wi=4",
|
||||
imageAlt: "beard trim styling",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Local Atmosphere",
|
||||
descriptions: [
|
||||
"Welcoming space",
|
||||
"Friendly team",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-female-hairdresser-washing-hair-bearded-men-client-saloon_613910-14581.jpg?_wi=4",
|
||||
imageAlt: "beard trim styling",
|
||||
},
|
||||
{ id: "f1", title: "Precision & Detail", descriptions: ["Razor sharp fades", "Perfect finish"], imageSrc: "http://img.b2bpic.net/free-photo/straight-razor-detail_140725-7674.jpg" },
|
||||
{ id: "f2", title: "Consistent Results", descriptions: ["Expert barbering", "Reliable quality"], imageSrc: "http://img.b2bpic.net/free-photo/clean-barbershop-chair_140725-7675.jpg" },
|
||||
{ id: "f3", title: "Local Atmosphere", descriptions: ["Welcoming space", "Friendly team"], imageSrc: "http://img.b2bpic.net/free-photo/barbershop-interior-bright_140725-7676.jpg" },
|
||||
]}
|
||||
title="Why Sean Emmetts?"
|
||||
description="Setting the standard for local barbers."
|
||||
@@ -294,63 +115,7 @@ export default function LandingPage() {
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "James L.",
|
||||
date: "Oct 2023",
|
||||
title: "Fantastic",
|
||||
quote: "Best trim in Leeds. Consistent and friendly.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665449.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-haircut-barbershop_23-2148506184.jpg?_wi=5",
|
||||
imageAlt: "portrait happy customer man",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark D.",
|
||||
date: "Sep 2023",
|
||||
title: "Clean",
|
||||
quote: "The skin fade is always on point. Professional setup.",
|
||||
tag: "Fade Fan",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-using-dryer-beard-senior-client_23-2148181879.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-female-hairdresser-washing-hair-bearded-men-client-saloon_613910-14581.jpg?_wi=5",
|
||||
imageAlt: "portrait happy customer man",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Ben T.",
|
||||
date: "Aug 2023",
|
||||
title: "Top class",
|
||||
quote: "Friendly team, really comfortable atmosphere.",
|
||||
tag: "Client",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/studio-portrait-positive-blond-bearded-male-dressed-red-fleece-shirt-makes-conversation_613910-1800.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-adult-male-looking-away_23-2148531057.jpg?_wi=3",
|
||||
imageAlt: "portrait happy customer man",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Tom R.",
|
||||
date: "Jul 2023",
|
||||
title: "Perfect",
|
||||
quote: "Always happy with the service here. Highly recommended.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/side-view-senior-man-laughing_23-2151203948.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-straighten-beard-with-razor-hairbrush-senior-client_23-2148181919.jpg?_wi=3",
|
||||
imageAlt: "portrait happy customer man",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Paul H.",
|
||||
date: "Jun 2023",
|
||||
title: "Great",
|
||||
quote: "Solid haircut every time I come in.",
|
||||
tag: "Local",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506342.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg?_wi=2",
|
||||
imageAlt: "portrait happy customer man",
|
||||
},
|
||||
]}
|
||||
testimonials={[]}
|
||||
title="What Our Clients Say"
|
||||
description="Consistent quality, trusted locally."
|
||||
/>
|
||||
@@ -362,62 +127,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "g1",
|
||||
brand: "Look",
|
||||
name: "Classic Fade",
|
||||
price: "Sharp",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-man-getting-haircut_23-2148242819.jpg",
|
||||
},
|
||||
{
|
||||
id: "g2",
|
||||
brand: "Look",
|
||||
name: "Beard Groom",
|
||||
price: "Clean",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-corrects-guy-s-beard_140725-7665.jpg",
|
||||
},
|
||||
{
|
||||
id: "g3",
|
||||
brand: "Look",
|
||||
name: "Skin Fade",
|
||||
price: "Fresh",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-redhead-male-dressed-blue-suit-sunglasses-dark-grey-background_613910-12043.jpg",
|
||||
},
|
||||
{
|
||||
id: "g4",
|
||||
brand: "Look",
|
||||
name: "Style Cut",
|
||||
price: "Clean",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-makes-haircut-with-cutting-machine_140725-7666.jpg",
|
||||
},
|
||||
{
|
||||
id: "g5",
|
||||
brand: "Look",
|
||||
name: "Line Up",
|
||||
price: "Sharp",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-hairstilyst-giving-haircut_23-2148506289.jpg",
|
||||
},
|
||||
{
|
||||
id: "g6",
|
||||
brand: "Look",
|
||||
name: "Full Finish",
|
||||
price: "Elite",
|
||||
rating: 5,
|
||||
reviewCount: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-from-barbershop-wooden-background_1303-10376.jpg",
|
||||
},
|
||||
]}
|
||||
products={[]}
|
||||
title="Our Work"
|
||||
description="Sharp fades, classic styles."
|
||||
/>
|
||||
@@ -426,16 +136,9 @@ export default function LandingPage() {
|
||||
<div id="cta" data-section="cta">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Ready for a Fresh Cut?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:07917668509",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Call Now", href: "tel:07917668509" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -444,26 +147,13 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Opening Hours",
|
||||
content: "Mon/Tue/Fri: 9:30-5:30 | Thu: 9:30-7:00 | Sat: 8:00-4:30 | Wed/Sun: Closed",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Phone",
|
||||
content: "07917 668509",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Location",
|
||||
content: "1B Sandhill Lane, Moortown, Leeds, LS17 6AG",
|
||||
},
|
||||
{ id: "q1", title: "Opening Hours", content: "Mon/Tue/Fri: 9:30-5:30 | Thu: 9:30-7:00 | Sat: 8:00-4:30 | Wed/Sun: Closed" },
|
||||
{ id: "q2", title: "Location & Contact", content: "1B Sandhill Lane, Moortown, Leeds, LS17 6AG | 07917 668509" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6340.jpg"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/barbershop-exterior-modern_140725-7677.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Visit Us"
|
||||
description="1B Sandhill Lane, Moortown, Leeds, LS17 6AG"
|
||||
title="Get in Touch"
|
||||
description="Book your appointment or visit our shop in Moortown."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -472,34 +162,10 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="Sean Emmetts Barbers"
|
||||
columns={[
|
||||
{
|
||||
title: "Info",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "07917 668509",
|
||||
href: "tel:07917668509",
|
||||
},
|
||||
{
|
||||
label: "Moortown, Leeds",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Quick Links", items: [{ label: "Home", href: "#" }, { label: "Services", href: "#services" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Visit Us", items: [{ label: "1B Sandhill Lane", href: "#" }, { label: "Moortown, Leeds", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2023 Sean Emmetts Barbers. All rights reserved."
|
||||
copyrightText="© 2025 Sean Emmetts Barbers. Professional grooming in Leeds."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user