Merge version_1_1781486550530 into main #3
@@ -4,121 +4,114 @@ import FeaturesBento from '@/components/sections/features/FeaturesBento';
|
||||
import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
|
||||
import HeroSplitVerticalMarquee from '@/components/sections/hero/HeroSplitVerticalMarquee';
|
||||
import MetricsMediaCards from '@/components/sections/metrics/MetricsMediaCards';
|
||||
import { Clock, Coffee, Smile } from "lucide-react";
|
||||
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">
|
||||
<HeroSplitVerticalMarquee
|
||||
tag="Ihr Friseur in Hückelhoven"
|
||||
title="Salon Handan – Ihr Partner für schönes Haar"
|
||||
description="Erleben Sie individuellen Service und eine entspannte Atmosphäre im Herzen von Hückelhoven. Wir freuen uns auf Ihren Besuch."
|
||||
primaryButton={{
|
||||
text: "Jetzt anrufen", href: "tel:024332237"}}
|
||||
secondaryButton={{
|
||||
text: "Anfahrt", href: "#contact"}}
|
||||
leftItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-his-hair-washed_23-2149220571.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-dyed-beauty-salon_23-2149167364.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/years-one-color-communication-30-35_1296-315.jpg" },
|
||||
]}
|
||||
rightItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-with-dryer-lifts-hair-roots-bathroom-daily-blowout_169016-69367.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-hair-salon_23-2150668442.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-dyed-beauty-salon_23-2149167372.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Ihr Friseur in Hückelhoven"
|
||||
title="Salon Handan – Ihr Partner für schönes Haar"
|
||||
description="Erleben Sie individuellen Service und eine entspannte Atmosphäre im Herzen von Hückelhoven. Wir freuen uns auf Ihren Besuch."
|
||||
primaryButton={{ text: "Jetzt anrufen", href: "tel:024332237" }}
|
||||
secondaryButton={{ text: "Anfahrt", href: "#contact" }}
|
||||
leftItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-his-hair-washed_23-2149220571.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-dyed-beauty-salon_23-2149167364.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/years-one-color-communication-30-35_1296-315.jpg" },
|
||||
]}
|
||||
rightItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-with-dryer-lifts-hair-roots-bathroom-daily-blowout_169016-69367.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-hair-salon_23-2150668442.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-dyed-beauty-salon_23-2149167372.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutTestimonial
|
||||
tag="Über uns"
|
||||
quote="Salon Handan steht für persönliche Beratung, Erfahrung und eine Auszeit vom Alltag. Wir nehmen uns Zeit für Ihre Wünsche, damit Sie sich bei uns rundum wohlfühlen."
|
||||
author="Ihr Team vom Salon Handan"
|
||||
role="Hückelhoven"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/low-angle-man-hair-salon_23-2150665447.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Über uns"
|
||||
quote="Salon Handan steht für persönliche Beratung, Erfahrung und eine Auszeit vom Alltag. Wir nehmen uns Zeit für Ihre Wünsche, damit Sie sich bei uns rundum wohlfühlen."
|
||||
author="Ihr Team vom Salon Handan"
|
||||
role="Hückelhoven"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/low-angle-man-hair-salon_23-2150665447.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<FeaturesImageBento
|
||||
tag="Unsere Leistungen"
|
||||
title="Ihr Haar in den besten Händen"
|
||||
description="Von klassischen Schnitten bis hin zu kreativen Farbtechniken – entdecken Sie unser breites Angebot für die ganze Familie."
|
||||
items={[
|
||||
{ title: "Damenhaarschnitt", description: "Moderne Schnitte für jeden Typ.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-barber-wearing-uniform-doing-haircut-his-young-client_141793-117966.jpg" },
|
||||
{ title: "Herrenhaarschnitt", description: "Präzise und zeitlose Styles.", imageSrc: "http://img.b2bpic.net/free-photo/barber-customer-giving-high-five_23-2147737094.jpg" },
|
||||
{ title: "Kinderhaarschnitt", description: "Ein entspanntes Erlebnis für die Kleinen.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-hairdresser-adorable-kid-black-cape-holding-brush-scissors_179666-1420.jpg" },
|
||||
{ title: "Styling & Föhnen", description: "Das perfekte Finish.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-sensual-woman-model-with-professional-makeup-streaked-curly-long-hair-closing-eyes-while-hand-with-silver-bracelet-anonymous-afro-american_8353-11907.jpg" },
|
||||
{ title: "Farbe & Tönung", description: "Individuelle Farbkonzepte.", imageSrc: "http://img.b2bpic.net/free-photo/lovely-young-woman-with-long-hairstyle-sitting-stairs-smiling_197531-21054.jpg" },
|
||||
{ title: "Strähnen", description: "Highlights für mehr Lebendigkeit.", imageSrc: "http://img.b2bpic.net/free-photo/process-hair-coloring-hairdresser-parlor_23-2147769771.jpg" },
|
||||
{ title: "Beratung", description: "Wir beraten Sie typgerecht.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-adult-women-working-together_23-2148461457.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Unsere Leistungen"
|
||||
title="Ihr Haar in den besten Händen"
|
||||
description="Von klassischen Schnitten bis hin zu kreativen Farbtechniken – entdecken Sie unser breites Angebot für die ganze Familie."
|
||||
items={[
|
||||
{ title: "Damenhaarschnitt", description: "Moderne Schnitte für jeden Typ.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-barber-wearing-uniform-doing-haircut-his-young-client_141793-117966.jpg" },
|
||||
{ title: "Herrenhaarschnitt", description: "Präzise und zeitlose Styles.", imageSrc: "http://img.b2bpic.net/free-photo/barber-customer-giving-high-five_23-2147737094.jpg" },
|
||||
{ title: "Kinderhaarschnitt", description: "Ein entspanntes Erlebnis für die Kleinen.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-hairdresser-adorable-kid-black-cape-holding-brush-scissors_179666-1420.jpg" },
|
||||
{ title: "Styling & Föhnen", description: "Das perfekte Finish.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-sensual-woman-model-with-professional-makeup-streaked-curly-long-hair-closing-eyes-while-hand-with-silver-bracelet-anonymous-afro-american_8353-11907.jpg" },
|
||||
{ title: "Farbe & Tönung", description: "Individuelle Farbkonzepte.", imageSrc: "http://img.b2bpic.net/free-photo/lovely-young-woman-with-long-hairstyle-sitting-stairs-smiling_197531-21054.jpg" },
|
||||
{ title: "Strähnen", description: "Highlights für mehr Lebendigkeit.", imageSrc: "http://img.b2bpic.net/free-photo/process-hair-coloring-hairdresser-parlor_23-2147769771.jpg" },
|
||||
{ title: "Beratung", description: "Wir beraten Sie typgerecht.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-adult-women-working-together_23-2148461457.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesBento
|
||||
tag="Warum Salon Handan?"
|
||||
title="Ihr Friseur in Hückelhoven"
|
||||
description="Wir bieten mehr als nur Haareschneiden – wir bieten ein Erlebnis."
|
||||
features={[
|
||||
{
|
||||
title: "Persönlicher Service", description: "Ihre Zufriedenheit steht bei uns an erster Stelle.", bentoComponent: "checklist-timeline", heading: "Ihre Vorteile", subheading: "Warum Kunden uns wählen", checklistItems: [
|
||||
{ label: "Individuelle Beratung", detail: "Ihr Style, Ihr Gesicht." },
|
||||
{ label: "Erfahrenes Team", detail: "Handwerk aus Leidenschaft." },
|
||||
{ label: "Entspannte Atmosphäre", detail: "Zeit für eine Auszeit." },
|
||||
],
|
||||
completedLabel: "Ihr Ergebnis"},
|
||||
{
|
||||
title: "Atmosphäre", description: "Genießen Sie eine entspannte Zeit in unserem Salon.", bentoComponent: "info-card-marquee", infoCards: [
|
||||
{ icon: "Coffee", label: "Komfort", value: "Wohlfühlen" },
|
||||
{ icon: "Smile", label: "Atmosphäre", value: "Freundlich" },
|
||||
{ icon: "Clock", label: "Zeit", value: "Für Sie" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Warum Salon Handan?"
|
||||
title="Ihr Friseur in Hückelhoven"
|
||||
description="Wir bieten mehr als nur Haareschneiden – wir bieten ein Erlebnis."
|
||||
features={[
|
||||
{
|
||||
title: "Persönlicher Service", description: "Ihre Zufriedenheit steht bei uns an erster Stelle.", bentoComponent: "checklist-timeline", heading: "Ihre Vorteile", subheading: "Warum Kunden uns wählen", checklistItems: [
|
||||
{ label: "Individuelle Beratung", detail: "Ihr Style, Ihr Gesicht." },
|
||||
{ label: "Erfahrenes Team", detail: "Handwerk aus Leidenschaft." },
|
||||
{ label: "Entspannte Atmosphäre", detail: "Zeit für eine Auszeit." },
|
||||
],
|
||||
completedLabel: "Ihr Ergebnis"},
|
||||
{
|
||||
title: "Atmosphäre", description: "Genießen Sie eine entspannte Zeit in unserem Salon.", bentoComponent: "info-card-marquee", infoCards: [
|
||||
{ icon: "Coffee", label: "Komfort", value: "Wohlfühlen" },
|
||||
{ icon: "Smile", label: "Atmosphäre", value: "Freundlich" },
|
||||
{ icon: "Clock", label: "Zeit", value: "Für Sie" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="hours" data-section="hours">
|
||||
<SectionErrorBoundary name="hours">
|
||||
<div id="hours" data-section="hours">
|
||||
<SectionErrorBoundary name="hours">
|
||||
<MetricsMediaCards
|
||||
tag="Öffnungszeiten"
|
||||
title="Wann wir für Sie da sind"
|
||||
description="Wir freuen uns darauf, Sie bald bei uns begrüßen zu dürfen."
|
||||
metrics={[
|
||||
{
|
||||
value: "Di–Fr", title: "09:00 – 18:30 Uhr", description: "Öffnungszeiten unter der Woche", imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-drying-her-hair_23-2147643790.jpg"},
|
||||
{
|
||||
value: "Sa", title: "09:00 – 15:00 Uhr", description: "Wochenend-Termine", imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5403.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Öffnungszeiten"
|
||||
title="Wann wir für Sie da sind"
|
||||
description="Wir freuen uns darauf, Sie bald bei uns begrüßen zu dürfen."
|
||||
metrics={[
|
||||
{ value: "Di–Fr", title: "09:00 – 18:30 Uhr", description: "Öffnungszeiten unter der Woche", imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-drying-her-hair_23-2147643790.jpg" },
|
||||
{ value: "Sa", title: "09:00 – 15:00 Uhr", description: "Wochenend-Termine", imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5403.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="Martin-Luther-Straße 11, 41836 Hückelhoven. Rufen Sie uns jetzt an, um Ihren Wunschtermin zu vereinbaren."
|
||||
primaryButton={{
|
||||
text: "Jetzt anrufen", href: "tel:024332237"}}
|
||||
secondaryButton={{
|
||||
text: "Route planen", href: "https://maps.google.com"}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Kontakt"
|
||||
text="Martin-Luther-Straße 11, 41836 Hückelhoven. Rufen Sie uns jetzt an, um Ihren Wunschtermin zu vereinbaren."
|
||||
primaryButton={{ text: "Jetzt anrufen", href: "tel:024332237" }}
|
||||
secondaryButton={{ text: "Route planen", href: "https://maps.google.com" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user