From 944314195c14f1d2d0c3370501640c1757013605 Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 11 Mar 2026 07:26:21 +0000 Subject: [PATCH 1/3] Update src/app/galerie/page.tsx --- src/app/galerie/page.tsx | 33 +++++++-------------------------- 1 file changed, 7 insertions(+), 26 deletions(-) diff --git a/src/app/galerie/page.tsx b/src/app/galerie/page.tsx index 54a8f48..d19e040 100644 --- a/src/app/galerie/page.tsx +++ b/src/app/galerie/page.tsx @@ -78,19 +78,13 @@ export default function GalleryPage() { useInvertedBackground={false} bulletPoints={[ { - title: "Professionelle Haarschnitte", - description: "Sieh unsere Expertise bei klassischen und modernen Haarschnitten für alle Haartypen.", - }, + title: "Professionelle Haarschnitte", description: "Sieh unsere Expertise bei klassischen und modernen Haarschnitten für alle Haartypen."}, { - title: "Bart & Styling", - description: "Beeindruckende Bart-Designs und Premium Styling Arbeiten unserer Master-Barber.", - }, + title: "Bart & Styling", description: "Beeindruckende Bart-Designs und Premium Styling Arbeiten unserer Master-Barber."}, { - title: "Kundenarbeiten", - description: "Echte Transformationen und zufriedene Kunden aus ganz Deutschland.", - }, + title: "Kundenarbeiten", description: "Echte Transformationen und zufriedene Kunden aus ganz Deutschland."}, ]} - imageSrc="http://img.b2bpic.net/free-photo/mid-section-view-hairdresser-s-hand-with-electric-trimmer_23-2147839811.jpg?_wi=2" + imageSrc="http://img.b2bpic.net/free-photo/mid-section-view-hairdresser-s-hand-with-electric-trimmer_23-2147839811.jpg" imageAlt="Barbershop Galerie" imagePosition="right" mediaAnimation="slide-up" @@ -105,18 +99,9 @@ export default function GalleryPage() { textboxLayout="default" useInvertedBackground={false} names={[ - "Handwerkskammer Deutschland", - "Friseur Innung", - "Berufsgenossenschaft", - "Barbershop Union", - "Deutsche Handwerkszentralstelle", - "Meister Vereinigung", - "Qualitäts-Siegel", - "Premium Barber Club", - ]} + "Handwerkskammer Deutschland", "Friseur Innung", "Berufsgenossenschaft", "Barbershop Union", "Deutsche Handwerkszentralstelle", "Meister Vereinigung", "Qualitäts-Siegel", "Premium Barber Club"]} speed={40} showCard={true} - animationType="none" /> @@ -128,13 +113,9 @@ export default function GalleryPage() { description="Buche deinen Termin und erlebt die meisterhafte Barberkunst persönlich. Deine Transformation wartet auf dich!" buttons={[ { - text: "Termin buchen", - href: "/#contact", - }, + text: "Termin buchen", href: "/#contact"}, { - text: "Mehr erfahren", - href: "/services", - }, + text: "Mehr erfahren", href: "/services"}, ]} background={{ variant: "plain" }} useInvertedBackground={false} -- 2.49.1 From 1c4a2f664c8203bee7318d9d1518f9cc2d96d85c Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 11 Mar 2026 07:26:21 +0000 Subject: [PATCH 2/3] Update src/app/page.tsx --- src/app/page.tsx | 187 +++++++++++------------------------------------ 1 file changed, 41 insertions(+), 146 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 4319021..aacc2d5 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -65,17 +65,11 @@ export default function HomePage() { ]} slides={[ { - imageSrc: "http://img.b2bpic.net/free-photo/mid-section-view-hairdresser-s-hand-with-electric-trimmer_23-2147839811.jpg?_wi=1", - imageAlt: "Barbershop Interior", - }, + imageSrc: "http://img.b2bpic.net/free-photo/mid-section-view-hairdresser-s-hand-with-electric-trimmer_23-2147839811.jpg", imageAlt: "Barbershop Interior"}, { - imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cut-hair-her-client-hair-salon_1157-27201.jpg", - imageAlt: "Professionelle Haarschnitte", - }, + imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cut-hair-her-client-hair-salon_1157-27201.jpg", imageAlt: "Professionelle Haarschnitte"}, { - imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-with-scissors-comb-barbershop-close-up-photo_613910-18538.jpg", - imageAlt: "Barber beim Arbeiten", - }, + imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-with-scissors-comb-barbershop-close-up-photo_613910-18538.jpg", imageAlt: "Barber beim Arbeiten"}, ]} autoplayDelay={5000} showDimOverlay={true} @@ -92,22 +86,16 @@ export default function HomePage() { useInvertedBackground={false} bulletPoints={[ { - title: "Höchste Qualitätsstandards", - description: "Wir verwenden nur Premium-Produkte und legen großen Wert auf hygienische Standards in jedem Arbeitsschritt.", - icon: CheckCircle, + title: "Höchste Qualitätsstandards", description: "Wir verwenden nur Premium-Produkte und legen großen Wert auf hygienische Standards in jedem Arbeitsschritt.", icon: CheckCircle, }, { - title: "Erfahrene Meister-Barber", - description: "Unser Team bringt jahrelange Erfahrung und Zertifikationen in traditioneller und moderner Barberkunst mit.", - icon: Award, + title: "Erfahrene Meister-Barber", description: "Unser Team bringt jahrelange Erfahrung und Zertifikationen in traditioneller und moderner Barberkunst mit.", icon: Award, }, { - title: "Kundenservice im Fokus", - description: "Jeder Kunde ist uns wichtig. Wir nehmen uns Zeit für Beratung und schaffen eine entspannte Atmosphäre.", - icon: Users, + title: "Kundenservice im Fokus", description: "Jeder Kunde ist uns wichtig. Wir nehmen uns Zeit für Beratung und schaffen eine entspannte Atmosphäre.", icon: Users, }, ]} - imageSrc="http://img.b2bpic.net/free-photo/sideways-costumer-beauty-salon_23-2148242856.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/sideways-costumer-beauty-salon_23-2148242856.jpg" imageAlt="Barbershop Team" imagePosition="right" mediaAnimation="slide-up" @@ -124,34 +112,22 @@ export default function HomePage() { features={[ { icon: Scissors, - title: "Herrenhaarschnitt", - description: "Professioneller Haarschnitt mit modernen Techniken und klassischem Handwerk. Alle Haartypen werden individuell beraten.", - }, + title: "Herrenhaarschnitt", description: "Professioneller Haarschnitt mit modernen Techniken und klassischem Handwerk. Alle Haartypen werden individuell beraten."}, { icon: Sparkles, - title: "Bart Styling & Pflege", - description: "Bart trimmen, formen und pflegen – vom klassischen zum modernen Look. Mit hochwertigen Bartölen und Produkten.", - }, + title: "Bart Styling & Pflege", description: "Bart trimmen, formen und pflegen – vom klassischen zum modernen Look. Mit hochwertigen Bartölen und Produkten."}, { icon: Zap, - title: "Nassrasur mit Messer", - description: "Traditionelle Nassrasur für eine gründliche Rasur mit höchstem Komfort. Ein Premium-Erlebnis für echte Männer.", - }, + title: "Nassrasur mit Messer", description: "Traditionelle Nassrasur für eine gründliche Rasur mit höchstem Komfort. Ein Premium-Erlebnis für echte Männer."}, { icon: Wand2, - title: "Haarstyling", - description: "Professionelles Styling für Events und Alltag. Mit Premium-Produkten und fachkundiger Beratung.", - }, + title: "Haarstyling", description: "Professionelles Styling für Events und Alltag. Mit Premium-Produkten und fachkundiger Beratung."}, { icon: Users, - title: "Kinderhaarschnitt", - description: "Kinderfreundliche Haarschnitte in entspannter Atmosphäre. Wir arbeiten geduldig mit den Kleinen.", - }, + title: "Kinderhaarschnitt", description: "Kinderfreundliche Haarschnitte in entspannter Atmosphäre. Wir arbeiten geduldig mit den Kleinen."}, { icon: Droplets, - title: "Gesichtsbehandlung", - description: "Entspannende Gesichtsbehandlung für Männer mit hochwertigen Produkten und Fachkompetenz.", - }, + title: "Gesichtsbehandlung", description: "Entspannende Gesichtsbehandlung für Männer mit hochwertigen Produkten und Fachkompetenz."}, ]} animationType="slide-up" /> @@ -166,61 +142,25 @@ export default function HomePage() { useInvertedBackground={false} plans={[ { - id: "haircut", - tag: "Herrenhaarschnitt", - tagIcon: Scissors, - price: "€25", - period: "", - description: "Professioneller Haarschnitt mit Beratung und Styling", - button: { - text: "Buchen", - href: "booking", - }, - featuresTitle: "Enthalten:", - features: [ - "Professionelle Beratung", - "Haarschnitt nach Wunsch", - "Finishing und Styling", - "Qualitätsgarantie", - ], + id: "haircut", tag: "Herrenhaarschnitt", tagIcon: Scissors, + price: "€25", period: "", description: "Professioneller Haarschnitt mit Beratung und Styling", button: { + text: "Buchen", href: "booking"}, + featuresTitle: "Enthalten:", features: [ + "Professionelle Beratung", "Haarschnitt nach Wunsch", "Finishing und Styling", "Qualitätsgarantie"], }, { - id: "beard", - tag: "Bart & Rasur", - tagIcon: Sparkles, - price: "€20", - period: "", - description: "Bart trimmen, formen oder Nassrasur mit Messer", - button: { - text: "Buchen", - href: "booking", - }, - featuresTitle: "Enthalten:", - features: [ - "Professionelle Analyse", - "Bart trimmen oder Rasur", - "Premium Produkte", - "Pflegetipps inklusive", - ], + id: "beard", tag: "Bart & Rasur", tagIcon: Sparkles, + price: "€20", period: "", description: "Bart trimmen, formen oder Nassrasur mit Messer", button: { + text: "Buchen", href: "booking"}, + featuresTitle: "Enthalten:", features: [ + "Professionelle Analyse", "Bart trimmen oder Rasur", "Premium Produkte", "Pflegetipps inklusive"], }, { - id: "combo", - tag: "Komplettpaket", - tagIcon: Zap, - price: "€40", - period: "", - description: "Haarschnitt + Bart + Nassrasur – Das komplette Paket", - button: { - text: "Buchen", - href: "booking", - }, - featuresTitle: "Enthalten:", - features: [ - "Vollständige Beratung", - "Premium Haarschnitt", - "Bart Styling & Rasur", - "Gesichtsbehandlung", - ], + id: "combo", tag: "Komplettpaket", tagIcon: Zap, + price: "€40", period: "", description: "Haarschnitt + Bart + Nassrasur – Das komplette Paket", button: { + text: "Buchen", href: "booking"}, + featuresTitle: "Enthalten:", features: [ + "Vollständige Beratung", "Premium Haarschnitt", "Bart Styling & Rasur", "Gesichtsbehandlung"], }, ]} animationType="slide-up" @@ -237,59 +177,23 @@ export default function HomePage() { showRating={true} testimonials={[ { - id: "1", - name: "Marcus Schmidt", - handle: "@marcus_s", - testimonial: "Bester Barbershop in der Stadt! Der Barber versteht sein Handwerk wirklich. Immer sauber, professionell und freundlich.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1689.jpg", - imageAlt: "Marcus Schmidt", - }, + id: "1", name: "Marcus Schmidt", handle: "@marcus_s", testimonial: "Bester Barbershop in der Stadt! Der Barber versteht sein Handwerk wirklich. Immer sauber, professionell und freundlich.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1689.jpg", imageAlt: "Marcus Schmidt"}, { - id: "2", - name: "Thomas Weber", - handle: "@th_weber", - testimonial: "Die Nassrasur mit Messer ist ein absolutes Highlight. Premium Service zu fairen Preisen. Ich komme gerne wieder!", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/european-man-smiling-cheerful-expression-closeup-portrait_53876-129391.jpg", - imageAlt: "Thomas Weber", - }, + id: "2", name: "Thomas Weber", handle: "@th_weber", testimonial: "Die Nassrasur mit Messer ist ein absolutes Highlight. Premium Service zu fairen Preisen. Ich komme gerne wieder!", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/european-man-smiling-cheerful-expression-closeup-portrait_53876-129391.jpg", imageAlt: "Thomas Weber"}, { - id: "3", - name: "Daniel Müller", - handle: "@daniel_m", - testimonial: "Großartig! Die Barber sind wirklich Profis. Mein Bart sieht perfekt aus. Empfehle den Shop jedem meiner Freunde.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/handsome-confident-young-sportsman-doing-exercises-hands-holding-his-hand_8353-6431.jpg", - imageAlt: "Daniel Müller", - }, + id: "3", name: "Daniel Müller", handle: "@daniel_m", testimonial: "Großartig! Die Barber sind wirklich Profis. Mein Bart sieht perfekt aus. Empfehle den Shop jedem meiner Freunde.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/handsome-confident-young-sportsman-doing-exercises-hands-holding-his-hand_8353-6431.jpg", imageAlt: "Daniel Müller"}, { - id: "4", - name: "Klaus Hoffmann", - handle: "@klaus_h", - testimonial: "Traditionelle Handarbeit mit modernem Flair. Der Service ist exzellent und die Atmosphäre angenehm. Top Barbershop!", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-holding-his-arms-crossed-christmas_23-2148737963.jpg", - imageAlt: "Klaus Hoffmann", - }, + id: "4", name: "Klaus Hoffmann", handle: "@klaus_h", testimonial: "Traditionelle Handarbeit mit modernem Flair. Der Service ist exzellent und die Atmosphäre angenehm. Top Barbershop!", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-holding-his-arms-crossed-christmas_23-2148737963.jpg", imageAlt: "Klaus Hoffmann"}, { - id: "5", - name: "Stefan Wagner", - handle: "@stefan_w", - testimonial: "Endlich einen Barbershop gefunden, der Qualität ernst nimmt. Sehr kompetent, sauber und inspirierend. Danke!", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/trendy-young-man-shirt-with-jacket-his-shoulder_613910-10662.jpg", - imageAlt: "Stefan Wagner", - }, + id: "5", name: "Stefan Wagner", handle: "@stefan_w", testimonial: "Endlich einen Barbershop gefunden, der Qualität ernst nimmt. Sehr kompetent, sauber und inspirierend. Danke!", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/trendy-young-man-shirt-with-jacket-his-shoulder_613910-10662.jpg", imageAlt: "Stefan Wagner"}, { - id: "6", - name: "Robert Klein", - handle: "@robert_k", - testimonial: "Der beste Haarschnitt, den ich je bekommen habe. Die Barber verstehen wirklich ihr Handwerk. Absolute Empfehlung!", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-taking-photo-camera-street_1262-20449.jpg", - imageAlt: "Robert Klein", - }, + id: "6", name: "Robert Klein", handle: "@robert_k", testimonial: "Der beste Haarschnitt, den ich je bekommen habe. Die Barber verstehen wirklich ihr Handwerk. Absolute Empfehlung!", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-taking-photo-camera-street_1262-20449.jpg", imageAlt: "Robert Klein"}, ]} animationType="slide-up" /> @@ -303,18 +207,9 @@ export default function HomePage() { textboxLayout="default" useInvertedBackground={false} names={[ - "Handwerkskammer Deutschland", - "Friseur Innung", - "Berufsgenossenschaft", - "Barbershop Union", - "Deutsche Handwerkszentralstelle", - "Meister Vereinigung", - "Qualitäts-Siegel", - "Premium Barber Club", - ]} + "Handwerkskammer Deutschland", "Friseur Innung", "Berufsgenossenschaft", "Barbershop Union", "Deutsche Handwerkszentralstelle", "Meister Vereinigung", "Qualitäts-Siegel", "Premium Barber Club"]} speed={40} showCard={true} - animationType="none" /> -- 2.49.1 From b43326b7cb1f5c851a914197bc05eb7d146d0b75 Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 11 Mar 2026 07:26:21 +0000 Subject: [PATCH 3/3] Update src/components/shared/SvgTextLogo/SvgTextLogo.tsx --- .../shared/SvgTextLogo/SvgTextLogo.tsx | 54 +++++++------------ 1 file changed, 18 insertions(+), 36 deletions(-) diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..f24c67b 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,33 @@ -"use client"; - -import { memo } from "react"; -import useSvgTextLogo from "./useSvgTextLogo"; -import { cls } from "@/lib/utils"; +import React from "react"; interface SvgTextLogoProps { - logoText: string; - adjustHeightFactor?: number; - verticalAlign?: "top" | "center"; + text: string; className?: string; + textClassName?: string; + fillColor?: string; } -const SvgTextLogo = memo(function SvgTextLogo({ - logoText, - adjustHeightFactor, - verticalAlign = "top", - className = "", -}) { - const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor); - +export function SvgTextLogo({ + text, + className = "", textClassName = "", fillColor = "currentColor"}: SvgTextLogoProps) { return ( - {logoText} + {text} ); -}); - -SvgTextLogo.displayName = "SvgTextLogo"; +} export default SvgTextLogo; -- 2.49.1