Merge version_1 into main #2
222
src/app/page.tsx
222
src/app/page.tsx
@@ -31,18 +31,9 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Leistungen",
|
||||
id: "leistungen",
|
||||
},
|
||||
{
|
||||
name: "Bewertungen",
|
||||
id: "bewertungen",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "kontakt",
|
||||
},
|
||||
{ name: "Leistungen", id: "leistungen" },
|
||||
{ name: "Bewertungen", id: "bewertungen" },
|
||||
{ name: "Kontakt", id: "kontakt" }
|
||||
]}
|
||||
brandName="Knuspers Elektrotechnik"
|
||||
/>
|
||||
@@ -50,42 +41,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Elektrotechnik, die sauber geplant und zuverlässig umgesetzt wird."
|
||||
description="Ihr Partner für Reparaturen, Installationen und moderne Energielösungen. Wir stehen für schnelle Erreichbarkeit und transparente Preise."
|
||||
buttons={[
|
||||
{
|
||||
text: "Kostenlos anfragen",
|
||||
href: "#kontakt",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Kostenlos anfragen", href: "#kontakt" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-installs-sockets-apartment-checking-installed-sockets-wall-apartment-with-laser-level-selective-focus-sockets_166373-2201.jpg?_wi=1",
|
||||
imageAlt: "electrician working home wiring",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-builder-work-installation-sockets-switches_169016-51570.jpg",
|
||||
imageAlt: "electrician working home wiring",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-overalls-with-tools-background-repair-site-full-length-home-renovation-concept_169016-7324.jpg",
|
||||
imageAlt: "electrician working home wiring",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-working-near-board-with-wires-installation-connection-electrics_169016-5875.jpg",
|
||||
imageAlt: "electrician working home wiring",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-overalls-against-backdrop-emergency-lighting_169016-66534.jpg",
|
||||
imageAlt: "electrician working home wiring",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-working-near-board-with-wires-installation-connection-electrics_169016-5877.jpg",
|
||||
imageAlt: "electrician working home wiring",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/electrician-installs-sockets-apartment-checking-installed-sockets-wall-apartment-with-laser-level-selective-focus-sockets_166373-2201.jpg", imageAlt: "electrician working home wiring" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/electrician-builder-work-installation-sockets-switches_169016-51570.jpg", imageAlt: "electrician working home wiring" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/professional-overalls-with-tools-background-repair-site-full-length-home-renovation-concept_169016-7324.jpg", imageAlt: "electrician working home wiring" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/electrician-working-near-board-with-wires-installation-connection-electrics_169016-5875.jpg", imageAlt: "electrician working home wiring" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-overalls-against-backdrop-emergency-lighting_169016-66534.jpg", imageAlt: "electrician working home wiring" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/electrician-working-near-board-with-wires-installation-connection-electrics_169016-5877.jpg", imageAlt: "electrician working home wiring" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -96,24 +62,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Star,
|
||||
title: "Bewertungen",
|
||||
value: "4,9",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Clock,
|
||||
title: "Pünktlichkeit",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: ShieldCheck,
|
||||
title: "Zufriedenheit",
|
||||
value: "Hoch",
|
||||
},
|
||||
{ id: "m1", icon: Star, title: "Bewertungen", value: "4,9" },
|
||||
{ id: "m2", icon: Clock, title: "Pünktlichkeit", value: "100%" },
|
||||
{ id: "m3", icon: ShieldCheck, title: "Zufriedenheit", value: "Hoch" }
|
||||
]}
|
||||
title="Überzeugende Qualität"
|
||||
description="Unsere Werte im Überblick."
|
||||
@@ -127,47 +78,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Elektroinstallation",
|
||||
description: "Moderne Leitungen und Technik.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-with-electrical-connecting-cable_169016-18335.jpg",
|
||||
imageAlt: "skilled electrician inspecting cables",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boy-child-holding-hand-tools-electric-screwdriver_1150-12591.jpg",
|
||||
imageAlt: "skilled electrician inspecting cables",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-installs-sockets-apartment-checking-installed-sockets-wall-apartment-with-laser-level-selective-focus-sockets_166373-2201.jpg?_wi=2",
|
||||
imageAlt: "skilled electrician inspecting cables",
|
||||
title: "Elektroinstallation", description: "Moderne Leitungen und Technik.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-with-electrical-connecting-cable_169016-18335.jpg", imageAlt: "skilled electrician inspecting cables" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/boy-child-holding-hand-tools-electric-screwdriver_1150-12591.jpg", imageAlt: "skilled electrician inspecting cables" }
|
||||
},
|
||||
{
|
||||
title: "Reparatur & Fehler",
|
||||
description: "Schnelle Hilfe bei Defekten.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-worker-holding-toolbox_23-2148428312.jpg",
|
||||
imageAlt: "skilled electrician inspecting cables",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-overalls-against-backdrop-emergency-lighting_169016-66411.jpg",
|
||||
imageAlt: "skilled electrician inspecting cables",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153828.jpg?_wi=1",
|
||||
imageAlt: "skilled electrician inspecting cables",
|
||||
title: "Reparatur & Fehler", description: "Schnelle Hilfe bei Defekten.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-worker-holding-toolbox_23-2148428312.jpg", imageAlt: "skilled electrician inspecting cables" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-works-switchboard-overalls-against-backdrop-emergency-lighting_169016-66411.jpg", imageAlt: "skilled electrician inspecting cables" }
|
||||
},
|
||||
{
|
||||
title: "E-Mobilität",
|
||||
description: "Wallbox Planung & Bau.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-with-hard-hat-carrying-rope_23-2148773447.jpg",
|
||||
imageAlt: "skilled electrician inspecting cables",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-working-switchboard-with-electrical-connection-cable_169016-51119.jpg",
|
||||
imageAlt: "skilled electrician inspecting cables",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-young-woman-giving-thumbs-up-standing-isolated-rosy_176532-7958.jpg?_wi=1",
|
||||
imageAlt: "skilled electrician inspecting cables",
|
||||
},
|
||||
title: "E-Mobilität", description: "Wallbox Planung & Bau.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/worker-with-hard-hat-carrying-rope_23-2148773447.jpg", imageAlt: "skilled electrician inspecting cables" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/male-electrician-working-switchboard-with-electrical-connection-cable_169016-51119.jpg", imageAlt: "skilled electrician inspecting cables" }
|
||||
}
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
title="Unsere Leistungen"
|
||||
@@ -193,52 +114,13 @@ export default function LandingPage() {
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
description="Kundenstimmen"
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Super Service",
|
||||
quote: "Wirklich sehr freundlicher und schneller Service.",
|
||||
name: "Tom",
|
||||
role: "Kunde",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153828.jpg?_wi=2",
|
||||
imageAlt: "smiling customer portrait",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Perfekte Wallbox",
|
||||
quote: "Installation reibungslos verlaufen. 5 Sterne.",
|
||||
name: "Y. Zimmermann",
|
||||
role: "Kunde",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-young-woman-giving-thumbs-up-standing-isolated-rosy_176532-7958.jpg?_wi=2",
|
||||
imageAlt: "smiling client studio lighting",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Schnell & Fair",
|
||||
quote: "Sehr freundlich und hervorragende Arbeit.",
|
||||
name: "Ti Ke",
|
||||
role: "Kunde",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-stately-ginger-fellow-stylish-navy-t-shirt-smiling-showing-ok-sign-looking-camera-while-posing-blue-studio-background-human-facial-expressions-sincer_639032-2122.jpg",
|
||||
imageAlt: "smiling young person portrait",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "PV Profis",
|
||||
quote: "Problemloser Kontakt und Umsetzung auf Augenhöhe.",
|
||||
name: "Patrick Weber",
|
||||
role: "Kunde",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg",
|
||||
imageAlt: "professional headshot adult",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Top Fachbetrieb",
|
||||
quote: "Fachkompetent und verständlich erklärt.",
|
||||
name: "Sami El Hamdi",
|
||||
role: "Kunde",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-technology-leisure-concept_273609-6599.jpg",
|
||||
imageAlt: "smiling residential client portrait",
|
||||
},
|
||||
{ id: "t1", title: "Super Service", quote: "Wirklich sehr freundlicher und schneller Service.", name: "Tom", role: "Kunde", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153828.jpg", imageAlt: "smiling customer portrait" },
|
||||
{ id: "t2", title: "Perfekte Wallbox", quote: "Installation reibungslos verlaufen. 5 Sterne.", name: "Y. Zimmermann", role: "Kunde", imageSrc: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-young-woman-giving-thumbs-up-standing-isolated-rosy_176532-7958.jpg", imageAlt: "smiling client studio lighting" },
|
||||
{ id: "t3", title: "Schnell & Fair", quote: "Sehr freundlich und hervorragende Arbeit.", name: "Ti Ke", role: "Kunde", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-stately-ginger-fellow-stylish-navy-t-shirt-smiling-showing-ok-sign-looking-camera-while-posing-blue-studio-background-human-facial-expressions-sincer_639032-2122.jpg", imageAlt: "smiling young person portrait" },
|
||||
{ id: "t4", title: "PV Profis", quote: "Problemloser Kontakt und Umsetzung auf Augenhöhe.", name: "Patrick Weber", role: "Kunde", imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg", imageAlt: "professional headshot adult" },
|
||||
{ id: "t5", title: "Top Fachbetrieb", quote: "Fachkompetent und verständlich erklärt.", name: "Sami El Hamdi", role: "Kunde", imageSrc: "http://img.b2bpic.net/free-photo/people-technology-leisure-concept_273609-6599.jpg", imageAlt: "smiling residential client portrait" }
|
||||
]}
|
||||
title="Was unsere Kunden sagen"
|
||||
/>
|
||||
@@ -248,21 +130,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Wie schnell sind Sie vor Ort?",
|
||||
content: "Bei dringenden Reparaturen meist zeitnah.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Sind die Preise transparent?",
|
||||
content: "Ja, wir kommunizieren Aufwände offen vorab.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Wallbox Installation möglich?",
|
||||
content: "Wir planen und installieren Ihre Wallbox komplett.",
|
||||
},
|
||||
{ id: "f1", title: "Wie schnell sind Sie vor Ort?", content: "Bei dringenden Reparaturen meist zeitnah." },
|
||||
{ id: "f2", title: "Sind die Preise transparent?", content: "Ja, wir kommunizieren Aufwände offen vorab." },
|
||||
{ id: "f3", title: "Wallbox Installation möglich?", content: "Wir planen und installieren Ihre Wallbox komplett." }
|
||||
]}
|
||||
sideTitle="Häufige Fragen"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -272,9 +142,7 @@ export default function LandingPage() {
|
||||
<div id="kontakt" data-section="kontakt">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Kontakt"
|
||||
title="Sie brauchen einen Elektriker?"
|
||||
description="Schreiben Sie uns für eine Ersteinschätzung."
|
||||
@@ -286,32 +154,8 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/black-lamp-with-light-bulb_1232-1243.jpg"
|
||||
logoText="Knuspers Elektrotechnik"
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Kontakt",
|
||||
items: [
|
||||
{
|
||||
label: "Anrufen",
|
||||
href: "tel:000",
|
||||
},
|
||||
{
|
||||
label: "E-Mail",
|
||||
href: "mailto:test@test.de",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Links", items: [{ label: "Impressum", href: "#" }, { label: "Datenschutz", href: "#" }] },
|
||||
{ title: "Kontakt", items: [{ label: "Anrufen", href: "tel:000" }, { label: "E-Mail", href: "mailto:test@test.de" }] }
|
||||
]}
|
||||
imageAlt="electrician working home wiring"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user