bender/82acc10d-70be-4c80-a55c-a9113c24aa37
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #4

Merged
bender merged 2 commits from version_2 into main 2026-03-06 08:47:04 +00:00
Conversation 0 Commits 2 Files Changed 2 +76 -104
2 changed files with 76 additions and 104 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
src/app/layout.tsx
View File

@@ -1,51 +1,24 @@
import type { Metadata } from "next";
import { Public_Sans } from "next/font/google";
import { Inter } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const publicSans = Public_Sans({
variable: "--font-public-sans", subsets: ["latin"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
export const metadata: Metadata = {
title: "BARBERSHOP AKIN | Professional Barber in Scherpenzeel", description: "Expert haircuts, beard trims, and barber services in Scherpenzeel. 4.8★ rating. Call 06 41327339 to book your appointment today.", keywords: "barber Scherpenzeel, kapper Scherpenzeel, haircut, beard trim, barbershop, men's grooming", metadataBase: new URL("https://barbershopakin.nl"),
alternates: {
canonical: "https://barbershopakin.nl"},
openGraph: {
title: "BARBERSHOP AKIN | Your Local Barber", description: "Professional haircuts and beard trims in Scherpenzeel. Trusted by the community since day one.", url: "https://barbershopakin.nl", siteName: "BARBERSHOP AKIN", type: "website", images: [
{
url: "http://img.b2bpic.net/free-photo/full-body-portrait-stylish-male-who-himself-shaving-while-sitting-barber-chair-hairdressing-salon_613910-18655.jpg", alt: "BARBERSHOP AKIN interior"},
],
},
twitter: {
card: "summary_large_image", title: "BARBERSHOP AKIN | Professional Barber", description: "Expert haircuts and beard trims. Book now: 06 41327339", images: ["http://img.b2bpic.net/free-photo/full-body-portrait-stylish-male-who-himself-shaving-while-sitting-barber-chair-hairdressing-salon_613910-18655.jpg"],
},
robots: {
index: true,
follow: true,
},
};
title: "BARBERSHOP AKIN - Professionele Kapperszaak in Scherpenzeel", description: "Professionele haarsnijdingen, baardtrimmen en klassieke barbierservice in Scherpenzeel. Vriendelijke, welkome sfeer met deskundige kappers."};
export default function RootLayout({
children,
}: Readonly<{
}: {
children: React.ReactNode;
}>) {
}) {
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${publicSans.variable} ${inter.variable} antialiased`}
>
<Tag />
{children}
<html lang="nl">
<body className={`${inter.variable} antialiased`}>
{children}
<script
dangerouslySetInnerHTML={{
__html: `
@@ -1413,7 +1386,6 @@ export default function RootLayout({
}}
/>
</body>
</ServiceWrapper>
</html>
);
}

138
src/app/page.tsx
View File

