From 1537cb86e055e23c5ee588925b151abf1da694d6 Mon Sep 17 00:00:00 2001 From: bender Date: Sat, 14 Mar 2026 08:47:17 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 33 ++++++++++++++++++--------------- 1 file changed, 18 insertions(+), 15 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index d649d75..b9d1d8d 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -51,14 +51,15 @@ export default function SalonPage() { tag="Professionelle Schönheit" tagIcon={Sparkles} tagAnimation="slide-up" + background={{ variant: "plain" }} buttons={[ { text: "Termin vereinbaren", href: "#contact" }, { text: "Jetzt anrufen: 02421 495856", href: "tel:024214958556" } ]} buttonAnimation="blur-reveal" mediaItems={[ - { imageSrc: "http://img.b2bpic.net/free-photo/winter-sports-equipment-complex_482257-76748.jpg?_wi=1", imageAlt: "Elegantes Salon DI Interior mit modernem Design" }, - { imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-getting-her-hair-done_23-2148108875.jpg?_wi=1", imageAlt: "Professionelle Haargestaltung bei Salon DI" } + { imageSrc: "http://img.b2bpic.net/free-photo/winter-sports-equipment-complex_482257-76748.jpg", imageAlt: "Elegantes Salon DI Interior mit modernem Design" }, + { imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-getting-her-hair-done_23-2148108875.jpg", imageAlt: "Professionelle Haargestaltung bei Salon DI" } ]} mediaAnimation="blur-reveal" rating={5} @@ -88,7 +89,7 @@ export default function SalonPage() { tag="Über uns" tagIcon={Award} tagAnimation="slide-up" - imageSrc="http://img.b2bpic.net/free-photo/winter-sports-equipment-complex_482257-76748.jpg?_wi=2" + imageSrc="http://img.b2bpic.net/free-photo/winter-sports-equipment-complex_482257-76748.jpg" imageAlt="Salon DI Team und Umgebung" mediaAnimation="blur-reveal" metricsAnimation="slide-up" @@ -113,12 +114,12 @@ export default function SalonPage() { useInvertedBackground={true} animationType="slide-up" features={[ - { id: 1, title: "Damenhaarschnitt", description: "Moderne und klassische Schnitte, perfekt zugeschnitten für Ihre Gesichtsform und Ihren persönlichen Stil.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-girl-salon-hairdresser_23-2147769872.jpg?_wi=1", imageAlt: "Professioneller Damenhaarschnitt" }, - { id: 2, title: "Herrenhaarschnitt", description: "Präzise Schnitte mit modernem Finish für jeden Haartyp und Stil-Wunsch.", imageSrc: "http://img.b2bpic.net/free-photo/professional-girl-hairdresser-makes-client-haircut-girl-is-sitting-mask-beauty-salon_343596-4449.jpg?_wi=1", imageAlt: "Professioneller Herrenhaarschnitt" }, - { id: 3, title: "Coloration", description: "Professionelle Haarfärbung mit Farbberatung. Wir nutzen hochwertige Produkte für brillante Farben.", imageSrc: "http://img.b2bpic.net/free-photo/blonde-female-friends-dressed-white_273609-6106.jpg?_wi=1", imageAlt: "Professionelle Haarcoloration" }, - { id: 4, title: "Strähnen & Highlights", description: "Sorgfältig ausgewählte Strähnen und Highlights für Dimension und Bewegung in Ihrem Haar.", imageSrc: "http://img.b2bpic.net/free-photo/blonde-sisters-little-chat_329181-10653.jpg?_wi=1", imageAlt: "Professionelle Haarsträhnen" }, - { id: 5, title: "Styling & Frisur", description: "Kreatives Styling für jeden Anlass – vom alltäglichen Look bis zum glamourösen Event-Styling.", imageSrc: "http://img.b2bpic.net/free-photo/winter-sports-equipment-complex_482257-76748.jpg?_wi=3", imageAlt: "Professionelles Haarstyling" }, - { id: 6, title: "Pflegebehandlungen", description: "Intensive Haarpflege und Kuren für glänzendes, gesundes Haar. Wir verwenden nur Premium-Produkte.", imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-getting-her-hair-done_23-2148108875.jpg?_wi=2", imageAlt: "Professionelle Haarpflege" } + { id: 1, title: "Damenhaarschnitt", description: "Moderne und klassische Schnitte, perfekt zugeschnitten für Ihre Gesichtsform und Ihren persönlichen Stil.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-girl-salon-hairdresser_23-2147769872.jpg", imageAlt: "Professioneller Damenhaarschnitt" }, + { id: 2, title: "Herrenhaarschnitt", description: "Präzise Schnitte mit modernem Finish für jeden Haartyp und Stil-Wunsch.", imageSrc: "http://img.b2bpic.net/free-photo/professional-girl-hairdresser-makes-client-haircut-girl-is-sitting-mask-beauty-salon_343596-4449.jpg", imageAlt: "Professioneller Herrenhaarschnitt" }, + { id: 3, title: "Coloration", description: "Professionelle Haarfärbung mit Farbberatung. Wir nutzen hochwertige Produkte für brillante Farben.", imageSrc: "http://img.b2bpic.net/free-photo/blonde-female-friends-dressed-white_273609-6106.jpg", imageAlt: "Professionelle Haarcoloration" }, + { id: 4, title: "Strähnen & Highlights", description: "Sorgfältig ausgewählte Strähnen und Highlights für Dimension und Bewegung in Ihrem Haar.", imageSrc: "http://img.b2bpic.net/free-photo/blonde-sisters-little-chat_329181-10653.jpg", imageAlt: "Professionelle Haarsträhnen" }, + { id: 5, title: "Styling & Frisur", description: "Kreatives Styling für jeden Anlass – vom alltäglichen Look bis zum glamourösen Event-Styling.", imageSrc: "http://img.b2bpic.net/free-photo/winter-sports-equipment-complex_482257-76748.jpg", imageAlt: "Professionelles Haarstyling" }, + { id: 6, title: "Pflegebehandlungen", description: "Intensive Haarpflege und Kuren für glänzendes, gesundes Haar. Wir verwenden nur Premium-Produkte.", imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-getting-her-hair-done_23-2148108875.jpg", imageAlt: "Professionelle Haarpflege" } ]} ariaLabel="Services Section" className="py-20 lg:py-28" @@ -128,6 +129,7 @@ export default function SalonPage() { cardClassName="group rounded-lg border border-accent bg-card p-6 hover:shadow-lg transition-all" cardTitleClassName="text-foreground text-xl font-bold mt-4" cardDescriptionClassName="text-foreground text-sm opacity-80 mt-2 leading-relaxed" + cardContentClassName="" imageClassName="w-full h-48 object-cover rounded-lg" /> @@ -144,10 +146,10 @@ export default function SalonPage() { animationType="blur-reveal" gridVariant="bento-grid" products={[ - { id: "gallery-1", brand: "Transformation", name: "Helle Blondierung mit Layer-Schnitt", price: "€180", rating: 5, reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-girl-salon-hairdresser_23-2147769872.jpg?_wi=2", imageAlt: "Blonde Transformation mit modernem Schnitt" }, - { id: "gallery-2", brand: "Transformation", name: "Bob-Schnitt mit Highlights", price: "€150", rating: 5, reviewCount: "38", imageSrc: "http://img.b2bpic.net/free-photo/professional-girl-hairdresser-makes-client-haircut-girl-is-sitting-mask-beauty-salon_343596-4449.jpg?_wi=2", imageAlt: "Eleganter Bob mit Highlights" }, - { id: "gallery-3", brand: "Transformation", name: "Tiefenpflege-Treatment", price: "€90", rating: 5, reviewCount: "35", imageSrc: "http://img.b2bpic.net/free-photo/blonde-female-friends-dressed-white_273609-6106.jpg?_wi=2", imageAlt: "Glänzendes Haar nach Tiefenpflege" }, - { id: "gallery-4", brand: "Transformation", name: "Balayage Haarcoloration", price: "€170", rating: 5, reviewCount: "41", imageSrc: "http://img.b2bpic.net/free-photo/blonde-sisters-little-chat_329181-10653.jpg?_wi=2", imageAlt: "Wunderschöne Balayage Färbung" } + { id: "gallery-1", brand: "Transformation", name: "Helle Blondierung mit Layer-Schnitt", price: "€180", rating: 5, reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-girl-salon-hairdresser_23-2147769872.jpg", imageAlt: "Blonde Transformation mit modernem Schnitt" }, + { id: "gallery-2", brand: "Transformation", name: "Bob-Schnitt mit Highlights", price: "€150", rating: 5, reviewCount: "38", imageSrc: "http://img.b2bpic.net/free-photo/professional-girl-hairdresser-makes-client-haircut-girl-is-sitting-mask-beauty-salon_343596-4449.jpg", imageAlt: "Eleganter Bob mit Highlights" }, + { id: "gallery-3", brand: "Transformation", name: "Tiefenpflege-Treatment", price: "€90", rating: 5, reviewCount: "35", imageSrc: "http://img.b2bpic.net/free-photo/blonde-female-friends-dressed-white_273609-6106.jpg", imageAlt: "Glänzendes Haar nach Tiefenpflege" }, + { id: "gallery-4", brand: "Transformation", name: "Balayage Haarcoloration", price: "€170", rating: 5, reviewCount: "41", imageSrc: "http://img.b2bpic.net/free-photo/blonde-sisters-little-chat_329181-10653.jpg", imageAlt: "Wunderschöne Balayage Färbung" } ]} ariaLabel="Gallery Section" className="py-20 lg:py-28" @@ -158,6 +160,7 @@ export default function SalonPage() { cardBrandClassName="text-primary-cta text-xs font-semibold uppercase tracking-wide mt-4" cardNameClassName="text-foreground text-lg font-bold mt-2" cardPriceClassName="text-primary-cta text-lg font-bold mt-2" + cardRatingClassName="" imageClassName="w-full h-56 object-cover group-hover:scale-105 transition-transform" /> @@ -201,7 +204,7 @@ export default function SalonPage() { speed={40} ariaLabel="Social Proof Section" className="py-16 lg:py-24" - titleClassName="sr-only" + textBoxTitleClassName="sr-only" descriptionClassName="text-foreground text-center text-lg opacity-80 mb-12 max-w-2xl mx-auto" tagClassName="text-primary-cta font-semibold text-sm uppercase tracking-wide" logoItemClassName="flex items-center justify-center" @@ -223,7 +226,7 @@ export default function SalonPage() { buttonText="Termin anfragen" termsText="Mit dem Absenden stimmen Sie unserer Datenschutzerklärung zu." mediaPosition="right" - imageSrc="http://img.b2bpic.net/free-photo/winter-sports-equipment-complex_482257-76748.jpg?_wi=4" + imageSrc="http://img.b2bpic.net/free-photo/winter-sports-equipment-complex_482257-76748.jpg" imageAlt="Salon DI Kontakt" mediaAnimation="blur-reveal" ariaLabel="Contact Section"