Merge version_1_1781434734294 into main #2
@@ -10,216 +10,138 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroBrand
|
||||
brand="Sie & Er Friseursalon"
|
||||
description="Erleben Sie individuellen Style und entspannte Atmosphäre in unserem modernen Salon. Wir kümmern uns um Ihr Haar mit Leidenschaft und Expertise."
|
||||
primaryButton={{
|
||||
text: "Termin vereinbaren",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Unsere Leistungen",
|
||||
href: "#about",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-drying-hair-hairsalon_1157-27190.jpg?_wi=1"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
brand="Sie & Er Friseursalon"
|
||||
description="Erleben Sie individuellen Style und entspannte Atmosphäre in unserem modernen Salon. Wir kümmern uns um Ihr Haar mit Leidenschaft und Expertise."
|
||||
primaryButton={{
|
||||
text: "Termin vereinbaren", href: "#contact"}}
|
||||
secondaryButton={{
|
||||
text: "Unsere Leistungen", href: "#about"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-drying-hair-hairsalon_1157-27190.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutMediaOverlay
|
||||
tag="Über uns"
|
||||
title="Meisterhafte Haarkunst für Sie & Er"
|
||||
description="Unser Salon kombiniert traditionelles Handwerk mit modernen Trends. Vom perfekten Schnitt über strahlende Colorationen bis hin zum entspannenden Pflegeerlebnis – bei uns stehen Sie im Mittelpunkt."
|
||||
primaryButton={{
|
||||
text: "Mehr erfahren",
|
||||
href: "#",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiling-african-american-woman-talking-smartphone-armchair-office_23-2148042626.jpg?_wi=1"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Über uns"
|
||||
title="Meisterhafte Haarkunst für Sie & Er"
|
||||
description="Unser Salon kombiniert traditionelles Handwerk mit modernen Trends. Vom perfekten Schnitt über strahlende Colorationen bis hin zum entspannenden Pflegeerlebnis – bei uns stehen Sie im Mittelpunkt."
|
||||
primaryButton={{
|
||||
text: "Mehr erfahren", href: "#"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiling-african-american-woman-talking-smartphone-armchair-office_23-2148042626.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesBento
|
||||
tag="Unsere Expertise"
|
||||
title="Was wir Ihnen bieten"
|
||||
description="Qualität, die man sieht und fühlt."
|
||||
features={[
|
||||
{
|
||||
title: "Coloration & Highlights",
|
||||
description: "Individuelle Farbkonzepte mit hochwertigen Produkten.",
|
||||
bentoComponent: "media-stack",
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-dispenser-liquid-soap-female-hands-store_169016-23905.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artist-creating-alternative-bedroom-pop-music_23-2149736731.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-professional-psychotherapy-office-with-modern-couch-furniture_482257-124895.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-drying-hair-hairsalon_1157-27190.jpg?_wi=2",
|
||||
imageAlt: "premium hair care shampoo products",
|
||||
},
|
||||
{
|
||||
title: "Perfekte Schnitte",
|
||||
description: "Moderne Haarschnitte, die zu Ihrem Typ passen.",
|
||||
bentoComponent: "checklist-timeline",
|
||||
heading: "Ihr Weg zum perfekten Style",
|
||||
subheading: "In 3 Schritten zum neuen Look",
|
||||
checklistItems: [
|
||||
{
|
||||
label: "Beratung",
|
||||
detail: "Analyse Ihres Haartyps",
|
||||
},
|
||||
{
|
||||
label: "Behandlung",
|
||||
detail: "Handwerkliche Präzision",
|
||||
},
|
||||
{
|
||||
label: "Finishing",
|
||||
detail: "Styling & Tipps",
|
||||
},
|
||||
],
|
||||
completedLabel: "Perfektes Ergebnis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-woman-talking-smartphone-armchair-office_23-2148042626.jpg?_wi=2",
|
||||
imageAlt: "premium hair care shampoo products",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Unsere Expertise"
|
||||
title="Was wir Ihnen bieten"
|
||||
description="Qualität, die man sieht und fühlt."
|
||||
features={[
|
||||
{
|
||||
title: "Coloration & Highlights", description: "Individuelle Farbkonzepte mit hochwertigen Produkten.", bentoComponent: "media-stack", mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-dispenser-liquid-soap-female-hands-store_169016-23905.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artist-creating-alternative-bedroom-pop-music_23-2149736731.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-professional-psychotherapy-office-with-modern-couch-furniture_482257-124895.jpg"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Perfekte Schnitte", description: "Moderne Haarschnitte, die zu Ihrem Typ passen.", bentoComponent: "checklist-timeline", heading: "Ihr Weg zum perfekten Style", subheading: "In 3 Schritten zum neuen Look", checklistItems: [
|
||||
{
|
||||
label: "Beratung", detail: "Analyse Ihres Haartyps"},
|
||||
{
|
||||
label: "Behandlung", detail: "Handwerkliche Präzision"},
|
||||
{
|
||||
label: "Finishing", detail: "Styling & Tipps"},
|
||||
],
|
||||
completedLabel: "Perfektes Ergebnis"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<SectionErrorBoundary name="team">
|
||||
<div id="team" data-section="team">
|
||||
<SectionErrorBoundary name="team">
|
||||
<TeamProfileCards
|
||||
tag="Unser Team"
|
||||
title="Ihr Style-Experten"
|
||||
description="Lernen Sie die Profis kennen, die Ihren neuen Look kreieren."
|
||||
items={[
|
||||
{
|
||||
title: "Maria Schmidt",
|
||||
description: "Meisterin für Damen-Haarschnitte & Colorationen.",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-model-holding-book-red-wall_114579-56021.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hostess-latino-hair-salon_23-2150555153.jpg",
|
||||
buttonText: "Kontakt",
|
||||
},
|
||||
{
|
||||
title: "Markus Weber",
|
||||
description: "Experte für Herren-Styling & Bartpflege.",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-posing-salon_23-2150462487.jpg",
|
||||
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",
|
||||
buttonText: "Kontakt",
|
||||
},
|
||||
{
|
||||
title: "Sarah Klein",
|
||||
description: "Spezialistin für Trend-Styles & Styling.",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-cleaning-her-skin-bathroom-beautiful-healthy-woman-bathroom_1153-7637.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-beautiful-female-barber-uniform-holding-comb-with-cash-isolated-pink-wall_141793-105673.jpg",
|
||||
buttonText: "Kontakt",
|
||||
},
|
||||
{
|
||||
title: "Thomas Vogel",
|
||||
description: "Langjährige Erfahrung & kreatives Auge.",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/pleased-looking-down-young-beautiful-female-barber-uniform-wearing-glasses-combing-hair-isolated-blue-wall_141793-106074.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-looking-young-beautiful-female-barber-uniform-showing-timeout-gesture-isolated-pink-wall_141793-106045.jpg",
|
||||
buttonText: "Kontakt",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Unser Team"
|
||||
title="Ihr Style-Experten"
|
||||
description="Lernen Sie die Profis kennen, die Ihren neuen Look kreieren."
|
||||
items={[
|
||||
{
|
||||
title: "Maria Schmidt", description: "Meisterin für Damen-Haarschnitte & Colorationen.", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-model-holding-book-red-wall_114579-56021.jpg", imageSrc: "http://img.b2bpic.net/free-photo/hostess-latino-hair-salon_23-2150555153.jpg", buttonText: "Kontakt"},
|
||||
{
|
||||
title: "Markus Weber", description: "Experte für Herren-Styling & Bartpflege.", avatarSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-posing-salon_23-2150462487.jpg", 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", buttonText: "Kontakt"},
|
||||
{
|
||||
title: "Sarah Klein", description: "Spezialistin für Trend-Styles & Styling.", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-cleaning-her-skin-bathroom-beautiful-healthy-woman-bathroom_1153-7637.jpg", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-beautiful-female-barber-uniform-holding-comb-with-cash-isolated-pink-wall_141793-105673.jpg", buttonText: "Kontakt"},
|
||||
{
|
||||
title: "Thomas Vogel", description: "Langjährige Erfahrung & kreatives Auge.", avatarSrc: "http://img.b2bpic.net/free-photo/pleased-looking-down-young-beautiful-female-barber-uniform-wearing-glasses-combing-hair-isolated-blue-wall_141793-106074.jpg", imageSrc: "http://img.b2bpic.net/free-photo/pleased-looking-young-beautiful-female-barber-uniform-showing-timeout-gesture-isolated-pink-wall_141793-106045.jpg", buttonText: "Kontakt"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<SectionErrorBoundary name="testimonial">
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<SectionErrorBoundary name="testimonial">
|
||||
<TestimonialQuoteCards
|
||||
tag="Kundenstimmen"
|
||||
title="Was unsere Kunden sagen"
|
||||
description="Die Zufriedenheit unserer Gäste ist unser größter Erfolg."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Julia M.",
|
||||
role: "Stammkundin",
|
||||
quote: "Einfach der beste Friseur in der Stadt. Super Beratung und toller Service!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-good-looking-young-tanned-woman-lean-terrace-gazing-happily_197531-22852.jpg",
|
||||
},
|
||||
{
|
||||
name: "Stefan L.",
|
||||
role: "Kunde",
|
||||
quote: "Der Haarschnitt sitzt immer perfekt. Kann ich nur weiterempfehlen.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bride-getting-hair-done-side-view_23-2149860771.jpg",
|
||||
},
|
||||
{
|
||||
name: "Lisa K.",
|
||||
role: "Kundin",
|
||||
quote: "Wunderschöne Farbergebnisse. Hier fühlt man sich wirklich gut aufgehoben.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylist-works-woman-hair-salon_1398-1042.jpg",
|
||||
},
|
||||
{
|
||||
name: "Andreas F.",
|
||||
role: "Stammkunde",
|
||||
quote: "Tolles Team und sehr entspannte Atmosphäre. Immer wieder gerne.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-laughing-model-colorful-casual-summer-clothes-with-natural-makeup-gray_158538-11793.jpg",
|
||||
},
|
||||
{
|
||||
name: "Nicole H.",
|
||||
role: "Kundin",
|
||||
quote: "Das Ergebnis ist jedes Mal fantastisch. Danke für die tolle Pflege!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blond-female-dressed-pink-sports-jersey-grey-background_613910-12409.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Kundenstimmen"
|
||||
title="Was unsere Kunden sagen"
|
||||
description="Die Zufriedenheit unserer Gäste ist unser größter Erfolg."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Julia M.", role: "Stammkundin", quote: "Einfach der beste Friseur in der Stadt. Super Beratung und toller Service!", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-good-looking-young-tanned-woman-lean-terrace-gazing-happily_197531-22852.jpg"},
|
||||
{
|
||||
name: "Stefan L.", role: "Kunde", quote: "Der Haarschnitt sitzt immer perfekt. Kann ich nur weiterempfehlen.", imageSrc: "http://img.b2bpic.net/free-photo/bride-getting-hair-done-side-view_23-2149860771.jpg"},
|
||||
{
|
||||
name: "Lisa K.", role: "Kundin", quote: "Wunderschöne Farbergebnisse. Hier fühlt man sich wirklich gut aufgehoben.", imageSrc: "http://img.b2bpic.net/free-photo/stylist-works-woman-hair-salon_1398-1042.jpg"},
|
||||
{
|
||||
name: "Andreas F.", role: "Stammkunde", quote: "Tolles Team und sehr entspannte Atmosphäre. Immer wieder gerne.", imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-laughing-model-colorful-casual-summer-clothes-with-natural-makeup-gray_158538-11793.jpg"},
|
||||
{
|
||||
name: "Nicole H.", role: "Kundin", quote: "Das Ergebnis ist jedes Mal fantastisch. Danke für die tolle Pflege!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blond-female-dressed-pink-sports-jersey-grey-background_613910-12409.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSplitMedia
|
||||
tag="FAQ"
|
||||
title="Häufige Fragen"
|
||||
description="Alles, was Sie für Ihren Besuch wissen müssen."
|
||||
items={[
|
||||
{
|
||||
question: "Wie vereinbare ich einen Termin?",
|
||||
answer: "Sie können uns jederzeit anrufen oder über unser Kontaktformular einen Termin anfragen.",
|
||||
},
|
||||
{
|
||||
question: "Bieten Sie auch Pflegeprodukte an?",
|
||||
answer: "Ja, wir beraten Sie gerne bei der Wahl der passenden Produkte für Ihr Haar zu Hause.",
|
||||
},
|
||||
{
|
||||
question: "Wie lange dauert eine Behandlung?",
|
||||
answer: "Die Dauer hängt von Ihrem Wunsch ab – von schnellen Schnitten bis hin zu mehrstündigen Colorationen.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-child-hair-salon_23-2150462476.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="FAQ"
|
||||
title="Häufige Fragen"
|
||||
description="Alles, was Sie für Ihren Besuch wissen müssen."
|
||||
items={[
|
||||
{
|
||||
question: "Wie vereinbare ich einen Termin?", answer: "Sie können uns jederzeit anrufen oder über unser Kontaktformular einen Termin anfragen."},
|
||||
{
|
||||
question: "Bieten Sie auch Pflegeprodukte an?", answer: "Ja, wir beraten Sie gerne bei der Wahl der passenden Produkte für Ihr Haar zu Hause."},
|
||||
{
|
||||
question: "Wie lange dauert eine Behandlung?", answer: "Die Dauer hängt von Ihrem Wunsch ab – von schnellen Schnitten bis hin zu mehrstündigen Colorationen."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-child-hair-salon_23-2150462476.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Kontakt"
|
||||
text="Lust auf einen neuen Look? Buchen Sie jetzt Ihren Termin bei uns."
|
||||
primaryButton={{
|
||||
text: "Jetzt anrufen",
|
||||
href: "tel:+49123456789",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Nachricht schreiben",
|
||||
href: "mailto:info@sie-er-salon.de",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Kontakt"
|
||||
text="Lust auf einen neuen Look? Buchen Sie jetzt Ihren Termin bei uns."
|
||||
primaryButton={{
|
||||
text: "Jetzt anrufen", href: "tel:+49123456789"}}
|
||||
secondaryButton={{
|
||||
text: "Nachricht schreiben", href: "mailto:info@sie-er-salon.de"}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user