@@ -32,40 +32,40 @@ export default function BarbershopAkinPage() {
brandName="BARBERSHOP AKIN"
navItems={[
{ name: "Services", id: "services" },
{ name: "About", id: "about" },
{ name: "Reviews", id: "testimonials" },
{ name: "Over ons", id: "about" },
{ name: "Recensies", id: "testimonials" },
{ name: "Contact", id: "contact" },
{ name: "Book Now", id: "contact" },
{ name: "Boeken", id: "contact" },
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardDashboard
title="Your Local Barber in Scherpenzeel"
description="Professional haircuts, sharp beard trims, and classic barber service in a friendly, welcoming atmosphere."
tag="Est. Local Excellence"
title="Uw lokale kapper in Scherpenzeel"
description="Professionele haarsnijdingen, scherpe baardtrimmen en klassieke barbierservice in een vriendelijke, welkome sfeer."
tag="Sinds 2015 - Lokale Excellentie"
tagIcon={Sparkles}
tagAnimation="slide-up"
buttons={[
{ text: "Call Now: 06 41327339", href: "tel:0641327339" },
{ text: "Book Appointment", href: "#contact" },
{ text: "Bel nu: 06 41327339", href: "tel:0641327339" },
{ text: "Afspraak maken", href: "#contact" },
]}
buttonAnimation="slide-up"
background={{ variant: "radial-gradient" }}
dashboard={{
title: "Why Choose BARBERSHOP AKIN", stats: [
title: "Waarom BARBERSHOP AKIN kiezen", stats: [
{
title: "Rating", values: [4.8, 4.8, 4.8],
description: "⭐ Based on 30+ reviews"
title: "Beoordeling", values: [4.8, 4.8, 4.8],
description: "⭐ Gebaseerd op 30+ reviews"
},
{
title: "Experience", values: [10, 15, 20],
valueSuffix: "years", description: "Professional craftsmanship"
title: "Ervaring", values: [10, 15, 20],
valueSuffix: "jaar", description: "Professioneel vakmanschap"
},
{
title: "Customers", values: [500, 750, 1000],
description: "Satisfied & returning clients"
title: "Klanten", values: [500, 750, 1000],
description: "Tevreden & terugkerende klanten"
},
],
logoIcon: Scissors,
@@ -75,34 +75,34 @@ export default function BarbershopAkinPage() {
{ icon: MapPin },
],
buttons: [
{ text: "Get Directions", href: "#location" },
{ text: "Routekaart", href: "#location" },
{ text: "Instagram", href: "https://instagram.com" },
],
listItems: [
{
icon: CheckCircle,
title: "Clean, professional environment", status: "Always"
title: "Schoon, professioneel omgeving", status: "Altijd"
},
{
icon: CheckCircle,
title: "Friendly, skilled barbers", status: "Ready"
title: "Vriendelijke, geschoolde kappers", status: "Klaar"
},
{
icon: CheckCircle,
title: "Quick turnaround, great value", status: "Guaranteed"
title: "Snelle afhandeling, prima waarde", status: "Gegarandeerd"
},
],
imageSrc:
"http://img.b2bpic.net/free-photo/full-body-portrait-stylish-male-who-himself-shaving-while-sitting-barber-chair-hairdressing-salon_613910-18655.jpg", imageAlt: "Professional barbershop interior", searchPlaceholder: "What brings you in?", chartTitle: "Customer Satisfaction", chartData: [
"http://img.b2bpic.net/free-photo/full-body-portrait-stylish-male-who-himself-shaving-while-sitting-barber-chair-hairdressing-salon_613910-18655.jpg", imageAlt: "Professioneel barbierinterior", searchPlaceholder: "Wat brengt u hier?", chartTitle: "Klanttevredenheid", chartData: [
{ value: 95 },
{ value: 98 },
{ value: 96 },
{ value: 99 },
{ value: 97 },
],
listTitle: "Our Commitment", className: "rounded-lg", containerClassName: "bg-card", sidebarClassName: "bg-background-accent", statClassName: "text-foreground", chartClassName: "text-primary-cta", listClassName: "space-y-2"
listTitle: "Onze inzet", className: "rounded-lg", containerClassName: "bg-card", sidebarClassName: "bg-background-accent", statClassName: "text-foreground", chartClassName: "text-primary-cta", listClassName: "space-y-2"
}}
ariaLabel="Hero section for BARBERSHOP AKIN"
ariaLabel="Hero sectie voor BARBERSHOP AKIN"
className="rounded-lg"
containerClassName="w-full"
textBoxClassName="text-center"
@@ -119,32 +119,32 @@ export default function BarbershopAkinPage() {
<FeatureCardTwentySix
features={[
{
title: "Men's Haircuts", description:
"Classic cuts, modern styles, and precise fades tailored to your preference. Professional barbers with years of experience.", imageSrc:
"http://img.b2bpic.net/free-photo/hairdresser-spraying-clients-hair_23-2148298274.jpg", imageAlt: "Professional men's haircut service", buttonIcon: ArrowRight,
title: "Herrenkapsels", description:
"Klassieke knippen, moderne stijlen en nauwkeurige fades, afgestemd op uw voorkeur. Professionele kappers met jarenlange ervaring.", imageSrc:
"http://img.b2bpic.net/free-photo/hairdresser-spraying-clients-hair_23-2148298274.jpg", imageAlt: "Professionele haarsnij service voor heren", buttonIcon: ArrowRight,
buttonHref: "#contact"
},
{
title: "Beard Trimming & Shaping", description:
"Expert beard grooming that keeps you looking sharp. Precision trimming and shaping for the perfect beard style.", imageSrc:
"http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-18422.jpg?_wi=1", imageAlt: "Professional beard trim service", buttonIcon: ArrowRight,
title: "Baardverzorging & Vormgeving", description:
"Deskundige baardgrooming die u scherp laat zien. Nauwkeurig trimmen en vormen voor de perfecte baardstijl.", imageSrc:
"http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-18422.jpg?_wi=1", imageAlt: "Professionele baardtrimservice", buttonIcon: ArrowRight,
buttonHref: "#contact"
},
{
title: "Full Grooming Package", description:
"Haircut and beard trim combo for the ultimate grooming experience. Save time and look your absolute best.", imageSrc:
"http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-18422.jpg?_wi=2", imageAlt: "Complete grooming and haircut service", buttonIcon: ArrowRight,
title: "Compleet groomingpakket", description:
"Haarsnit en baardtrim combinatie voor de ultieme groomingervaring. Bespaar tijd en ziet er geweldig uit.", imageSrc:
"http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-18422.jpg?_wi=2", imageAlt: "Complete grooming- en haarzoeking service", buttonIcon: ArrowRight,
buttonHref: "#contact"
},
]}
title="Our Services"
description="Quality haircuts, beard trims, and professional barber services designed to keep you looking sharp."
tag="Professional Services"
title="Onze diensten"
description="Kwaliteitshaarsnijdingen, baardtrimmen en professionele barbierservice om u scherp te houden."
tag="Professionele diensten"
tagIcon={Scissors}
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
ariaLabel="Services section"
ariaLabel="Servicessectie"
buttonAnimation="slide-up"
className="rounded-lg"
containerClassName="py-16"
@@ -156,17 +156,17 @@ export default function BarbershopAkinPage() {
<div id="about" data-section="about">
<TextAbout
tag="Local Pride"
tag="Lokale Trots"
tagIcon={Home}
tagAnimation="slide-up"
title="BARBERSHOP AKIN: Your Community Barber Since Day One"
title="BARBERSHOP AKIN: Uw Community Barber Sinds het Begin"
buttons={[
{ text: "Get Directions", href: "#location" },
{ text: "Call: 06 41327339", href: "tel:0641327339" },
{ text: "Routekaart", href: "#location" },
{ text: "Bel: 06 41327339", href: "tel:0641327339" },
]}
buttonAnimation="slide-up"
useInvertedBackground={true}
ariaLabel="About section"
ariaLabel="Over ons sectie"
className="rounded-lg"
containerClassName="py-16 px-8"
titleClassName="text-foreground font-bold text-4xl"
@@ -179,46 +179,46 @@ export default function BarbershopAkinPage() {
<TestimonialCardOne
testimonials={[
{
id: "1", name: "Mark Stevens", role: "Regular Customer", company: "Scherpenzeel", rating: 5,
id: "1", name: "Mark Stevens", role: "Regelmatige klant", company: "Scherpenzeel", rating: 5,
imageSrc:
"http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=1", imageAlt: "Mark Stevens"
},
{
id: "2", name: "Johan de Vries", role: "Local Resident", company: "Woudenberg", rating: 5,
id: "2", name: "Johan de Vries", role: "Plaatselijk inwoner", company: "Woudenberg", rating: 5,
imageSrc:
"http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=2", imageAlt: "Johan de Vries"
},
{
id: "3", name: "Pieter Jansen", role: "Long-time Customer", company: "Renswoude", rating: 5,
id: "3", name: "Pieter Jansen", role: "Langjärige klant", company: "Renswoude", rating: 5,
imageSrc:
"http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=3", imageAlt: "Pieter Jansen"
},
{
id: "4", name: "Kees Mueller", role: "Business Owner", company: "Barneveld", rating: 5,
id: "4", name: "Kees Mueller", role: "Eigenaar bedrijf", company: "Barneveld", rating: 5,
imageSrc:
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Kees Mueller"
},
{
id: "5", name: "Bart Hendriks", role: "Weekly Visitor", company: "Scherpenzeel", rating: 5,
id: "5", name: "Bart Hendriks", role: "Wekelijks bezoeker", company: "Scherpenzeel", rating: 5,
imageSrc:
"http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg", imageAlt: "Bart Hendriks"
},
{
id: "6", name: "Dirk Vermeulen", role: "Loyal Customer", company: "Nearby Villages", rating: 5,
id: "6", name: "Dirk Vermeulen", role: "Trouwe klant", company: "Nabijgelegen dorpen", rating: 5,
imageSrc:
"http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg?_wi=4", imageAlt: "Dirk Vermeulen"
},
]}
title="What Our Customers Say"
description="Real feedback from satisfied customers in Scherpenzeel and surrounding villages. 4.8★ rating based on 30+ reviews."
tag="Customer Reviews"
title="Wat zeggen onze klanten"
description="Echte feedback van tevreden klanten in Scherpenzeel en omliggende dorpen. 4.8★ rating gebaseerd op 30+ reviews."
tag="Klantenrecensies"
tagIcon={Star}
tagAnimation="slide-up"
gridVariant="uniform-all-items-equal"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
ariaLabel="Testimonials section"
ariaLabel="Testimonials sectie"
buttonAnimation="slide-up"
className="rounded-lg"
containerClassName="py-16"
@@ -229,15 +229,15 @@ export default function BarbershopAkinPage() {
<div id="contact" data-section="contact">
<ContactText
text="Ready to look sharp and feel confident? Book your appointment or call us today. We're here to make you feel at home."
text="Klaar om scherp te zien en zelfverzekerd te voelen? Maak nu uw afspraak of bel ons. We zijn hier om je thuis te laten voelen."
animationType="entrance-slide"
buttons={[
{ text: "Call Now: 06 41327339", href: "tel:0641327339" },
{ text: "Get Directions", href: "#location" },
{ text: "Bel nu: 06 41327339", href: "tel:0641327339" },
{ text: "Routekaart", href: "#location" },
]}
background={{ variant: "plain" }}
useInvertedBackground={false}
ariaLabel="Contact CTA section"
ariaLabel="Contact CTA sectie"
className="rounded-lg"
containerClassName="py-12"
contentClassName="bg-card p-8 rounded-lg"
@@ -249,20 +249,20 @@ export default function BarbershopAkinPage() {
<div id="location" data-section="location">
<MetricCardThree
metrics={[
{ id: "1", icon: MapPin, title: "Location", value: "Scherpenzeel" },
{ id: "2", icon: Clock, title: "Hours", value: "Mon-Fri" },
{ id: "3", icon: Phone, title: "Call", value: "06 41327339" },
{ id: "4", icon: MapPin, title: "Address", value: "Marktstraat 2" },
{ id: "1", icon: MapPin, title: "Locatie", value: "Scherpenzeel" },
{ id: "2", icon: Clock, title: "Uren", value: "Maa-Vrij" },
{ id: "3", icon: Phone, title: "Bel", value: "06 41327339" },
{ id: "4", icon: MapPin, title: "Adres", value: "Marktstraat 2" },
]}
title="Find Us"
description="Located in the heart of Scherpenzeel, serving customers from Woudenberg, Renswoude, Barneveld, and nearby villages."
tag="Local Access"
title="Vind ons"
description="Gevestigd in het hart van Scherpenzeel, diensten voor klanten uit Woudenberg, Renswoude, Barneveld en nabijgelegen dorpen."
tag="Plaatselijke toegang"
tagIcon={MapPin}
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={true}
animationType="slide-up"
ariaLabel="Location and hours section"
ariaLabel="Locatie en urenssectie"
className="rounded-lg"
containerClassName="py-16"
cardClassName="bg-card rounded-lg p-6"
@@ -272,10 +272,10 @@ export default function BarbershopAkinPage() {
<div id="social-proof" data-section="social-proof">
<SocialProofOne
names={[
"Google Reviews", "Local Favorite", "Trusted Barber", "Community Choice", "Premium Quality", "Friendly Service", "Expert Barbers", "Customer Rated"
"Google Reviews", "Lokale favoriet", "Vertrouwde kapper", "Keuze van de gemeenschap", "Premium kwaliteit", "Vriendelijke service", "Deskundige kappers", "Door klanten beoordeeld"
]}
title="Trusted by the Community"
description="Recommended by locals and loved for quality, craftsmanship, and exceptional service."
title="Vertrouwd door de gemeenschap"
description="Aanbevolen door plaatselijke bewoners en geliefd om kwaliteit, vakmanschap en uitzonderlijke service."
tag="4.8★ Rating"
tagIcon={Star}
tagAnimation="slide-up"
@@ -283,7 +283,7 @@ export default function BarbershopAkinPage() {
useInvertedBackground={false}
speed={40}
showCard={true}
ariaLabel="Social proof section"
ariaLabel="Social proof sectie"
containerClassName="py-12"
textBoxClassName="text-center mb-8"
/>
@@ -292,9 +292,9 @@ export default function BarbershopAkinPage() {
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="BARBERSHOP AKIN"
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms of Service", href: "#" }}
ariaLabel="Site footer"
leftLink={{ text: "Privacybeleid", href: "#" }}
rightLink={{ text: "Servicevoorwaarden", href: "#" }}
ariaLabel="Voettekst van site"
className="rounded-lg"
wrapperClassName="bg-foreground text-background"
containerClassName="py-8 text-center"