bender/d962f89b-71a3-4e93-b10f-fb5d555e71ab
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-14 08:47:17 +00:00
parent 2cf3c91cb1
commit 1537cb86e0
1 changed files with 18 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/app/page.tsx
View File

@@ -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"
/>
</div>
@@ -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"
/>
</div>
@@ -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"