bender/fad159dd-f092-4959-a38f-0ca85e96c6bd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #2

Merged
bender merged 1 commits from version_2 into main 2026-03-19 20:43:25 +00:00
Conversation 0 Commits 1 Files Changed 1 +74 -194
1 changed files with 74 additions and 194 deletions
Download Patch File Download Diff File Expand all files Collapse all files

268
src/app/page.tsx
View File

@@ -23,40 +23,36 @@ export default function HomePage() {
const footerColumns = [
{
title: "Navigation",
items: [
{ label: "Home", href: "/" },
{ label: "About", href: "/about" },
title: "Navigation", items: [
{ label: "Startseite", href: "/" },
{ label: "Über uns", href: "/about" },
{ label: "Services", href: "/services" },
{ label: "Gallery", href: "/gallery" },
{ label: "Contact", href: "/contact" },
{ label: "Galerie", href: "/gallery" },
{ label: "Kontakt", href: "/contact" },
],
},
{
title: "Services",
items: [
{ label: "Women's Haircuts", href: "/services" },
{ label: "Men's Haircuts", href: "/services" },
{ label: "Hair Coloring", href: "/services" },
{ label: "Hair Styling", href: "/services" },
{ label: "Hair Treatments", href: "/services" },
title: "Services", items: [
{ label: "Damenhaarschnitt", href: "/services" },
{ label: "Herrenhaarschnitt", href: "/services" },
{ label: "Haarfärbung", href: "/services" },
{ label: "Haarstyling", href: "/services" },
{ label: "Haarbehandlung", href: "/services" },
],
},
{
title: "Contact",
items: [
{ label: "Heidelberger Str. 47, 51065 Cologne", href: "#" },
title: "Kontakt", items: [
{ label: "Heidelberger Str. 47, 51065 Köln", href: "#" },
{ label: "+49 221 627480", href: "tel:+49221627480" },
{ label: "Monday - Friday: 9:00 - 18:00", href: "#" },
{ label: "Saturday: 9:00 - 16:00", href: "#" },
{ label: "Sunday: Closed", href: "#" },
{ label: "Montag - Freitag: 9:00 - 18:00", href: "#" },
{ label: "Samstag: 9:00 - 16:00", href: "#" },
{ label: "Sonntag: Geschlossen", href: "#" },
],
},
{
title: "Legal",
items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
title: "Rechtliches", items: [
{ label: "Datenschutzerklärung", href: "#" },
{ label: "Allgemeine Geschäftsbedingungen", href: "#" },
{ label: "Impressum", href: "#" },
],
},
@@ -80,116 +76,72 @@ export default function HomePage() {
brandName="Alexandra Schwickerath Friseursalon"
navItems={navItems}
button={{
text: "Book Appointment",
href: "/contact",
}}
text: "Termin buchen", href: "/contact"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
title="Your Hair. Your Style. Your Confidence."
description="Experience personalized hair care in Cologne. Expert stylists for women, men, and children. Wheelchair accessible. Professional service with a friendly touch."
title="Dein Haar. Dein Stil. Dein Selbstvertrauen."
description="Erleben Sie personalisierte Haarpflege in Köln. Expertenstylisten für Frauen, Männer und Kinder. Rollstuhlgerecht. Professionelle Dienstleistung mit freundlichem Anliegen."
background={{ variant: "radial-gradient" }}
tag="Professional Hair Salon"
tag="Professioneller Friseursalon"
tagIcon={Sparkles}
tagAnimation="slide-up"
buttons={[
{
text: "Book Appointment",
href: "/contact",
},
text: "Termin buchen", href: "/contact"},
{
text: "Explore Services",
href: "/services",
},
text: "Services erkunden", href: "/services"},
]}
buttonAnimation="slide-up"
carouselItems={[
{
id: "carousel-1",
imageSrc: "http://img.b2bpic.net/free-photo/tools-profession-hairdresser_23-2150668439.jpg?_wi=1",
imageAlt: "Modern hair salon interior",
},
id: "carousel-1", imageSrc: "http://img.b2bpic.net/free-photo/tools-profession-hairdresser_23-2150668439.jpg?_wi=1", imageAlt: "Moderner Friseursalon innen"},
{
id: "carousel-2",
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-female-trendy-summer-clothes-sexy-carefree-woman-posing-near-studio-positive-blond-model-having-fun-going-crazy-cheerful-happy_158538-20466.jpg",
imageAlt: "Women's modern haircut",
},
id: "carousel-2", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-female-trendy-summer-clothes-sexy-carefree-woman-posing-near-studio-positive-blond-model-having-fun-going-crazy-cheerful-happy_158538-20466.jpg", imageAlt: "Moderner Damenhaarschnitt"},
{
id: "carousel-3",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-tattooed-bearded-male-t-shirt-touches-his-head-dark-background_613910-15985.jpg",
imageAlt: "Men's professional haircut",
},
id: "carousel-3", imageSrc: "http://img.b2bpic.net/free-photo/portrait-tattooed-bearded-male-t-shirt-touches-his-head-dark-background_613910-15985.jpg", imageAlt: "Professioneller Herrenhaarschnitt"},
{
id: "carousel-4",
imageSrc: "http://img.b2bpic.net/free-photo/mother-curlers-applying-perfume-daughters-neck_23-2148070327.jpg",
imageAlt: "Children's hairstyle",
},
id: "carousel-4", imageSrc: "http://img.b2bpic.net/free-photo/mother-curlers-applying-perfume-daughters-neck_23-2148070327.jpg", imageAlt: "Kinderfrisur"},
{
id: "carousel-5",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-girl-posing_273609-12852.jpg",
imageAlt: "Hair coloring service",
},
id: "carousel-5", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-girl-posing_273609-12852.jpg", imageAlt: "Haarfärbungsservice"},
{
id: "carousel-6",
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-done-beauty-salon_23-2149167391.jpg?_wi=1",
imageAlt: "Professional hair treatment",
},
id: "carousel-6", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-done-beauty-salon_23-2149167391.jpg?_wi=1", imageAlt: "Professionelle Haarbehandlung"},
]}
autoPlay={true}
autoPlayInterval={5000}
ariaLabel="Hero section carousel showcasing salon services"
ariaLabel="Karusellbereich der Startseite mit Salonservices"
/>
</div>
<div id="about" data-section="about">
<TextAbout
tag="About Our Salon"
tag="Über unseren Salon"
tagIcon={Heart}
tagAnimation="slide-up"
title="Welcome to Alexandra Schwickerath Friseursalon"
title="Willkommen bei Alexandra Schwickerath Friseursalon"
useInvertedBackground={false}
ariaLabel="About section describing the salon"
ariaLabel="Bereich Über uns mit Beschreibung des Salons"
/>
</div>
<div id="features" data-section="features">
<FeatureCardThree
title="Why Choose Us"
description="We combine professional expertise with personal attention to deliver exceptional hair care services."
tag="Our Strengths"
title="Warum uns wählen"
description="Wir verbinden professionelle Expertise mit persönlicher Aufmerksamkeit, um außergewöhnliche Haarpflegeleistungen zu erbringen."
tag="Unsere Stärken"
tagIcon={Award}
tagAnimation="slide-up"
features={[
{
id: "feature-1",
title: "Expert Stylists",
description: "Highly trained professionals with years of experience in all hair types and styles.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-care-girl-salon_23-2147769838.jpg?_wi=1",
imageAlt: "Professional salon team",
},
id: "feature-1", title: "Expertenstylisten", description: "Hochqualifizierte Fachleute mit jahrelanger Erfahrung in allen Haartypen und Stilen.", imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-care-girl-salon_23-2147769838.jpg?_wi=1", imageAlt: "Professionelles Salonteam"},
{
id: "feature-2",
title: "Personalized Consultation",
description: "Each client receives individual attention to ensure their style matches their personality and needs.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-shaving-her-client-s-beard-with-copy-space_23-2148353406.jpg?_wi=1",
imageAlt: "Personal hair consultation",
},
id: "feature-2", title: "Persönliche Beratung", description: "Jeder Kunde erhält individuelle Aufmerksamkeit, um sicherzustellen, dass der Stil seiner Persönlichkeit und seinen Bedürfnissen entspricht.", imageSrc: "http://img.b2bpic.net/free-photo/woman-shaving-her-client-s-beard-with-copy-space_23-2148353406.jpg?_wi=1", imageAlt: "Persönliche Haarberatung"},
{
id: "feature-3",
title: "Wheelchair Accessible",
description: "Fully accessible entrance and facilities to welcome all guests comfortably.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-cut-beauty-salon_23-2149167400.jpg?_wi=1",
imageAlt: "Accessible salon entrance",
},
id: "feature-3", title: "Rollstuhlgerecht", description: "Vollständig barrierefreier Eingang und Ausstattungen, um alle Gäste komfortabel willkommen zu heißen.", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-cut-beauty-salon_23-2149167400.jpg?_wi=1", imageAlt: "Barrierefreier Saloneingang"},
{
id: "feature-4",
title: "Quality Products",
description: "Premium hair care products used for all treatments and services.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229762.jpg?_wi=1",
imageAlt: "Professional hair care products",
},
id: "feature-4", title: "Hochwertige Produkte", description: "Premium-Haarpflegeprodukte, die für alle Behandlungen und Services verwendet werden.", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229762.jpg?_wi=1", imageAlt: "Professionelle Haarpflegeprodukte"},
]}
gridVariant="two-columns-alternating-heights"
animationType="slide-up"
@@ -200,54 +152,24 @@ export default function HomePage() {
<div id="services" data-section="services">
<ProductCardOne
title="Our Services"
description="Comprehensive hair care services for women, men, and children."
tag="Services & Pricing"
title="Unsere Services"
description="Umfassende Haarpflegeleistungen für Frauen, Männer und Kinder."
tag="Services & Preise"
tagIcon={Scissors}
tagAnimation="slide-up"
products={[
{
id: "service-1",
name: "Women's Haircuts",
price: "From €45",
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-cut-beauty-salon_23-2149167400.jpg?_wi=2",
imageAlt: "Women's haircut service",
},
id: "service-1", name: "Damenhaarschnitt", price: "Ab 45 €", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-cut-beauty-salon_23-2149167400.jpg?_wi=2", imageAlt: "Damenhaarschnitt-Service"},
{
id: "service-2",
name: "Hair Coloring",
price: "From €65",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-female_1301-1121.jpg?_wi=1",
imageAlt: "Hair coloring and highlights",
},
id: "service-2", name: "Haarfärbung", price: "Ab 65 €", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-female_1301-1121.jpg?_wi=1", imageAlt: "Haarfärbung und Highlights"},
{
id: "service-3",
name: "Hair Styling",
price: "From €50",
imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-getting-her-hair-dyeing_23-2148108810.jpg?_wi=1",
imageAlt: "Professional hair styling",
},
id: "service-3", name: "Haarstyling", price: "Ab 50 €", imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-getting-her-hair-dyeing_23-2148108810.jpg?_wi=1", imageAlt: "Professionelles Haarstyling"},
{
id: "service-4",
name: "Men's Haircuts",
price: "From €35",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-customer-getting-haircut_23-2148256977.jpg?_wi=1",
imageAlt: "Men's professional haircut",
},
id: "service-4", name: "Herrenhaarschnitt", price: "Ab 35 €", imageSrc: "http://img.b2bpic.net/free-photo/side-view-customer-getting-haircut_23-2148256977.jpg?_wi=1", imageAlt: "Professioneller Herrenhaarschnitt"},
{
id: "service-5",
name: "Children's Haircuts",
price: "From €25",
imageSrc: "http://img.b2bpic.net/free-photo/mother-taking-care-child-with-head-lices_23-2149480486.jpg?_wi=1",
imageAlt: "Children's hairstyle",
},
id: "service-5", name: "Kinderhaarschnitt", price: "Ab 25 €", imageSrc: "http://img.b2bpic.net/free-photo/mother-taking-care-child-with-head-lices_23-2149480486.jpg?_wi=1", imageAlt: "Kinderfrisur"},
{
id: "service-6",
name: "Hair Treatments",
price: "From €40",
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229762.jpg?_wi=2",
imageAlt: "Professional hair treatment",
},
id: "service-6", name: "Haarbehandlung", price: "Ab 40 €", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149229762.jpg?_wi=2", imageAlt: "Professionelle Haarbehandlung"},
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
@@ -258,54 +180,24 @@ export default function HomePage() {
<div id="gallery" data-section="gallery">
<FeatureCardThree
title="Gallery"
description="Browse our portfolio of beautiful hairstyles and transformations."
tag="Our Work"
title="Galerie"
description="Blättern Sie durch unser Portfolio mit schönen Frisuren und Transformationen."
tag="Unsere Arbeiten"
tagIcon={Camera}
tagAnimation="slide-up"
features={[
{
id: "gallery-item-1",
title: "Modern Short Cuts",
description: "Contemporary and elegant short hairstyles.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-cut-beauty-salon_23-2149167400.jpg?_wi=3",
imageAlt: "Modern short haircut",
},
id: "gallery-item-1", title: "Moderne Kurzhaarschnitte", description: "Zeitgenössische und elegante Kurzhaarfrisuren.", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-cut-beauty-salon_23-2149167400.jpg?_wi=3", imageAlt: "Moderner Kurzhaarschnitt"},
{
id: "gallery-item-2",
title: "Long Wave Styles",
description: "Beautiful long hair with voluminous waves.",
imageSrc: "http://img.b2bpic.net/free-photo/stunning-ling-haired-blinde-woman-resting-beach-cold-morning-pleased-stylish-female-model-posing-nature_197531-12436.jpg?_wi=1",
imageAlt: "Long wavy hairstyle",
},
id: "gallery-item-2", title: "Lange gewellte Frisuren", description: "Schöne lange Haare mit voluminösen Wellen.", imageSrc: "http://img.b2bpic.net/free-photo/stunning-ling-haired-blinde-woman-resting-beach-cold-morning-pleased-stylish-female-model-posing-nature_197531-12436.jpg?_wi=1", imageAlt: "Lange welliges Haar"},
{
id: "gallery-item-3",
title: "Men's Fades",
description: "Sharp and clean men's haircuts.",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-customer-getting-haircut_23-2148256977.jpg?_wi=2",
imageAlt: "Men's fade haircut",
},
id: "gallery-item-3", title: "Herren-Fades", description: "Scharfe und saubere Herrenhaarschnitte.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-customer-getting-haircut_23-2148256977.jpg?_wi=2", imageAlt: "Herren-Fade-Haarschnitt"},
{
id: "gallery-item-4",
title: "Kids' Styles",
description: "Fun and playful hairstyles for children.",
imageSrc: "http://img.b2bpic.net/free-photo/mother-taking-care-child-with-head-lices_23-2149480486.jpg?_wi=2",
imageAlt: "Children's hairstyle",
},
id: "gallery-item-4", title: "Kinderfrisuren", description: "Spaßige und verspielte Frisuren für Kinder.", imageSrc: "http://img.b2bpic.net/free-photo/mother-taking-care-child-with-head-lices_23-2149480486.jpg?_wi=2", imageAlt: "Kinderfrisur"},
{
id: "gallery-item-5",
title: "Color Transformations",
description: "Stunning hair color and highlights.",
imageSrc: "http://img.b2bpic.net/free-photo/internet-message-businesswoman-using-looking-sunglasses_1303-2785.jpg?_wi=1",
imageAlt: "Hair coloring result",
},
id: "gallery-item-5", title: "Farbveränderungen", description: "Atemberaubende Haarfarb- und Highlight-Ergebnisse.", imageSrc: "http://img.b2bpic.net/free-photo/internet-message-businesswoman-using-looking-sunglasses_1303-2785.jpg?_wi=1", imageAlt: "Haarfärbungsergebnis"},
{
id: "gallery-item-6",
title: "Special Occasions",
description: "Elegant updos for events.",
imageSrc: "http://img.b2bpic.net/free-photo/lovely-indian-couple-love-wear-saree-elegant-suit-posed-restaurant_627829-866.jpg?_wi=1",
imageAlt: "Formal occasion hairstyle",
},
id: "gallery-item-6", title: "Besondere Anlässe", description: "Elegante Hochsteckfrisuren für Veranstaltungen.", imageSrc: "http://img.b2bpic.net/free-photo/lovely-indian-couple-love-wear-saree-elegant-suit-posed-restaurant_627829-866.jpg?_wi=1", imageAlt: "Formale Anlass-Frisur"},
]}
gridVariant="bento-grid"
animationType="slide-up"
@@ -316,55 +208,43 @@ export default function HomePage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen
testimonial="Alexandra and her team provide exceptional service. I've been a client for three years and I'm always impressed by the attention to detail and friendly atmosphere."
testimonial="Alexandra und ihr Team bieten außergewöhnliche Dienstleistungen. Ich bin seit drei Jahren Kundin und bin immer wieder begeistert von der Liebe zum Detail und der freundlichen Atmosphäre."
rating={5}
author="Petra Schmidt"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-redhead-lady_23-2148339146.jpg",
alt: "Petra Schmidt",
},
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-redhead-lady_23-2148339146.jpg", alt: "Petra Schmidt"},
{
src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2533.jpg",
alt: "Client",
},
src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2533.jpg", alt: "Kunde"},
{
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-blond-woman-with-trendy-hairstyle_23-2149430870.jpg",
alt: "Client",
},
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-blond-woman-with-trendy-hairstyle_23-2149430870.jpg", alt: "Kunde"},
{
src: "http://img.b2bpic.net/free-photo/young-man-smiling-confident-looking-side-park_839833-20591.jpg",
alt: "Client",
},
src: "http://img.b2bpic.net/free-photo/young-man-smiling-confident-looking-side-park_839833-20591.jpg", alt: "Kunde"},
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
useInvertedBackground={false}
ariaLabel="Customer testimonial"
ariaLabel="Kundenzeugnis"
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
tag="Get in Touch"
tag="Kontaktieren Sie uns"
tagIcon={Phone}
tagAnimation="slide-up"
title="Ready to Book Your Appointment?"
description="Contact us today to schedule your personalized hair care experience."
title="Bereit, Ihren Termin zu buchen?"
description="Kontaktieren Sie uns noch heute, um Ihr personalisiertes Haarpflegeerlebnis zu vereinbaren."
buttons={[
{
text: "Call Us: +49 221 627480",
href: "tel:+49221627480",
},
text: "Rufen Sie uns an: +49 221 627480", href: "tel:+49221627480"},
{
text: "Send Email",
href: "mailto:info@alexandra-friseursalon.de",
},
text: "E-Mail senden", href: "mailto:info@alexandra-friseursalon.de"},
]}
buttonAnimation="slide-up"
background={{ variant: "radial-gradient" }}
useInvertedBackground={false}
ariaLabel="Contact section for booking appointments"
ariaLabel="Kontaktbereich zur Terminbuchung"
/>
</div>
@@ -372,8 +252,8 @@ export default function HomePage() {
<FooterBaseCard
logoText="Alexandra Schwickerath Friseursalon"
columns={footerColumns}
copyrightText="© 2025 Alexandra Schwickerath Friseursalon. All rights reserved."
ariaLabel="Site footer with navigation and contact information"
copyrightText="© 2025 Alexandra Schwickerath Friseursalon. Alle Rechte vorbehalten."
ariaLabel="Website-Fußzeile mit Navigation und Kontaktinformationen"
/>
</div>
</ThemeProvider>