bender/a1932c19-46b8-4fc3-956d-332de183f49f
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-05-30 13:35:14 +00:00
parent 436a9e0830 3dcacb0f8b
commit 55455906bf
1 changed files with 69 additions and 270 deletions
Download Patch File Download Diff File Expand all files Collapse all files

339
src/app/page.tsx
View File

@@ -34,39 +34,23 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Team",
id: "#team",
},
name: "Team", id: "#team"},
{
name: "Pricing",
id: "#pricing",
},
name: "Pricing", id: "#pricing"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Agre The Barber"
button={{
text: "Book Now",
href: "#contact",
}}
text: "Book Now", href: "#contact"}}
animateOnLoad={true}
/>
</div>
@@ -74,45 +58,28 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroBillboardGallery
background={{
variant: "plain",
}}
variant: "plain"}}
title="Agre The Barber"
description="Your Premium Barber in Dinxperlo. Experience expert haircuts, precise shaves, and personalized grooming in a relaxed atmosphere."
buttons={[
{
text: "Book Now",
href: "#contact",
},
text: "Book Now", href: "#contact"},
{
text: "Our Services",
href: "#services",
},
text: "Our Services", href: "#services"},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-bearded-male-with-tattoo-arm-dressed-flannel-shirt-holding-juice-while-getting-haircut_613910-5727.jpg?_wi=1",
imageAlt: "Barber giving a classic haircut",
},
imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-bearded-male-with-tattoo-arm-dressed-flannel-shirt-holding-juice-while-getting-haircut_613910-5727.jpg", imageAlt: "Barber giving a classic haircut"},
{
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-fun-together-cottage_107420-9686.jpg?_wi=1",
imageAlt: "Barber giving a precise beard trim",
},
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-fun-together-cottage_107420-9686.jpg", imageAlt: "Barber giving a precise beard trim"},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6322.jpg?_wi=1",
imageAlt: "Stylish empty barbershop interior",
},
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6322.jpg", imageAlt: "Stylish empty barbershop interior"},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6328.jpg?_wi=1",
imageAlt: "Client satisfied with a fresh haircut",
},
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6328.jpg", imageAlt: "Client satisfied with a fresh haircut"},
{
imageSrc: "http://img.b2bpic.net/free-photo/disposable-plastic-blue-razor-blades_23-2148799839.jpg?_wi=1",
imageAlt: "Traditional hot towel shave",
},
imageSrc: "http://img.b2bpic.net/free-photo/disposable-plastic-blue-razor-blades_23-2148799839.jpg", imageAlt: "Traditional hot towel shave"},
{
imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167454.jpg",
imageAlt: "Exterior of Agre The Barber shop",
},
imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167454.jpg", imageAlt: "Exterior of Agre The Barber shop"},
]}
mediaAnimation="opacity"
/>
@@ -125,41 +92,17 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "haircut",
title: "Classic Haircut",
author: "Precision & Style",
description: "Expertly crafted haircuts, designed to suit your personal style and preferences.",
tags: [
"Hair",
"Style",
],
imageSrc: "http://img.b2bpic.net/free-photo/hairstylist-giving-haircut-client_23-2148506193.jpg",
imageAlt: "Classic haircut in progress",
},
id: "haircut", title: "Classic Haircut", author: "Precision & Style", description: "Expertly crafted haircuts, designed to suit your personal style and preferences.", tags: [
"Hair", "Style"],
imageSrc: "http://img.b2bpic.net/free-photo/hairstylist-giving-haircut-client_23-2148506193.jpg", imageAlt: "Classic haircut in progress"},
{
id: "beardtrim",
title: "Beard Trim & Shape",
author: "Grooming Perfection",
description: "Professional beard shaping and trimming to keep your facial hair looking sharp.",
tags: [
"Beard",
"Grooming",
],
imageSrc: "http://img.b2bpic.net/free-photo/handsome-ginger-man-frowns-face-points-with-thumb-his-man-companion-express-different-emotions_273609-16968.jpg",
imageAlt: "Man getting beard trimmed",
},
id: "beardtrim", title: "Beard Trim & Shape", author: "Grooming Perfection", description: "Professional beard shaping and trimming to keep your facial hair looking sharp.", tags: [
"Beard", "Grooming"],
imageSrc: "http://img.b2bpic.net/free-photo/handsome-ginger-man-frowns-face-points-with-thumb-his-man-companion-express-different-emotions_273609-16968.jpg", imageAlt: "Man getting beard trimmed"},
{
id: "shave",
title: "Hot Towel Shave",
author: "Ultimate Relaxation",
description: "Experience the ultimate in relaxation with a traditional hot towel shave.",
tags: [
"Shave",
"Luxury",
],
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-wiping-client-beard-with-towel_23-2148298345.jpg",
imageAlt: "Hot towel on client's face",
},
id: "shave", title: "Hot Towel Shave", author: "Ultimate Relaxation", description: "Experience the ultimate in relaxation with a traditional hot towel shave.", tags: [
"Shave", "Luxury"],
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-wiping-client-beard-with-towel_23-2148298345.jpg", imageAlt: "Hot towel on client's face"},
]}
title="Our Expert Services"
description="Discover a range of premium grooming services tailored to your needs."
@@ -173,19 +116,13 @@ export default function LandingPage() {
metrics={[
{
icon: Award,
label: "Years Experience",
value: "10+",
},
label: "Years Experience", value: "10+"},
{
icon: Users,
label: "Happy Clients",
value: "5000+",
},
label: "Happy Clients", value: "5000+"},
{
icon: Scissors,
label: "Expert Barbers",
value: "3",
},
label: "Expert Barbers", value: "3"},
]}
metricsAnimation="slide-up"
/>
@@ -198,37 +135,15 @@ export default function LandingPage() {
useInvertedBackground={false}
groups={[
{
id: "team-group-1",
groupTitle: "Our Talented Barbers",
members: [
id: "team-group-1", groupTitle: "Our Talented Barbers", members: [
{
id: "member-agre",
title: "Agre",
subtitle: "Owner & Master Barber",
detail: "With over a decade of experience, Agre combines traditional techniques with modern trends.",
imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-afro-american-male-barber-wearing-uniform-holding-barber-tools-showing-v-sign-symbol-near-eye_141793-114985.jpg",
imageAlt: "Agre, Owner & Master Barber",
},
id: "member-agre", title: "Agre", subtitle: "Owner & Master Barber", detail: "With over a decade of experience, Agre combines traditional techniques with modern trends.", imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-afro-american-male-barber-wearing-uniform-holding-barber-tools-showing-v-sign-symbol-near-eye_141793-114985.jpg", imageAlt: "Agre, Owner & Master Barber"},
{
id: "member-jason",
title: "Jason",
subtitle: "Senior Stylist",
detail: "Specializing in contemporary cuts and precise beard work, Jason brings a fresh perspective.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506342.jpg",
imageAlt: "Jason, Senior Stylist",
},
id: "member-jason", title: "Jason", subtitle: "Senior Stylist", detail: "Specializing in contemporary cuts and precise beard work, Jason brings a fresh perspective.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506342.jpg", imageAlt: "Jason, Senior Stylist"},
{
id: "member-mike",
title: "Mike",
subtitle: "Grooming Specialist",
detail: "Mike is our expert in hot towel shaves and classic grooming rituals, ensuring ultimate relaxation.",
imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286015.jpg",
imageAlt: "Mike, Grooming Specialist",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-bearded-male-with-tattoo-arm-dressed-flannel-shirt-holding-juice-while-getting-haircut_613910-5727.jpg?_wi=2",
imageAlt: "professional male barber portrait",
},
id: "member-mike", title: "Mike", subtitle: "Grooming Specialist", detail: "Mike is our expert in hot towel shaves and classic grooming rituals, ensuring ultimate relaxation.", imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286015.jpg", imageAlt: "Mike, Grooming Specialist"},
]
}
]}
title="Meet Your Master Barbers"
description="Our dedicated team of skilled barbers is committed to perfecting your look and providing a top-notch grooming experience."
@@ -242,40 +157,19 @@ export default function LandingPage() {
useInvertedBackground={true}
plans={[
{
id: "plan-haircut",
badge: "Popular",
badgeIcon: Star,
price: "€25",
subtitle: "Precision Haircut",
features: [
"Wash & Cut",
"Styling Advice",
"Neck Shave",
],
id: "plan-haircut", badge: "Popular", badgeIcon: Star,
price: "€25", subtitle: "Precision Haircut", features: [
"Wash & Cut", "Styling Advice", "Neck Shave"],
},
{
id: "plan-beard",
badge: "Essentials",
badgeIcon: Scissors,
price: "€15",
subtitle: "Beard Trim & Shape",
features: [
"Beard Shaping",
"Line Up",
"Conditioning",
],
id: "plan-beard", badge: "Essentials", badgeIcon: Scissors,
price: "€15", subtitle: "Beard Trim & Shape", features: [
"Beard Shaping", "Line Up", "Conditioning"],
},
{
id: "plan-deluxe",
badge: "Premium",
badgeIcon: Sparkles,
price: "€45",
subtitle: "The Deluxe Package",
features: [
"Classic Haircut",
"Hot Towel Shave",
"Beard Trim",
],
id: "plan-deluxe", badge: "Premium", badgeIcon: Sparkles,
price: "€45", subtitle: "The Deluxe Package", features: [
"Classic Haircut", "Hot Towel Shave", "Beard Trim"],
},
]}
title="Our Services & Pricing"
@@ -289,65 +183,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "test-1",
name: "Jan de Vries",
date: "2 weeks ago",
title: "Best Barber in Dinxperlo!",
quote: "Agre always delivers a perfect cut. The attention to detail is unmatched, and the atmosphere is great. Highly recommended!",
tag: "Haircut",
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-cheerfully-celebrating-with-fists-clenched-arms-crossed-feeling-happy-positive_1194-631934.jpg",
avatarAlt: "Jan de Vries",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-bearded-male-with-tattoo-arm-dressed-flannel-shirt-holding-juice-while-getting-haircut_613910-5727.jpg?_wi=3",
imageAlt: "male client avatar happy",
},
id: "test-1", name: "Jan de Vries", date: "2 weeks ago", title: "Best Barber in Dinxperlo!", quote: "Agre always delivers a perfect cut. The attention to detail is unmatched, and the atmosphere is great. Highly recommended!", tag: "Haircut", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-cheerfully-celebrating-with-fists-clenched-arms-crossed-feeling-happy-positive_1194-631934.jpg", avatarAlt: "Jan de Vries", imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-bearded-male-with-tattoo-arm-dressed-flannel-shirt-holding-juice-while-getting-haircut_613910-5727.jpg", imageAlt: "male client avatar happy"},
{
id: "test-2",
name: "Mark Janssen",
date: "1 month ago",
title: "Relaxing Hot Towel Shave",
quote: "The hot towel shave was pure bliss! Felt incredibly refreshed afterwards. Agre's a true craftsman.",
tag: "Shave",
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
avatarAlt: "Mark Janssen",
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-fun-together-cottage_107420-9686.jpg?_wi=2",
imageAlt: "male client avatar happy",
},
id: "test-2", name: "Mark Janssen", date: "1 month ago", title: "Relaxing Hot Towel Shave", quote: "The hot towel shave was pure bliss! Felt incredibly refreshed afterwards. Agre's a true craftsman.", tag: "Shave", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg", avatarAlt: "Mark Janssen", imageSrc: "http://img.b2bpic.net/free-photo/couple-having-fun-together-cottage_107420-9686.jpg", imageAlt: "male client avatar happy"},
{
id: "test-3",
name: "Pieter Bakker",
date: "3 weeks ago",
title: "Always a Great Experience",
quote: "I've been coming to Agre for years. Consistent quality, friendly service, and I always leave looking sharp.",
tag: "Regular Client",
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-man-posing-outdoors_23-2151038807.jpg",
avatarAlt: "Pieter Bakker",
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6322.jpg?_wi=2",
imageAlt: "male client avatar happy",
},
id: "test-3", name: "Pieter Bakker", date: "3 weeks ago", title: "Always a Great Experience", quote: "I've been coming to Agre for years. Consistent quality, friendly service, and I always leave looking sharp.", tag: "Regular Client", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-man-posing-outdoors_23-2151038807.jpg", avatarAlt: "Pieter Bakker", imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6322.jpg", imageAlt: "male client avatar happy"},
{
id: "test-4",
name: "Sven Brandsma",
date: "2 months ago",
title: "Perfect Beard Trim",
quote: "My beard has never looked better! The trim was meticulous, and Agre offered great styling tips. Fantastic service.",
tag: "Beard Trim",
avatarSrc: "http://img.b2bpic.net/free-photo/professional-girl-hairdresser-makes-client-haircut-girl-is-sitting-mask-beauty-salon_343596-4456.jpg",
avatarAlt: "Sven Brandsma",
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6328.jpg?_wi=2",
imageAlt: "male client avatar happy",
},
id: "test-4", name: "Sven Brandsma", date: "2 months ago", title: "Perfect Beard Trim", quote: "My beard has never looked better! The trim was meticulous, and Agre offered great styling tips. Fantastic service.", tag: "Beard Trim", avatarSrc: "http://img.b2bpic.net/free-photo/professional-girl-hairdresser-makes-client-haircut-girl-is-sitting-mask-beauty-salon_343596-4456.jpg", avatarAlt: "Sven Brandsma", imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6328.jpg", imageAlt: "male client avatar happy"},
{
id: "test-5",
name: "Thomas van Dijk",
date: "4 weeks ago",
title: "Professional and Welcoming",
quote: "From booking to the final snip, everything was professional. The barbershop is clean and the staff are very welcoming.",
tag: "New Client",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-middle-age-male-dressed-woolen-suit-isolated-grey-vignette-background_613910-10306.jpg",
avatarAlt: "Thomas van Dijk",
imageSrc: "http://img.b2bpic.net/free-photo/disposable-plastic-blue-razor-blades_23-2148799839.jpg?_wi=2",
imageAlt: "male client avatar happy",
},
id: "test-5", name: "Thomas van Dijk", date: "4 weeks ago", title: "Professional and Welcoming", quote: "From booking to the final snip, everything was professional. The barbershop is clean and the staff are very welcoming.", tag: "New Client", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-middle-age-male-dressed-woolen-suit-isolated-grey-vignette-background_613910-10306.jpg", avatarAlt: "Thomas van Dijk", imageSrc: "http://img.b2bpic.net/free-photo/disposable-plastic-blue-razor-blades_23-2148799839.jpg", imageAlt: "male client avatar happy"},
]}
title="What Our Clients Say"
description="Hear from our satisfied customers about their experience at Agre The Barber."
@@ -359,14 +203,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"Dinxperlo Locals",
"Community Partners",
"Small Businesses",
"Local Enthusiasts",
"Happy Regulars",
"Family & Friends",
"Grooming Aficionados",
]}
"Dinxperlo Locals", "Community Partners", "Small Businesses", "Local Enthusiasts", "Happy Regulars", "Family & Friends", "Grooming Aficionados"]}
title="Trusted by the Dinxperlo Community"
description="We are proud to be a valued part of the local community, serving generations of gentlemen."
speed={50}
@@ -378,25 +215,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq-1",
title: "How can I book an appointment?",
content: "You can easily book an appointment by calling us at 06 45468607 or by visiting our shop during opening hours. We also accept walk-ins based on availability.",
},
id: "faq-1", title: "How can I book an appointment?", content: "You can easily book an appointment by calling us at 06 45468607 or by visiting our shop during opening hours. We also accept walk-ins based on availability."},
{
id: "faq-2",
title: "What are your opening hours?",
content: "We are open until 16:00 today. Please check our 'Contact' section for detailed opening hours throughout the week.",
},
id: "faq-2", title: "What are your opening hours?", content: "We are open until 16:00 today. Please check our 'Contact' section for detailed opening hours throughout the week."},
{
id: "faq-3",
title: "What services do you offer?",
content: "We offer a wide range of services including classic haircuts, beard trims, hot towel shaves, and grooming packages. Visit our 'Services' section for more details.",
},
id: "faq-3", title: "What services do you offer?", content: "We offer a wide range of services including classic haircuts, beard trims, hot towel shaves, and grooming packages. Visit our 'Services' section for more details."},
{
id: "faq-4",
title: "Do you sell grooming products?",
content: "Yes, we stock a selection of premium grooming products used and recommended by our barbers to help you maintain your style at home.",
},
id: "faq-4", title: "Do you sell grooming products?", content: "Yes, we stock a selection of premium grooming products used and recommended by our barbers to help you maintain your style at home."},
]}
sideTitle="Common Questions"
sideDescription="Find quick answers to the most common questions about our services and appointments."
@@ -409,20 +234,15 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={true}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Get in Touch"
title="Visit Agre The Barber Today!"
description="Ready for your next fresh cut or relaxing shave? Book an appointment or drop by our shop at Hogestraat 48, 7091 CE Dinxperlo. We look forward to seeing you!"
buttons={[
{
text: "Call Us: 06 45468607",
href: "tel:+31645468607",
},
text: "Call Us: 06 45468607", href: "tel:+31645468607"},
{
text: "Get Directions",
href: "https://www.google.com/maps/dir/?api=1&destination=Hogestraat+48,+7091+CE+Dinxperlo",
},
text: "Get Directions", href: "https://www.google.com/maps/dir/?api=1&destination=Hogestraat+48,+7091+CE+Dinxperlo"},
]}
/>
</div>
@@ -432,54 +252,33 @@ export default function LandingPage() {
logoText="Agre The Barber"
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Haircuts",
href: "#services",
},
label: "Haircuts", href: "#services"},
{
label: "Beard Trims",
href: "#services",
},
label: "Beard Trims", href: "#services"},
{
label: "Hot Towel Shaves",
href: "#services",
},
label: "Hot Towel Shaves", href: "#services"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Our Team",
href: "#team",
},
label: "Our Team", href: "#team"},
{
label: "Pricing",
href: "#pricing",
},
label: "Pricing", href: "#pricing"},
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{
label: "Book Now",
href: "#contact",
},
label: "Book Now", href: "#contact"},
{
label: "Directions",
href: "https://www.google.com/maps/dir/?api=1&destination=Hogestraat+48,+7091+CE+Dinxperlo",
},
label: "Directions", href: "https://www.google.com/maps/dir/?api=1&destination=Hogestraat+48,+7091+CE+Dinxperlo"},
{
label: "Call Us",
href: "tel:+31645468607",
},
label: "Call Us", href: "tel:+31645468607"},
],
},
]}