Update src/pages/HomePage.tsx
This commit is contained in:
@@ -11,222 +11,123 @@ 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">
|
||||
<HeroOverlayMarquee
|
||||
tag="Ihr Partner in Olsberg"
|
||||
title="Professionelle Dienstleistungen für Haus & Garten"
|
||||
description="Von der Gartenpflege bis zur Haushaltsauflösung – wir bieten zuverlässige und schnelle Lösungen für Ihre Immobilien in Olsberg."
|
||||
primaryButton={{
|
||||
text: "Jetzt Angebot anfordern",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Unsere Leistungen",
|
||||
href: "#services",
|
||||
}}
|
||||
items={[
|
||||
{
|
||||
text: "Gartenpflege",
|
||||
icon: Leaf,
|
||||
},
|
||||
{
|
||||
text: "Entrümpelung",
|
||||
icon: Trash2,
|
||||
},
|
||||
{
|
||||
text: "Malerarbeiten",
|
||||
icon: Paintbrush,
|
||||
},
|
||||
{
|
||||
text: "Hausmeister",
|
||||
icon: Wrench,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/red-wellington-boots-watering-can-gardening-tools-garden_23-2148165197.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Ihr Partner in Olsberg"
|
||||
title="Professionelle Dienstleistungen für Haus & Garten"
|
||||
description="Von der Gartenpflege bis zur Haushaltsauflösung – wir bieten zuverlässige und schnelle Lösungen für Ihre Immobilien in Olsberg."
|
||||
primaryButton={{
|
||||
text: "Jetzt Angebot anfordern", href: "#contact"}}
|
||||
secondaryButton={{
|
||||
text: "Unsere Leistungen", href: "#services"}}
|
||||
items={[
|
||||
{ text: "Gartenpflege", icon: Leaf },
|
||||
{ text: "Entrümpelung", icon: Trash2 },
|
||||
{ text: "Malerarbeiten", icon: Paintbrush },
|
||||
{ text: "Hausmeister", icon: Wrench },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/red-wellington-boots-watering-can-gardening-tools-garden_23-2148165197.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutText
|
||||
title="Über PutzOlsberg – Ihr lokaler Dienstleister aus Olsberg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutText title="Über PutzOlsberg – Ihr lokaler Dienstleister aus Olsberg" />
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<FeaturesMediaCarousel
|
||||
tag="Leistungsspektrum"
|
||||
title="Alles aus einer Hand"
|
||||
description="Wir stehen für Sauberkeit, Pünktlichkeit und höchste Qualität bei all unseren Projekten."
|
||||
items={[
|
||||
{
|
||||
title: "Gartenpflege",
|
||||
description: "Professioneller Schnitt und Pflege Ihrer Außenanlagen.",
|
||||
buttonIcon: "ArrowRight",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-male-landscaper-trimming-thuja-tree-with-hedge-trimmer-summer-side-view-male_7502-10143.jpg",
|
||||
},
|
||||
{
|
||||
title: "Entrümpelung",
|
||||
description: "Schnelle und diskrete Entsorgung von Unrat.",
|
||||
buttonIcon: "ArrowRight",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-cat-sitting-rubbish-bin-outdoors_23-2148666769.jpg",
|
||||
},
|
||||
{
|
||||
title: "Malerarbeiten",
|
||||
description: "Frischer Anstrich für Ihr Heim.",
|
||||
buttonIcon: "ArrowRight",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-roller-brush-white-background_23-2148391891.jpg",
|
||||
},
|
||||
{
|
||||
title: "Möbelmontage",
|
||||
description: "Präziser Aufbau von Möbeln aller Art.",
|
||||
buttonIcon: "ArrowRight",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-driving-nail-with-hammer-into-wooden-shelf_74855-5668.jpg",
|
||||
},
|
||||
{
|
||||
title: "Hausmeisterservice",
|
||||
description: "Kleinreparaturen und Instandhaltung.",
|
||||
buttonIcon: "ArrowRight",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721523.jpg",
|
||||
},
|
||||
{
|
||||
title: "Haushaltsauflösung",
|
||||
description: "Komplette Auflösungen mit Wertanrechnung.",
|
||||
buttonIcon: "ArrowRight",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-office-work-day_23-2150690125.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Leistungsspektrum"
|
||||
title="Alles aus einer Hand"
|
||||
description="Wir stehen für Sauberkeit, Pünktlichkeit und höchste Qualität bei all unseren Projekten."
|
||||
items={[
|
||||
{
|
||||
title: "Gartenpflege", description: "Professioneller Schnitt und Pflege Ihrer Außenanlagen.", buttonIcon: "ArrowRight", imageSrc: "http://img.b2bpic.net/free-photo/professional-male-landscaper-trimming-thuja-tree-with-hedge-trimmer-summer-side-view-male_7502-10143.jpg"},
|
||||
{
|
||||
title: "Entrümpelung", description: "Schnelle und diskrete Entsorgung von Unrat.", buttonIcon: "ArrowRight", imageSrc: "http://img.b2bpic.net/free-photo/cute-cat-sitting-rubbish-bin-outdoors_23-2148666769.jpg"},
|
||||
{
|
||||
title: "Malerarbeiten", description: "Frischer Anstrich für Ihr Heim.", buttonIcon: "ArrowRight", imageSrc: "http://img.b2bpic.net/free-photo/top-view-roller-brush-white-background_23-2148391891.jpg"},
|
||||
{
|
||||
title: "Möbelmontage", description: "Präziser Aufbau von Möbeln aller Art.", buttonIcon: "ArrowRight", imageSrc: "http://img.b2bpic.net/free-photo/hands-driving-nail-with-hammer-into-wooden-shelf_74855-5668.jpg"},
|
||||
{
|
||||
title: "Hausmeisterservice", description: "Kleinreparaturen und Instandhaltung.", buttonIcon: "ArrowRight", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721523.jpg"},
|
||||
{
|
||||
title: "Haushaltsauflösung", description: "Komplette Auflösungen mit Wertanrechnung.", buttonIcon: "ArrowRight", imageSrc: "http://img.b2bpic.net/free-photo/person-office-work-day_23-2150690125.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsIconCards
|
||||
tag="Unsere Bilanz"
|
||||
title="Erfolge in Zahlen"
|
||||
description="Warum Kunden auf PutzOlsberg vertrauen."
|
||||
metrics={[
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "Projekte erfolgreich abgeschlossen",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
title: "Zufriedene Stammkunden",
|
||||
value: "120+",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
title: "Jahre Erfahrung",
|
||||
value: "10",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Unsere Bilanz"
|
||||
title="Erfolge in Zahlen"
|
||||
description="Warum Kunden auf PutzOlsberg vertrauen."
|
||||
metrics={[
|
||||
{ icon: "CheckCircle", title: "Projekte erfolgreich abgeschlossen", value: "500+" },
|
||||
{ icon: "Users", title: "Zufriedene Stammkunden", value: "120+" },
|
||||
{ icon: "Clock", title: "Jahre Erfahrung", value: "10" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialColumnMarqueeCards
|
||||
tag="Kundenstimmen"
|
||||
title="Das sagen unsere Kunden"
|
||||
description="Zuverlässigkeit ist unsere oberste Priorität."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Andreas K.",
|
||||
role: "Hausbesitzer",
|
||||
quote: "Sehr zuverlässige Gartenpflege, immer pünktlich.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-taking-care-her-garden_329181-16505.jpg",
|
||||
},
|
||||
{
|
||||
name: "Marion S.",
|
||||
role: "Geschäftskundin",
|
||||
quote: "Die Wohnungsauflösung lief schnell und reibungslos.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
|
||||
},
|
||||
{
|
||||
name: "Thomas L.",
|
||||
role: "Privatkunde",
|
||||
quote: "Die Möbelmontage wurde fachgerecht durchgeführt.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-carrying-box_23-2149392124.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sabine F.",
|
||||
role: "Hausbesitzerin",
|
||||
quote: "Super Malerarbeiten, sehr sauber gearbeitet.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-posing-together-their-new-home-while-holding-paintbrush_23-2149086827.jpg",
|
||||
},
|
||||
{
|
||||
name: "Markus H.",
|
||||
role: "Immobilienverwalter",
|
||||
quote: "Der Hausmeisterservice ist stets zur Stelle.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-gardener-holding-handle_651396-1543.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Kundenstimmen"
|
||||
title="Das sagen unsere Kunden"
|
||||
description="Zuverlässigkeit ist unsere oberste Priorität."
|
||||
testimonials={[
|
||||
{ name: "Andreas K.", role: "Hausbesitzer", quote: "Sehr zuverlässige Gartenpflege, immer pünktlich.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-taking-care-her-garden_329181-16505.jpg" },
|
||||
{ name: "Marion S.", role: "Geschäftskundin", quote: "Die Wohnungsauflösung lief schnell und reibungslos.", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg" },
|
||||
{ name: "Thomas L.", role: "Privatkunde", quote: "Die Möbelmontage wurde fachgerecht durchgeführt.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-carrying-box_23-2149392124.jpg" },
|
||||
{ name: "Sabine F.", role: "Hausbesitzerin", quote: "Super Malerarbeiten, sehr sauber gearbeitet.", imageSrc: "http://img.b2bpic.net/free-photo/couple-posing-together-their-new-home-while-holding-paintbrush_23-2149086827.jpg" },
|
||||
{ name: "Markus H.", role: "Immobilienverwalter", quote: "Der Hausmeisterservice ist stets zur Stelle.", imageSrc: "http://img.b2bpic.net/free-photo/female-gardener-holding-handle_651396-1543.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqTabbedAccordion
|
||||
tag="Fragen?"
|
||||
title="Häufig gestellte Fragen"
|
||||
description="Hier finden Sie Antworten auf die häufigsten Fragen zu unseren Dienstleistungen."
|
||||
categories={[
|
||||
{
|
||||
name: "Allgemein",
|
||||
items: [
|
||||
{
|
||||
question: "Wo bieten Sie Ihre Dienstleistungen an?",
|
||||
answer: "Wir sind primär im Raum Olsberg aktiv.",
|
||||
},
|
||||
{
|
||||
question: "Wie erstelle ich eine Anfrage?",
|
||||
answer: "Nutzen Sie unser Kontaktformular oder rufen Sie an.",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
items: [
|
||||
{
|
||||
question: "Ist eine Besichtigung vorab möglich?",
|
||||
answer: "Ja, wir kommen gerne zu einer kostenfreien Erstbesichtigung vorbei.",
|
||||
},
|
||||
{
|
||||
question: "Entsorgen Sie den Müll auch?",
|
||||
answer: "Ja, wir bieten eine fachgerechte Entsorgung nach den gesetzlichen Vorschriften an.",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Fragen?"
|
||||
title="Häufig gestellte Fragen"
|
||||
description="Hier finden Sie Antworten auf häufig gestellte Fragen zu unseren Dienstleistungen."
|
||||
categories={[
|
||||
{
|
||||
name: "Allgemein", items: [
|
||||
{ question: "Wo bieten Sie Ihre Dienstleistungen an?", answer: "Wir sind primär im Raum Olsberg aktiv." },
|
||||
{ question: "Wie erstelle ich eine Anfrage?", answer: "Nutzen Sie unser Kontaktformular oder rufen Sie an." },
|
||||
],
|
||||
},
|
||||
{
|
||||
name: "Services", items: [
|
||||
{ question: "Ist eine Besichtigung vorab möglich?", answer: "Ja, wir kommen gerne zu einer kostenfreien Erstbesichtigung vorbei." },
|
||||
{ question: "Entsorgen Sie den Müll auch?", answer: "Ja, wir bieten eine fachgerechte Entsorgung nach den gesetzlichen Vorschriften an." },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Kontakt"
|
||||
text="Starten Sie noch heute mit Ihrem Projekt in Olsberg. Wir beraten Sie gerne unverbindlich."
|
||||
primaryButton={{
|
||||
text: "Jetzt Angebot anfordern",
|
||||
href: "#",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Anrufen",
|
||||
href: "tel:+49123456789",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Kontakt"
|
||||
text="Starten Sie noch heute mit Ihrem Projekt in Olsberg. Wir beraten Sie gerne unverbindlich."
|
||||
primaryButton={{ text: "Jetzt Angebot anfordern", href: "#" }}
|
||||
secondaryButton={{ text: "Anrufen", href: "tel:+49123456789" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user