275 lines
11 KiB
TypeScript
275 lines
11 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||
import { Clock, Cog, Gauge, Home, Lightbulb, Phone, ShieldCheck, Sparkles, Wrench, Zap } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="bounce-effect"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="pill"
|
||
contentWidth="small"
|
||
sizing="large"
|
||
background="fluid"
|
||
cardStyle="gradient-radial"
|
||
primaryButtonStyle="primary-glow"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="extrabold"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleCentered
|
||
navItems={[
|
||
{
|
||
name: "Startseite", id: "/"},
|
||
{
|
||
name: "Leistungen", id: "/leistungen"},
|
||
{
|
||
name: "Über uns", id: "/ueber-uns"},
|
||
{
|
||
name: "Kontakt", id: "/kontakt"},
|
||
]}
|
||
logoSrc="http://img.b2bpic.net/free-vector/energy-logo-design-template_23-2150024916.jpg"
|
||
logoAlt="EAP Elektroservice Logo"
|
||
brandName="EAP Elektroservice"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroSplitKpi
|
||
background={{
|
||
variant: "downward-rays-animated"}}
|
||
title="Kein Konzern – echte Handwerker aus Königswinter!"
|
||
description="Wir sind EAP Elektroservice: Ihr lokaler Partner für sichere Elektroinstallationen, schnelle Hilfe bei Störungen und top Service – für Familien und Unternehmen hier in Königswinter."
|
||
kpis={[
|
||
{
|
||
value: "Schnelle", label: "Reaktionszeit"},
|
||
{
|
||
value: "Professionelle", label: "Ausführung"},
|
||
{
|
||
value: "Königswinter", label: "& Umgebung"},
|
||
]}
|
||
enableKpiAnimation={true}
|
||
buttons={[
|
||
{
|
||
text: "Jetzt anrufen →", href: "tel:022449047654"},
|
||
{
|
||
text: "Leistungen entdecken", href: "/leistungen"},
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
imageSrc="http://img.b2bpic.net/free-photo/electrical-technician-working-switchboard-with-fuses-installation-connection-electrical-equipment_169016-5516.jpg"
|
||
imageAlt="Elektriker bei der Arbeit"
|
||
mediaAnimation="slide-up"
|
||
marqueeItems={[
|
||
{
|
||
type: "text-icon", text: "Schneller Service", icon: Zap,
|
||
},
|
||
{
|
||
type: "text-icon", text: "Garantierte Qualität", icon: ShieldCheck,
|
||
},
|
||
{
|
||
type: "text-icon", text: "Innovative Lösungen", icon: Lightbulb,
|
||
},
|
||
{
|
||
type: "text-icon", text: "Lokal & Nah", icon: Home,
|
||
},
|
||
{
|
||
type: "text-icon", text: "Professionelle Ausführung", icon: Wrench,
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="cta-startseite" data-section="cta-startseite">
|
||
<HeroSplitKpi
|
||
background={{
|
||
variant: "plain"}}
|
||
title="Jetzt Termin vereinbaren"
|
||
description="Melden Sie sich einfach bei uns! Wir sind für Sie da – für ein unverbindliches Gespräch oder schnelle Hilfe."
|
||
kpis={[
|
||
{
|
||
value: "100%", label: "Zufriedenheit"},
|
||
{
|
||
value: "24/7", label: "Verfügbar"},
|
||
{
|
||
value: "Top", label: "Bewertungen"},
|
||
]}
|
||
enableKpiAnimation={false}
|
||
buttons={[
|
||
{
|
||
text: "02244 9047654 – Jetzt anrufen →", href: "tel:022449047654"},
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
mediaAnimation="none"
|
||
imageSrc="http://img.b2bpic.net/free-photo/male-electrician-working-switchboard-with-fuses_169016-53652.jpg"
|
||
imageAlt="Male electrician working in a switchboard with fuses"
|
||
marqueeItems={[
|
||
{
|
||
type: "text-icon", text: "Geringe Wartezeiten", icon: Gauge,
|
||
},
|
||
{
|
||
type: "text-icon", text: "Erfahrenes Team", icon: Cog,
|
||
},
|
||
{
|
||
type: "text-icon", text: "Direkter Kontakt", icon: Phone,
|
||
},
|
||
{
|
||
type: "text-icon", text: "Schnelle Terminvergabe", icon: Clock,
|
||
},
|
||
{
|
||
type: "text-icon", text: "Kostenlose Beratung", icon: Sparkles,
|
||
},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="leistungen" data-section="leistungen">
|
||
<FeatureCardThree
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="four-items-2x2-equal-grid"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
title: "Elektroinstallation", description: "Neuinstallationen und Erweiterungen für Privat und Gewerbe.", imageSrc: "http://img.b2bpic.net/free-photo/electrician-working-switchboard-electrical-component-setup-cable-connection_169016-68438.jpg", imageAlt: "Elektriker installiert Steckdose"},
|
||
{
|
||
title: "Entstörung & Reparatur", description: "Schnelle Hilfe bei Störungen und elektrischen Defekten.", imageSrc: undefined,
|
||
},
|
||
{
|
||
title: "Beleuchtungstechnik", description: "Moderne Beleuchtungslösungen für jeden Bereich.", imageSrc: undefined,
|
||
},
|
||
{
|
||
title: "Hausanschlüsse", description: "Fachgerechte Installation von Hausanschlüssen aller Art.", imageSrc: "http://img.b2bpic.net/free-photo/electrician-connecting-wires-work-inside-panel-engineer-with-tool_169016-68074.jpg", imageAlt: "Installation eines Hausanschlusses"},
|
||
]}
|
||
title="Unsere Leistungen"
|
||
description="Von der Neuinstallation bis zur Wartung – wir sind Ihr Partner für sichere und moderne Elektroanlagen."
|
||
/>
|
||
</div>
|
||
|
||
<div id="warum-wir" data-section="warum-wir">
|
||
<FeatureCardThree
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
title: "Zuverlässigkeit", description: "Pünktlich, sauber und professionell ausgeführt.", imageSrc: undefined,
|
||
},
|
||
{
|
||
title: "Erfahrung", description: "Jahrelange Erfahrung im Elektrohandwerk.", imageSrc: undefined,
|
||
},
|
||
{
|
||
title: "Faire Preise", description: "Transparent, keine versteckten Kosten.", imageSrc: undefined,
|
||
},
|
||
]}
|
||
title="Warum die EAP Elektriker wählen?"
|
||
description="Hier in Königswinter sind wir Ihre Nachbarn. Wir stehen für faire Preise, pünktliche Arbeit und höchste Qualität – weil uns Ihre Zufriedenheit am Herzen liegt."
|
||
/>
|
||
</div>
|
||
|
||
<div id="stats" data-section="stats">
|
||
<MetricCardSeven
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
metrics={[
|
||
{
|
||
id: "m1", value: "100%", title: "Kundenzufriedenheit", items: [],
|
||
},
|
||
{
|
||
id: "m2", value: "24h", title: "Reaktionszeit", items: [],
|
||
},
|
||
{
|
||
id: "m3", value: "0€", title: "Versteckte Kosten", items: [],
|
||
},
|
||
{
|
||
id: "m4", value: "10+", title: "Jahre Erfahrung", items: [],
|
||
},
|
||
]}
|
||
title="Unsere Zahlen sprechen für sich"
|
||
description="Vertrauen Sie auf Erfahrung und Transparenz, die sich in unserer Arbeit widerspiegeln."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardTen
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "t1", title: "Exzellenter Service", quote: "Schnell, zuverlässig und fair. Gerne wieder! 5 Sterne für EAP Elektroservice.", name: "Michael S.", role: "Königswinter", imageSrc: undefined,
|
||
},
|
||
{
|
||
id: "t2", title: "Immer pünktlich", quote: "Endlich ein Elektriker der pünktlich kommt und faire Preise hat. Absolut empfehlenswert.", name: "Familie Becker", role: "Bonn", imageSrc: undefined,
|
||
},
|
||
{
|
||
id: "t3", title: "Professionelle Ausführung", quote: "Professionelle Ausführung von Anfang bis Ende. Top! Wir sind sehr zufrieden.", name: "Andreas K.", role: "Bad Honnef", imageSrc: undefined,
|
||
},
|
||
{
|
||
id: "t4", title: "Schnelle Hilfe", quote: "Wir brauchten schnell Hilfe und EAP Elektroservice war sofort zur Stelle. Kompetent und freundlich.", name: "Sabine L.", role: "Siegburg", imageSrc: undefined,
|
||
},
|
||
{
|
||
id: "t5", title: "Top Qualität", quote: "Die Installation wurde sauber und nach höchsten Standards durchgeführt. EAP Elektroservice liefert Spitzenqualität.", name: "Thomas G.", role: "Bornheim", imageSrc: undefined,
|
||
},
|
||
]}
|
||
title="Was unsere Nachbarn sagen..."
|
||
description="Hören Sie, was die Menschen aus Königswinter und Umgebung über unsere Arbeit berichten. Ihre Zufriedenheit ist unser größtes Lob!"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterBaseReveal
|
||
logoSrc="http://img.b2bpic.net/free-vector/energy-logo-design-template_23-2150024916.jpg"
|
||
logoText="EAP Elektroservice"
|
||
columns={[
|
||
{
|
||
title: "Leistungen", items: [
|
||
{
|
||
label: "Elektroinstallation", href: "/leistungen#elektroinstallation"},
|
||
{
|
||
label: "Entstörung & Reparatur", href: "/leistungen#entstoerung"},
|
||
{
|
||
label: "Beleuchtungstechnik", href: "/leistungen#beleuchtung"},
|
||
{
|
||
label: "Hausanschlüsse", href: "/leistungen#hausanschlusse"},
|
||
],
|
||
},
|
||
{
|
||
title: "Unternehmen", items: [
|
||
{
|
||
label: "Startseite", href: "/"},
|
||
{
|
||
label: "Über uns", href: "/ueber-uns"},
|
||
{
|
||
label: "Impressum", href: "#"},
|
||
{
|
||
label: "Datenschutz", href: "#"},
|
||
],
|
||
},
|
||
{
|
||
title: "Kontakt", items: [
|
||
{
|
||
label: "Kontaktformular", href: "/kontakt"},
|
||
{
|
||
label: "Anrufen: 02244 9047654", href: "tel:022449047654"},
|
||
{
|
||
label: "Am Schleifstein 13, 53639 Königswinter", href: "https://www.google.com/maps/search/Am+Schleifstein+13,+53639+K%C3%B6nigswinter"},
|
||
],
|
||
},
|
||
]}
|
||
copyrightText="© 2026 EAP Elektroservice"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
} |