Merge version_1 into main #1
275
src/app/page.tsx
275
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "Leistungen",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Über uns",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Leistungen", id: "features" },
|
||||
{ name: "Über uns", id: "about" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="ms Elektrotechnik"
|
||||
/>
|
||||
@@ -55,77 +43,31 @@ export default function LandingPage() {
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Ihr Fachbetrieb für Elektrotechnik"
|
||||
description="Wir sind für Sie rund um die Uhr im Einsatz - wir reparieren, installieren, konfigurieren und sanieren Ihre Anlagen mit höchster Sorgfalt."
|
||||
kpis={[
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Einsatzbereit",
|
||||
},
|
||||
{
|
||||
value: "Fachbetrieb",
|
||||
label: "Kompetenz",
|
||||
},
|
||||
{
|
||||
value: "Top",
|
||||
label: "Qualität",
|
||||
},
|
||||
{ value: "24/7", label: "Einsatzbereit" },
|
||||
{ value: "Fachbetrieb", label: "Kompetenz" },
|
||||
{ value: "Top", label: "Qualität" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/team-solar-panels-plant-managers-engineer-discussing-how-harness-sun-power-teamworking_482257-135632.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-successful-executive_1098-564.jpg",
|
||||
alt: "Kunde",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-natural-girl-with-short-hair-wearing-blue-blouse-looking-down-sideways-standing-white-background-your-logo_176420-52216.jpg",
|
||||
alt: "Kunde",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg",
|
||||
alt: "Kunde",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",
|
||||
alt: "Kunde",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-satisfied-bearded-guy-white-shirt-showing-thumbs-up-approval-like-agree-positiv_1258-113975.jpg",
|
||||
alt: "Kunde",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-successful-executive_1098-564.jpg", alt: "Kunde" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-natural-girl-with-short-hair-wearing-blue-blouse-looking-down-sideways-standing-white-background-your-logo_176420-52216.jpg", alt: "Kunde" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg", alt: "Kunde" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg", alt: "Kunde" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-satisfied-bearded-guy-white-shirt-showing-thumbs-up-approval-like-agree-positiv_1258-113975.jpg", alt: "Kunde" },
|
||||
]}
|
||||
avatarText="Über 500 zufriedene Kunden"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Installation",
|
||||
icon: Zap,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Sicherheitstechnik",
|
||||
icon: Shield,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Smart Home",
|
||||
icon: Smartphone,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Wartung",
|
||||
icon: Wrench,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Notdienst",
|
||||
icon: Phone,
|
||||
},
|
||||
{ type: "text-icon", text: "Installation", icon: Zap },
|
||||
{ type: "text-icon", text: "Sicherheitstechnik", icon: Shield },
|
||||
{ type: "text-icon", text: "Smart Home", icon: Smartphone },
|
||||
{ type: "text-icon", text: "Wartung", icon: Wrench },
|
||||
{ type: "text-icon", text: "Notdienst", icon: Phone },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -135,21 +77,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Über ms Elektrotechnik"
|
||||
metrics={[
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Installation",
|
||||
value: "Präzise",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Sicherheit",
|
||||
value: "Geprüft",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Erfahrung",
|
||||
value: "Langjährig",
|
||||
},
|
||||
{ icon: Zap, label: "Installation", value: "Präzise" },
|
||||
{ icon: Shield, label: "Sicherheit", value: "Geprüft" },
|
||||
{ icon: CheckCircle, label: "Erfahrung", value: "Langjährig" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -161,36 +91,12 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
icon: Lock,
|
||||
title: "Einbruchschutz",
|
||||
description: "Schützen Sie Ihr Eigentum mit modernster Sicherheitstechnik.",
|
||||
},
|
||||
{
|
||||
icon: Bell,
|
||||
title: "Rauchmelder",
|
||||
description: "Installation und Wartung für optimalen Brandschutz.",
|
||||
},
|
||||
{
|
||||
icon: Phone,
|
||||
title: "Türsprechanlagen",
|
||||
description: "Moderne Video-Sprechanlagen für Ihre Sicherheit.",
|
||||
},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Zutrittskontrollen",
|
||||
description: "Kontrolle per Smartphone für maximalen Komfort.",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Überspannungsschutz",
|
||||
description: "Schutz Ihrer wertvollen Elektroinstallationen.",
|
||||
},
|
||||
{
|
||||
icon: Settings,
|
||||
title: "Torantriebe",
|
||||
description: "Automatisierung Ihrer Tore mit modernster Technik.",
|
||||
},
|
||||
{ icon: Lock, title: "Einbruchschutz", description: "Schützen Sie Ihr Eigentum mit modernster Sicherheitstechnik." },
|
||||
{ icon: Bell, title: "Rauchmelder", description: "Installation und Wartung für optimalen Brandschutz." },
|
||||
{ icon: Phone, title: "Türsprechanlagen", description: "Moderne Video-Sprechanlagen für Ihre Sicherheit." },
|
||||
{ icon: ShieldCheck, title: "Zutrittskontrollen", description: "Kontrolle per Smartphone für maximalen Komfort." },
|
||||
{ icon: Zap, title: "Überspannungsschutz", description: "Schutz Ihrer wertvollen Elektroinstallationen." },
|
||||
{ icon: Settings, title: "Torantriebe", description: "Automatisierung Ihrer Tore mit modernster Technik." },
|
||||
]}
|
||||
title="Unsere Leistungen"
|
||||
description="Intelligent modernisieren – wir bieten innovative Lösungen für Sicherheit und Komfort in Ihrem Zuhause."
|
||||
@@ -204,21 +110,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
description: "Kundenzufriedenheit",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
description: "Service-Einsatz",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "1000+",
|
||||
description: "Installationen",
|
||||
},
|
||||
{ id: "m1", value: "100%", description: "Kundenzufriedenheit" },
|
||||
{ id: "m2", value: "24/7", description: "Service-Einsatz" },
|
||||
{ id: "m3", value: "1000+", description: "Installationen" },
|
||||
]}
|
||||
title="Zahlen und Fakten"
|
||||
description="Wir stehen für Qualität und Zuverlässigkeit in jeder Situation."
|
||||
@@ -232,26 +126,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Familie Weber"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-businesswoman-headphones-beige-suit-looking-camera-with-thoughtful-gaze-posing_1258-194015.jpg",
|
||||
alt: "Familie Weber",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/looking-arrogant-successful-positive-proud-pointing-self_1194-632375.jpg",
|
||||
alt: "Kunde 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/brunette-woman-standing-bricks-wall-smiling-with-happy-face-looking-pointing-side-with-thumb-up_839833-15096.jpg",
|
||||
alt: "Kunde 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg",
|
||||
alt: "Kunde 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-talking-phone-kitchen_23-2148254569.jpg",
|
||||
alt: "Kunde 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/confident-businesswoman-headphones-beige-suit-looking-camera-with-thoughtful-gaze-posing_1258-194015.jpg", alt: "Familie Weber" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/looking-arrogant-successful-positive-proud-pointing-self_1194-632375.jpg", alt: "Kunde 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/brunette-woman-standing-bricks-wall-smiling-with-happy-face-looking-pointing-side-with-thumb-up_839833-15096.jpg", alt: "Kunde 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg", alt: "Kunde 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-talking-phone-kitchen_23-2148254569.jpg", alt: "Kunde 5" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -262,15 +141,9 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
description="Wir arbeiten mit führenden Partnern zusammen."
|
||||
names={[
|
||||
"e-masters",
|
||||
"TechnikPartner",
|
||||
"Sicherheitsverband",
|
||||
"Handwerkskammer",
|
||||
"QualitätsInstanz",
|
||||
"SmartHomeAllianz",
|
||||
"InnovationsPortal",
|
||||
]}
|
||||
"e-masters", "TechnikPartner", "Sicherheitsverband", "Handwerkskammer", "QualitätsInstanz", "SmartHomeAllianz", "InnovationsPortal"]}
|
||||
title="Unsere Partner & Zertifizierungen"
|
||||
/>
|
||||
</div>
|
||||
@@ -280,21 +153,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Bieten Sie Notdienst an?",
|
||||
content: "Ja, wir sind für Sie rund um die Uhr im Einsatz.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Wie installiere ich einen Rauchmelder?",
|
||||
content: "Wir übernehmen die fachgerechte Installation und Wartung.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Was kostet ein Überspannungsschutz?",
|
||||
content: "Das hängt von der Komplexität ab, wir beraten Sie gerne individuell.",
|
||||
},
|
||||
{ id: "f1", title: "Bieten Sie Notdienst an?", content: "Ja, wir sind für Sie rund um die Uhr im Einsatz." },
|
||||
{ id: "f2", title: "Wie installiere ich einen Rauchmelder?", content: "Wir übernehmen die fachgerechte Installation und Wartung." },
|
||||
{ id: "f3", title: "Was kostet ein Überspannungsschutz?", content: "Das hängt von der Komplexität ab, wir beraten Sie gerne individuell." },
|
||||
]}
|
||||
title="Häufige Fragen"
|
||||
description="Alles was Sie über unsere Services wissen müssen."
|
||||
@@ -308,24 +169,10 @@ export default function LandingPage() {
|
||||
title="Kontaktieren Sie uns"
|
||||
description="Wir freuen uns auf Ihre Anfrage für Ihr nächstes Projekt."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "E-Mail",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "E-Mail", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Ihre Nachricht",
|
||||
rows: 4,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Ihre Nachricht", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/construction-plans-with-white-helmet-drawing-tools-bluepr_1232-2917.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -335,37 +182,17 @@ export default function LandingPage() {
|
||||
logoText="ms Elektrotechnik"
|
||||
columns={[
|
||||
{
|
||||
title: "Kontakt",
|
||||
items: [
|
||||
{
|
||||
label: "Im Höning 20",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "63820 Elsenfeld",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "+49-6022-710100",
|
||||
href: "tel:+496022710100",
|
||||
},
|
||||
title: "Kontakt", items: [
|
||||
{ label: "Im Höning 20", href: "#" },
|
||||
{ label: "63820 Elsenfeld", href: "#" },
|
||||
{ label: "+49-6022-710100", href: "tel:+496022710100" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Karriere",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Ausbildung",
|
||||
href: "#",
|
||||
},
|
||||
title: "Navigation", items: [
|
||||
{ label: "Home", href: "#" },
|
||||
{ label: "Karriere", href: "#" },
|
||||
{ label: "Ausbildung", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user