bender/28c9a125-c329-4eeb-9cbf-5327bbd7a44f
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main

Browse Source 
Merge version_2 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-03-25 15:06:12 +00:00
parent aba687eb9d 2f3137b8ed
commit 0ecdb1e684
1 changed files with 68 additions and 194 deletions
Download Patch File Download Diff File Expand all files Collapse all files

262
src/app/page.tsx
View File

@@ -30,29 +30,17 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Services",
id: "services",
},
name: "Services", id: "services"},
{
name: "Pricing",
id: "pricing",
},
name: "Pricing", id: "pricing"},
{
name: "Reviews",
id: "reviews",
},
name: "Reviews", id: "reviews"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Antrim Road Barber"
/>
@@ -61,45 +49,28 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardCarousel
background={{
variant: "animated-grid",
}}
variant: "animated-grid"}}
title="Precision Cuts, Classic Style"
description="Experience the finest barbering services on Antrim Road. Modern styles, traditional shaves, and a welcoming atmosphere."
buttons={[
{
text: "Book an Appointment",
href: "#contact",
},
text: "Book an Appointment", href: "#contact"},
{
text: "Our Services",
href: "#services",
},
text: "Our Services", href: "#services"},
]}
mediaItems={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ix1tr0",
imageAlt: "Modern barber shop interior with empty chairs",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ix1tr0", imageAlt: "Modern barber shop interior with empty chairs"},
{
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-hairstylist-looking-camera_23-2147839834.jpg",
imageAlt: "Professional barber cutting client's hair",
},
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-hairstylist-looking-camera_23-2147839834.jpg", imageAlt: "Professional barber cutting client's hair"},
{
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-ecological-zero-waster-concept_23-2148591690.jpg",
imageAlt: "Classic barber tools neatly arranged on a counter",
},
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-ecological-zero-waster-concept_23-2148591690.jpg", imageAlt: "Classic barber tools neatly arranged on a counter"},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6410.jpg",
imageAlt: "Client receiving a stylish haircut from a barber",
},
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6410.jpg", imageAlt: "Client receiving a stylish haircut from a barber"},
{
imageSrc: "http://img.b2bpic.net/free-photo/french-windows-provencal-style_1101-866.jpg",
imageAlt: "Vintage barber shop exterior with a classic barber pole",
},
imageSrc: "http://img.b2bpic.net/free-photo/french-windows-provencal-style_1101-866.jpg", imageAlt: "Vintage barber shop exterior with a classic barber pole"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-people-table_23-2149213367.jpg",
imageAlt: "Warm and inviting barber shop ambiance",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-people-table_23-2149213367.jpg", imageAlt: "Warm and inviting barber shop ambiance"},
]}
/>
</div>
@@ -112,17 +83,11 @@ export default function LandingPage() {
description="More than just a haircut, it's an experience. Our skilled barbers are dedicated to providing top-notch grooming tailored to your unique style and preference, ensuring you leave feeling refreshed and confident. We blend traditional techniques with modern trends to deliver unparalleled service."
bulletPoints={[
{
title: "Expertise",
description: "Years of experience ensuring every cut is perfect.",
},
title: "Expertise", description: "Years of experience ensuring every cut is perfect."},
{
title: "Tradition",
description: "Embracing classic barbering techniques with a modern twist.",
},
title: "Tradition", description: "Embracing classic barbering techniques with a modern twist."},
{
title: "Modern Techniques",
description: "Staying updated with the latest trends and styles.",
},
title: "Modern Techniques", description: "Staying updated with the latest trends and styles."},
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-man-barber-shop-shaving_23-2148298346.jpg"
imageAlt="Experienced barber carefully trimming a client's hair"
@@ -138,33 +103,13 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "buzz-cut",
title: "Buzz Cut",
description: "A clean, low-maintenance cut for a sharp, defined look.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-male-with-long-hair-dark-background_613910-16017.jpg",
imageAlt: "Man with a clean buzz cut",
},
id: "buzz-cut", title: "Buzz Cut", description: "A clean, low-maintenance cut for a sharp, defined look.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-male-with-long-hair-dark-background_613910-16017.jpg", imageAlt: "Man with a clean buzz cut"},
{
id: "beard-trim",
title: "Beard Trim",
description: "Expert shaping and grooming to perfect your beard style.",
imageSrc: "http://img.b2bpic.net/free-photo/secret-service-operative-conducing-anti-terrorism-mission-command-center-employing-radar_482257-134688.jpg",
imageAlt: "Man with a freshly groomed beard",
},
id: "beard-trim", title: "Beard Trim", description: "Expert shaping and grooming to perfect your beard style.", imageSrc: "http://img.b2bpic.net/free-photo/secret-service-operative-conducing-anti-terrorism-mission-command-center-employing-radar_482257-134688.jpg", imageAlt: "Man with a freshly groomed beard"},
{
id: "scissor-cut",
title: "Scissor Cut",
description: "Traditional or modern scissor cuts for versatile styles.",
imageSrc: "http://img.b2bpic.net/free-photo/attractive-teenager-touching-his-hair_1153-800.jpg?_wi=1",
imageAlt: "Man getting a scissor cut",
},
id: "scissor-cut", title: "Scissor Cut", description: "Traditional or modern scissor cuts for versatile styles.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-teenager-touching-his-hair_1153-800.jpg?_wi=1", imageAlt: "Man getting a scissor cut"},
{
id: "hot-towel-shave",
title: "Hot Towel Shave",
description: "Relaxing and refreshing classic shave with hot towels.",
imageSrc: "http://img.b2bpic.net/free-photo/attractive-teenager-touching-his-hair_1153-800.jpg?_wi=2",
imageAlt: "Close up of a hot towel shave",
},
id: "hot-towel-shave", title: "Hot Towel Shave", description: "Relaxing and refreshing classic shave with hot towels.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-teenager-touching-his-hair_1153-800.jpg?_wi=2", imageAlt: "Close up of a hot towel shave"},
]}
title="Our Signature Services"
description="From classic cuts to modern fades, we offer a comprehensive range of services to keep you looking sharp and feeling your best. Our expert barbers are masters of their craft, ensuring precision and style with every visit."
@@ -178,64 +123,28 @@ export default function LandingPage() {
useInvertedBackground={true}
plans={[
{
id: "buzz-cut-plan",
title: "Buzz Cut",
price: "£15",
period: "Per session",
features: [
"Precision clippers",
"Neckline clean-up",
"Styling product",
],
id: "buzz-cut-plan", title: "Buzz Cut", price: "£15", period: "Per session", features: [
"Precision clippers", "Neckline clean-up", "Styling product"],
button: {
text: "Book Now",
href: "#contact",
},
text: "Book Now", href: "#contact"},
},
{
id: "beard-trim-plan",
title: "Beard Trim",
price: "£10",
period: "Per session",
features: [
"Shape & define",
"Hot towel finish",
"Beard balm application",
],
id: "beard-trim-plan", title: "Beard Trim", price: "£10", period: "Per session", features: [
"Shape & define", "Hot towel finish", "Beard balm application"],
button: {
text: "Book Now",
href: "#contact",
},
text: "Book Now", href: "#contact"},
},
{
id: "scissor-cut-plan",
title: "Scissor Cut",
price: "£25",
period: "Per session",
features: [
"Customized cut",
"Wash & style",
"Product consultation",
],
id: "scissor-cut-plan", title: "Scissor Cut", price: "£25", period: "Per session", features: [
"Customized cut", "Wash & style", "Product consultation"],
button: {
text: "Book Now",
href: "#contact",
},
text: "Book Now", href: "#contact"},
},
{
id: "full-service-plan",
title: "Cut & Shave",
price: "£40",
period: "Per session",
features: [
"Any haircut service",
"Traditional hot towel shave",
"Face massage & aftershave",
],
id: "full-service-plan", title: "Cut & Shave", price: "£40", period: "Per session", features: [
"Any haircut service", "Traditional hot towel shave", "Face massage & aftershave"],
button: {
text: "Book Now",
href: "#contact",
},
text: "Book Now", href: "#contact"},
},
]}
title="Our Service Menu & Pricing"
@@ -251,41 +160,32 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "donal-review",
name: "Donal",
role: "Local Guide",
company: "Antrim Road",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/jolly-upbeat-person-sitting-home-desk-exulting-feeling-satisfied-close-up_482257-123062.jpg",
videoAriaLabel: "Testimonial video by Donal",
id: "donal-review", name: "Donal", role: "Local Guide", company: "Antrim Road", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/jolly-upbeat-person-sitting-home-desk-exulting-feeling-satisfied-close-up_482257-123062.jpg", videoAriaLabel: "Testimonial video by Donal"},
{
id: "thim-pye-review", name: "Thim Pye", role: "Satisfied Customer", company: "Antrim Road", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-giving-thumbs-up-gray-wall_114579-63637.jpg", videoAriaLabel: "Testimonial video by Thim Pye"},
{
id: "patrick-mc-millan-review", name: "Patrick Mc Millan", role: "Happy Client", company: "Antrim Road", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jq8o94", videoAriaLabel: "Testimonial video by Patrick Mc Millan"},
{
id: "john-smith-review", name: "John Smith", role: "Regular Customer", company: "Antrim Road", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-blonde-guy-wearing-green-t-shirt_141793-89586.jpg", videoAriaLabel: "Testimonial video by John Smith"},
{
id: "emily-r-review", name: "Emily R.", role: "Satisfied Customer", company: "Absolutely fantastic service! My haircut was exactly what I wanted. Highly recommend Antrim Road Barber.", rating: 5
},
{
id: "thim-pye-review",
name: "Thim Pye",
role: "Satisfied Customer",
company: "Antrim Road",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-giving-thumbs-up-gray-wall_114579-63637.jpg",
videoAriaLabel: "Testimonial video by Thim Pye",
id: "james-p-review", name: "James P.", role: "Satisfied Customer", company: "Great experience from start to finish. The barbers here are true professionals. I always leave feeling fresh.", rating: 5
},
{
id: "patrick-mc-millan-review",
name: "Patrick Mc Millan",
role: "Happy Client",
company: "Antrim Road",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jq8o94",
videoAriaLabel: "Testimonial video by Patrick Mc Millan",
id: "olivia-w-review", name: "Olivia W.", role: "Satisfied Customer", company: "Best shave I've ever had! The hot towel treatment was amazing. Will definitely be coming back.", rating: 5
},
{
id: "john-smith-review",
name: "John Smith",
role: "Regular Customer",
company: "Antrim Road",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-blonde-guy-wearing-green-t-shirt_141793-89586.jpg",
videoAriaLabel: "Testimonial video by John Smith",
id: "michael-b-review", name: "Michael B.", role: "Satisfied Customer", company: "Consistently excellent haircuts and friendly staff. This is my go-to barber shop on Antrim Road.", rating: 5
},
{
id: "sophia-k-review", name: "Sophia K.", role: "Satisfied Customer", company: "Incredible attention to detail and a very comfortable atmosphere. I always look forward to my appointments here.", rating: 5
}
]}
title="What Our Clients Say"
description="Don't just take our word for it. Hear directly from our satisfied customers about their experience at Antrim Road Barber and why they keep coming back."
@@ -296,18 +196,13 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={true}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
text="Ready for Your Next Great Look? Book Your Appointment Today!"
buttons={[
{
text: "Book Now",
href: "tel:+441234567890",
},
text: "Book Now", href: "tel:+441234567890"},
{
text: "Get Directions",
href: "https://maps.google.com/?q=Antrim+Road+Barber",
},
text: "Get Directions", href: "https://maps.google.com/?q=Antrim+Road+Barber"},
]}
/>
</div>
@@ -318,54 +213,33 @@ export default function LandingPage() {
imageAlt="Classic barber pole"
columns={[
{
title: "Quick Links",
items: [
title: "Quick Links", items: [
{
label: "Home",
href: "#hero",
},
label: "Home", href: "#hero"},
{
label: "Services",
href: "#services",
},
label: "Services", href: "#services"},
{
label: "Reviews",
href: "#reviews",
},
label: "Reviews", href: "#reviews"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
{
title: "Contact Us",
items: [
title: "Contact Us", items: [
{
label: "123 Antrim Road, Belfast",
href: "https://maps.google.com/?q=123+Antrim+Road,+Belfast",
},
label: "123 Antrim Road, Belfast", href: "https://maps.google.com/?q=123+Antrim+Road,+Belfast"},
{
label: "+44 1234 567890",
href: "tel:+441234567890",
},
label: "+44 1234 567890", href: "tel:+441234567890"},
{
label: "info@antrimroadbarber.com",
href: "mailto:info@antrimroadbarber.com",
},
label: "info@antrimroadbarber.com", href: "mailto:info@antrimroadbarber.com"},
],
},
{
title: "Follow Us",
items: [
title: "Follow Us", items: [
{
label: "Facebook",
href: "#",
},
label: "Facebook", href: "#"},
{
label: "Instagram",
href: "#",
},
label: "Instagram", href: "#"},
],
},
]}