From 20ff08c8fd0166923de0990671bbd62f406d6d7e Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 22 May 2026 23:39:57 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 312 ++++++++++------------------------------------- 1 file changed, 62 insertions(+), 250 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 091b208..2a0ae8c 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -32,30 +32,12 @@ export default function LandingPage() { @@ -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."]} /> @@ -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() {
@@ -372,29 +198,15 @@ export default function LandingPage() {