Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-05-22 23:40:03 +00:00

View File

@@ -32,30 +32,12 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Start",
id: "hero",
},
{
name: "Über uns",
id: "about",
},
{
name: "Services",
id: "features",
},
{
name: "Galerie",
id: "products",
},
{
name: "Team",
id: "team",
},
{
name: "Kontakt",
id: "contact",
},
{ name: "Start", id: "hero" },
{ name: "Über uns", id: "about" },
{ name: "Services", id: "features" },
{ name: "Galerie", id: "products" },
{ name: "Team", id: "team" },
{ name: "Kontakt", id: "contact" },
]}
brandName="MK Gents Salon"
/>
@@ -67,74 +49,29 @@ export default function LandingPage() {
description="Entdecken Sie erstklassige Herrenpflege in unserem Salon. Buchen Sie Ihren Termin direkt online über Treatwell."
testimonials={[
{
name: "Max M.",
handle: "Stammkunde",
testimonial: "Bester Salon in der Stadt. Super präzise Handarbeit.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E3AMYFWYXcKeRYkUF01oLcBrYx/uploaded-1779493138614-19dves00.png?_wi=1",
imageAlt: "User provided image",
},
name: "Max M.", handle: "Stammkunde", testimonial: "Bester Salon in der Stadt. Super präzise Handarbeit.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E3AMYFWYXcKeRYkUF01oLcBrYx/uploaded-1779493138614-19dves00.png", imageAlt: "User provided image"},
{
name: "Thomas K.",
handle: "Stammkunde",
testimonial: "Absolut professionell. Tolle Atmosphäre.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E3AMYFWYXcKeRYkUF01oLcBrYx/uploaded-1779493138615-hclc4h3j.png?_wi=1",
imageAlt: "User provided image",
},
name: "Thomas K.", handle: "Stammkunde", testimonial: "Absolut professionell. Tolle Atmosphäre.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E3AMYFWYXcKeRYkUF01oLcBrYx/uploaded-1779493138615-hclc4h3j.png", imageAlt: "User provided image"},
{
name: "Lukas R.",
handle: "Neukunde",
testimonial: "Habe endlich meinen Barber gefunden.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/haircare-product-near-scissors-combs_23-2147711608.jpg?_wi=1",
imageAlt: "User provided image",
},
name: "Lukas R.", handle: "Neukunde", testimonial: "Habe endlich meinen Barber gefunden.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/haircare-product-near-scissors-combs_23-2147711608.jpg", imageAlt: "User provided image"},
{
name: "Stefan P.",
handle: "Stammkunde",
testimonial: "Sehr empfehlenswert, top Service.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313018.jpg?_wi=1",
imageAlt: "User provided image",
},
name: "Stefan P.", handle: "Stammkunde", testimonial: "Sehr empfehlenswert, top Service.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313018.jpg", imageAlt: "User provided image"},
{
name: "Jens B.",
handle: "Stammkunde",
testimonial: "Klasse Beratung und perfekter Schnitt.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313027.jpg?_wi=1",
imageAlt: "User provided image",
},
name: "Jens B.", handle: "Stammkunde", testimonial: "Klasse Beratung und perfekter Schnitt.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313027.jpg", imageAlt: "User provided image"},
]}
buttons={[
{
text: "Jetzt Termin buchen",
href: "https://www.treatwell.de",
},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E3AMYFWYXcKeRYkUF01oLcBrYx/uploaded-1779493138614-19dves00.png?_wi=2"
buttons={[{ text: "Jetzt Termin buchen", href: "https://www.treatwell.de" }]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E3AMYFWYXcKeRYkUF01oLcBrYx/uploaded-1779493138614-19dves00.png"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/elegant-smiling-woman-is-trying-beautiful-necklace-posh-jewellery-shop_613910-20742.jpg",
alt: "Client 1",
},
{
src: "http://img.b2bpic.net/free-photo/happy-young-beautiful-woman-hairdresser-apron-looking-front-feeling-positive-emotions-with-hands-her-cheeks-standing-green-wall_141793-71508.jpg",
alt: "Client 2",
},
{
src: "http://img.b2bpic.net/free-photo/beauty-vlogger-adjusting-camera_23-2148916349.jpg",
alt: "Client 3",
},
{
src: "http://img.b2bpic.net/free-photo/smiley-woman-home-getting-ready-haircut_23-2148817221.jpg",
alt: "Client 4",
},
{
src: "http://img.b2bpic.net/free-photo/family-car-salon-woman-buying-thecar-seat-little-african-girl-with-mther_1157-45043.jpg",
alt: "Client 5",
},
{ src: "http://img.b2bpic.net/free-photo/elegant-smiling-woman-is-trying-beautiful-necklace-posh-jewellery-shop_613910-20742.jpg", alt: "Client 1" },
{ src: "http://img.b2bpic.net/free-photo/happy-young-beautiful-woman-hairdresser-apron-looking-front-feeling-positive-emotions-with-hands-her-cheeks-standing-green-wall_141793-71508.jpg", alt: "Client 2" },
{ src: "http://img.b2bpic.net/free-photo/beauty-vlogger-adjusting-camera_23-2148916349.jpg", alt: "Client 3" },
{ src: "http://img.b2bpic.net/free-photo/smiley-woman-home-getting-ready-haircut_23-2148817221.jpg", alt: "Client 4" },
{ src: "http://img.b2bpic.net/free-photo/family-car-salon-woman-buying-thecar-seat-little-african-girl-with-mther_1157-45043.jpg", alt: "Client 5" },
]}
/>
</div>
@@ -144,9 +81,7 @@ export default function LandingPage() {
useInvertedBackground={true}
title="Über MK Gents Salon"
description={[
"Im MK Gents Salon kombinieren wir traditionelles Handwerk mit modernem Stil. Unser Ziel ist es, jedem Kunden ein erstklassiges Erlebnis in einer entspannten Umgebung zu bieten.",
"Unser Team aus erfahrenen Barbern beherrscht die Kunst der präzisen Haarschnitte und Bartpflege. Qualität steht bei uns an erster Stelle.",
]}
"Im MK Gents Salon kombinieren wir traditionelles Handwerk mit modernem Stil. Unser Ziel ist es, jedem Kunden ein erstklassiges Erlebnis in einer entspannten Umgebung zu bieten.", "Unser Team aus erfahrenen Barbern beherrscht die Kunst der präzisen Haarschnitte und Bartpflege. Qualität steht bei uns an erster Stelle."]}
/>
</div>
@@ -157,50 +92,26 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Haarschnitt",
description: "Präzisions-Haarschnitt, angepasst an Ihren Stil.",
icon: Scissors,
title: "Haarschnitt", description: "Präzisions-Haarschnitt, angepasst an Ihren Stil.", icon: Scissors,
mediaItems: [
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E3AMYFWYXcKeRYkUF01oLcBrYx/uploaded-1779493138615-hclc4h3j.png?_wi=2",
},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E3AMYFWYXcKeRYkUF01oLcBrYx/uploaded-1779493138614-19dves00.png?_wi=3",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/haircare-product-near-scissors-combs_23-2147711608.jpg?_wi=2",
imageAlt: "User provided image",
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E3AMYFWYXcKeRYkUF01oLcBrYx/uploaded-1779493138615-hclc4h3j.png" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3E3AMYFWYXcKeRYkUF01oLcBrYx/uploaded-1779493138614-19dves00.png" }
]
},
{
title: "Bartpflege",
description: "Klassische Bartrasur mit warmen Tüchern und Pflege.",
icon: Sparkles,
title: "Bartpflege", description: "Klassische Bartrasur mit warmen Tüchern und Pflege.", icon: Sparkles,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313018.jpg?_wi=2",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313027.jpg?_wi=2",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/front-view-baber-shop-chiar_23-2148506337.jpg?_wi=1",
imageAlt: "User provided image",
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313018.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313027.jpg" }
]
},
{
title: "Komplettpaket",
description: "Haarschnitt & Bartpflege in Kombination.",
icon: User,
title: "Komplettpaket", description: "Haarschnitt & Bartpflege in Kombination.", icon: User,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326535.jpg?_wi=1",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-using-nose-product_23-2149137916.jpg?_wi=1",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/this-is-so-cute-portrait-attractive-unshaven-young-male-with-muscular-tattoo-body-crossing-arms-his-chest-smiling-being-touched-by-something-expressing-distrust-suspicion-doubt_343059-1710.jpg?_wi=1",
imageAlt: "User provided image",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326535.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-using-nose-product_23-2149137916.jpg" }
]
}
]}
title="Unsere Services"
description="Exklusive Pflege für den modernen Mann."
@@ -214,48 +125,12 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
products={[
{
id: "1",
name: "Classic Fade",
price: "Detail",
variant: "Premium",
imageSrc: "http://img.b2bpic.net/free-photo/haircare-product-near-scissors-combs_23-2147711608.jpg?_wi=3",
},
{
id: "2",
name: "Bart Styling",
price: "Detail",
variant: "Premium",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313018.jpg?_wi=3",
},
{
id: "3",
name: "Face Treatment",
price: "Detail",
variant: "Pflege",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313027.jpg?_wi=3",
},
{
id: "4",
name: "Modern Cut",
price: "Detail",
variant: "Trend",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-baber-shop-chiar_23-2148506337.jpg?_wi=2",
},
{
id: "5",
name: "Razor Cut",
price: "Detail",
variant: "Classic",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326535.jpg?_wi=2",
},
{
id: "6",
name: "Beard Oil Care",
price: "Detail",
variant: "Pflege",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-using-nose-product_23-2149137916.jpg?_wi=2",
},
{ id: "1", name: "Classic Fade", price: "Detail", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/haircare-product-near-scissors-combs_23-2147711608.jpg" },
{ id: "2", name: "Bart Styling", price: "Detail", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313018.jpg" },
{ id: "3", name: "Face Treatment", price: "Detail", variant: "Pflege", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313027.jpg" },
{ id: "4", name: "Modern Cut", price: "Detail", variant: "Trend", imageSrc: "http://img.b2bpic.net/free-photo/front-view-baber-shop-chiar_23-2148506337.jpg" },
{ id: "5", name: "Razor Cut", price: "Detail", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326535.jpg" },
{ id: "6", name: "Beard Oil Care", price: "Detail", variant: "Pflege", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-using-nose-product_23-2149137916.jpg" },
]}
title="Portfolio"
description="Ein Einblick in unsere handwerkliche Qualität."
@@ -268,24 +143,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
team={[
{
id: "1",
name: "Marco",
role: "Master Barber",
imageSrc: "http://img.b2bpic.net/free-photo/this-is-so-cute-portrait-attractive-unshaven-young-male-with-muscular-tattoo-body-crossing-arms-his-chest-smiling-being-touched-by-something-expressing-distrust-suspicion-doubt_343059-1710.jpg?_wi=2",
},
{
id: "2",
name: "Kevin",
role: "Senior Stylist",
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-handsome-barber-wearing-uniform-holding-scissors-isolated-purple-wall_141793-94222.jpg",
},
{
id: "3",
name: "Jan",
role: "Barber Artist",
imageSrc: "http://img.b2bpic.net/free-photo/mother-with-daughter-home_1157-18662.jpg",
},
{ id: "1", name: "Marco", role: "Master Barber", imageSrc: "http://img.b2bpic.net/free-photo/this-is-so-cute-portrait-attractive-unshaven-young-male-with-muscular-tattoo-body-crossing-arms-his-chest-smiling-being-touched-by-something-expressing-distrust-suspicion-doubt_343059-1710.jpg" },
{ id: "2", name: "Kevin", role: "Senior Stylist", imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-handsome-barber-wearing-uniform-holding-scissors-isolated-purple-wall_141793-94222.jpg" },
{ id: "3", name: "Jan", role: "Barber Artist", imageSrc: "http://img.b2bpic.net/free-photo/mother-with-daughter-home_1157-18662.jpg" },
]}
title="Unsere Experten"
description="Lernen Sie die Hände hinter Ihrem Look kennen."
@@ -299,26 +159,11 @@ export default function LandingPage() {
rating={5}
author="Sebastian M."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/team-bride-celebrating-before-wedding_23-2149329119.jpg",
alt: "Client 1",
},
{
src: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg",
alt: "Client 2",
},
{
src: "http://img.b2bpic.net/free-photo/low-angle-man-hair-salon_23-2150665387.jpg",
alt: "Client 3",
},
{
src: "http://img.b2bpic.net/free-photo/thoughtful-blonde-woman-getting-hair-washed_23-2148332478.jpg",
alt: "Client 4",
},
{
src: "http://img.b2bpic.net/free-photo/men-with-beards-posing-front-view_23-2149615794.jpg",
alt: "Client 5",
},
{ src: "http://img.b2bpic.net/free-photo/team-bride-celebrating-before-wedding_23-2149329119.jpg", alt: "Client 1" },
{ src: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg", alt: "Client 2" },
{ src: "http://img.b2bpic.net/free-photo/low-angle-man-hair-salon_23-2150665387.jpg", alt: "Client 3" },
{ src: "http://img.b2bpic.net/free-photo/thoughtful-blonde-woman-getting-hair-washed_23-2148332478.jpg", alt: "Client 4" },
{ src: "http://img.b2bpic.net/free-photo/men-with-beards-posing-front-view_23-2149615794.jpg", alt: "Client 5" },
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
@@ -330,21 +175,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Wie buche ich einen Termin?",
content: "Termine können bequem online über unseren Treatwell-Link gebucht werden.",
},
{
id: "f2",
title: "Bieten Sie auch Bartpflege an?",
content: "Ja, wir bieten professionelle Bartrasur und Pflege an.",
},
{
id: "f3",
title: "Wo befindet sich der Salon?",
content: "Sie finden uns zentral in der Innenstadt, genaue Adresse siehe Fußzeile.",
},
{ id: "f1", title: "Wie buche ich einen Termin?", content: "Termine können bequem online über unseren Treatwell-Link gebucht werden." },
{ id: "f2", title: "Bieten Sie auch Bartpflege an?", content: "Ja, wir bieten professionelle Bartrasur und Pflege an." },
{ id: "f3", title: "Wo befindet sich der Salon?", content: "Sie finden uns zentral in der Innenstadt, genaue Adresse siehe Fußzeile." },
]}
title="Häufige Fragen"
description="Alles was Sie über unseren Salon wissen müssen."
@@ -355,16 +188,9 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{
variant: "animated-grid",
}}
background={{ variant: "animated-grid" }}
text="Sind Sie bereit für einen neuen Look? Buchen Sie noch heute online."
buttons={[
{
text: "Jetzt Termin buchen",
href: "https://www.treatwell.de",
},
]}
buttons={[{ text: "Jetzt Termin buchen", href: "https://www.treatwell.de" }]}
/>
</div>
@@ -372,29 +198,15 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Kontakt",
items: [
{
label: "Hauptstraße 1, Berlin",
href: "#",
},
{
label: "Tel: 030 12345678",
href: "tel:+493012345678",
},
title: "Kontakt", items: [
{ label: "Hauptstraße 1, Berlin", href: "#" },
{ label: "Tel: 030 12345678", href: "tel:+493012345678" },
],
},
{
title: "Links",
items: [
{
label: "Treatwell Buchung",
href: "https://www.treatwell.de",
},
{
label: "Datenschutz",
href: "#",
},
title: "Links", items: [
{ label: "Treatwell Buchung", href: "https://www.treatwell.de" },
{ label: "Datenschutz", href: "#" },
],
},
]}