Merge version_1 into main #1
316
src/app/page.tsx
316
src/app/page.tsx
@@ -31,24 +31,13 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Start",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Leistungen",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Produkte",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Start", id: "hero" },
|
||||
{ name: "Leistungen", id: "features" },
|
||||
{ name: "Produkte", id: "products" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="Mems Keys"
|
||||
button={{ text: "Anmelden", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -57,71 +46,21 @@ export default function LandingPage() {
|
||||
title="Mems Keys – Präzision für Ihr Fahrzeug"
|
||||
description="Luxuriöse Autoschlüssel-Lösungen und modernste Programmiertechnik. Wir verbinden Ästhetik mit kompromissloser Funktionalität."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Markus S.",
|
||||
handle: "@markus",
|
||||
testimonial: "Exzellenter Service! Mein Schlüssel sieht besser aus als das Original.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-emotions-standing-front-car_1303-15200.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elena V.",
|
||||
handle: "@elena",
|
||||
testimonial: "Schnell, kompetent und absolut professionell.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-customers-car-dealership_23-2149106145.jpg",
|
||||
},
|
||||
{
|
||||
name: "Thomas B.",
|
||||
handle: "@thomas",
|
||||
testimonial: "Das Niveau an Details ist unschlagbar.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-independent-woman-buying-new-car_23-2149571898.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah K.",
|
||||
handle: "@sarah",
|
||||
testimonial: "Endlich ein zuverlässiger Partner für meine Schlüssel.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-caucasian-adult-brunette-woman-smiles-puts-her-thumb-forefinger-together-showing-that-everything-is-ok_197531-31190.jpg",
|
||||
},
|
||||
{
|
||||
name: "Jens M.",
|
||||
handle: "@jens",
|
||||
testimonial: "Einfach erstklassig. Klare Empfehlung!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-car-showroom-choosing-car_1303-19007.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Leistungen entdecken",
|
||||
href: "#features",
|
||||
},
|
||||
{ name: "Markus S.", handle: "@markus", testimonial: "Exzellenter Service! Mein Schlüssel sieht besser aus als das Original.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-emotions-standing-front-car_1303-15200.jpg" },
|
||||
{ name: "Elena V.", handle: "@elena", testimonial: "Schnell, kompetent und absolut professionell.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-customers-car-dealership_23-2149106145.jpg" },
|
||||
{ name: "Thomas B.", handle: "@thomas", testimonial: "Das Niveau an Details ist unschlagbar.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/financial-independent-woman-buying-new-car_23-2149571898.jpg" },
|
||||
{ name: "Sarah K.", handle: "@sarah", testimonial: "Endlich ein zuverlässiger Partner für meine Schlüssel.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-caucasian-adult-brunette-woman-smiles-puts-her-thumb-forefinger-together-showing-that-everything-is-ok_197531-31190.jpg" },
|
||||
{ name: "Jens M.", handle: "@jens", testimonial: "Einfach erstklassig. Klare Empfehlung!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/senior-man-car-showroom-choosing-car_1303-19007.jpg" },
|
||||
]}
|
||||
buttons={[{ text: "Leistungen entdecken", href: "#features" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/dark-vip-cinema-studio-still-life_23-2149500597.jpg"
|
||||
imageAlt="Luxuriöser Autoschlüssel"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-man-valet-holding-key_23-2149901404.jpg",
|
||||
alt: "High angle man and valet holding key",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-elegant-couple-car-salon_1157-22584.jpg",
|
||||
alt: "Stylish and elegant couple in a car salon",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/nice-woman-holding-key-medium-shot_23-2148266187.jpg",
|
||||
alt: "Nice woman holding key medium shot",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-photo-keys-lying-donw-inside-brand-new-modern-car_146671-16044.jpg",
|
||||
alt: "Close up photo of keys lying donw inside brand new modern car",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-hand-holding-car-key_23-2150321006.jpg",
|
||||
alt: "High angle hand holding car key",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/high-angle-man-valet-holding-key_23-2149901404.jpg", alt: "High angle man and valet holding key" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/stylish-elegant-couple-car-salon_1157-22584.jpg", alt: "Stylish and elegant couple in a car salon" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/nice-woman-holding-key-medium-shot_23-2148266187.jpg", alt: "Nice woman holding key medium shot" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-photo-keys-lying-donw-inside-brand-new-modern-car_146671-16044.jpg", alt: "Close up photo of keys lying donw inside brand new modern car" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/high-angle-hand-holding-car-key_23-2150321006.jpg", alt: "High angle hand holding car key" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -132,18 +71,9 @@ export default function LandingPage() {
|
||||
title="Handwerkskunst trifft Technologie"
|
||||
description="Wir bei Mems Keys haben uns darauf spezialisiert, verloren gegangene Sicherheit wiederherzustellen. Mit modernster Technik programmieren wir Ihren Schlüssel neu."
|
||||
metrics={[
|
||||
{
|
||||
value: "1000+",
|
||||
title: "Erfolgreiche Projekte",
|
||||
},
|
||||
{
|
||||
value: "99%",
|
||||
title: "Kundenzufriedenheit",
|
||||
},
|
||||
{
|
||||
value: "24h",
|
||||
title: "Servicezeit",
|
||||
},
|
||||
{ value: "1000+", title: "Erfolgreiche Projekte" },
|
||||
{ value: "99%", title: "Kundenzufriedenheit" },
|
||||
{ value: "24h", title: "Servicezeit" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/development-movements-radial-wrist-joint-functional-board-hand_169016-41384.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -156,34 +86,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Schlüssel-Programmierung",
|
||||
tags: [
|
||||
"Technik",
|
||||
"Präzision",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-car-key_23-2150320973.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Gehäuse-Austausch",
|
||||
tags: [
|
||||
"Luxus",
|
||||
"Optik",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-taking-care-electric-car_23-2149362823.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
name: "Notfall-Service",
|
||||
title: "Notfall-Service",
|
||||
tags: [
|
||||
"Schnell",
|
||||
"Direkt",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-with-client-car-service-station_1303-26917.jpg",
|
||||
},
|
||||
{ id: "f1", title: "Schlüssel-Programmierung", tags: ["Technik", "Präzision"], imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-car-key_23-2150320973.jpg" },
|
||||
{ id: "f2", title: "Gehäuse-Austausch", tags: ["Luxus", "Optik"], imageSrc: "http://img.b2bpic.net/free-photo/person-taking-care-electric-car_23-2149362823.jpg" },
|
||||
{ id: "f3", title: "Notfall-Service", tags: ["Schnell", "Direkt"], imageSrc: "http://img.b2bpic.net/free-photo/mechanic-with-client-car-service-station_1303-26917.jpg" },
|
||||
]}
|
||||
title="Unsere Leistungen"
|
||||
description="Wir bieten Ihnen mehr als nur Ersatz. Wir bieten Sicherheit, Design und Qualität."
|
||||
@@ -197,48 +102,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Sportline Edition",
|
||||
price: "149€",
|
||||
variant: "Edelstahl",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-hand-holding-handle-luxury-blue-car_7502-9817.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Business Class",
|
||||
price: "129€",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074256.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Carbon Concept",
|
||||
price: "189€",
|
||||
variant: "High-End",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-holding-car-keys_23-2148266063.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Classic Leather",
|
||||
price: "99€",
|
||||
variant: "Traditionell",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-key-computer-circuit-board_93675-129578.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Tech Future",
|
||||
price: "219€",
|
||||
variant: "Smart",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-patient-with-pulse-oximeter_23-2150165491.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Minimalist Gold",
|
||||
price: "249€",
|
||||
variant: "Luxus",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-holding-car-key_23-2150320963.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Sportline Edition", price: "149€", variant: "Edelstahl", imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-hand-holding-handle-luxury-blue-car_7502-9817.jpg" },
|
||||
{ id: "p2", name: "Business Class", price: "129€", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074256.jpg" },
|
||||
{ id: "p3", name: "Carbon Concept", price: "189€", variant: "High-End", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-holding-car-keys_23-2148266063.jpg" },
|
||||
{ id: "p4", name: "Classic Leather", price: "99€", variant: "Traditionell", imageSrc: "http://img.b2bpic.net/free-photo/close-up-key-computer-circuit-board_93675-129578.jpg" },
|
||||
{ id: "p5", name: "Tech Future", price: "219€", variant: "Smart", imageSrc: "http://img.b2bpic.net/free-photo/top-view-patient-with-pulse-oximeter_23-2150165491.jpg" },
|
||||
{ id: "p6", name: "Minimalist Gold", price: "249€", variant: "Luxus", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-holding-car-key_23-2150320963.jpg" },
|
||||
]}
|
||||
title="Unsere Kollektionen"
|
||||
description="Entdecken Sie die Vielfalt unserer premium Autoschlüssel."
|
||||
@@ -251,27 +120,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15",
|
||||
title: "Jahre Erfahrung",
|
||||
description: "Fachwissen garantiert.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/universal-cables-gadgets-neon-charging-data_169016-71502.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50+",
|
||||
title: "Marken unterstützt",
|
||||
description: "Vom Sportwagen bis zum SUV.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-sitting-inside-car-drinks-coffee_1157-34257.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5k+",
|
||||
title: "Schlüssel kopiert",
|
||||
description: "Erfahrung, die zählt.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tourist-objects_23-2147635438.jpg",
|
||||
},
|
||||
{ id: "m1", value: "15", title: "Jahre Erfahrung", description: "Fachwissen garantiert.", imageSrc: "http://img.b2bpic.net/free-photo/universal-cables-gadgets-neon-charging-data_169016-71502.jpg" },
|
||||
{ id: "m2", value: "50+", title: "Marken unterstützt", description: "Vom Sportwagen bis zum SUV.", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-sitting-inside-car-drinks-coffee_1157-34257.jpg" },
|
||||
{ id: "m3", value: "5k+", title: "Schlüssel kopiert", description: "Erfahrung, die zählt.", imageSrc: "http://img.b2bpic.net/free-photo/tourist-objects_23-2147635438.jpg" },
|
||||
]}
|
||||
title="Zahlen die überzeugen"
|
||||
description="Vertrauen ist die Basis unserer täglichen Arbeit."
|
||||
@@ -285,46 +136,11 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Christian L.",
|
||||
role: "Fahrer",
|
||||
company: "Sportwagen-Club",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-woman-giving-keys_23-2147635977.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sandra D.",
|
||||
role: "Besitzerin",
|
||||
company: "Privat",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-arab-man-wear-black-jeans-jacket-sunglasses-posed-against-business-modern-car-stylish-succesful-fashionable-arabian-model-guy_627829-13255.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Fritz H.",
|
||||
role: "KFZ-Profi",
|
||||
company: "Handel",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-talking-partner_1262-1998.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Bettina S.",
|
||||
role: "Kundin",
|
||||
company: "Premium",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-making-ok-sign_1368-6336.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Oliver K.",
|
||||
role: "Manager",
|
||||
company: "Logistik",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-executives-showing-thumbs-up_1098-1828.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Christian L.", role: "Fahrer", company: "Sportwagen-Club", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/professional-woman-giving-keys_23-2147635977.jpg" },
|
||||
{ id: "t2", name: "Sandra D.", role: "Besitzerin", company: "Privat", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fashion-arab-man-wear-black-jeans-jacket-sunglasses-posed-against-business-modern-car-stylish-succesful-fashionable-arabian-model-guy_627829-13255.jpg" },
|
||||
{ id: "t3", name: "Fritz H.", role: "KFZ-Profi", company: "Handel", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-talking-partner_1262-1998.jpg" },
|
||||
{ id: "t4", name: "Bettina S.", role: "Kundin", company: "Premium", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-making-ok-sign_1368-6336.jpg" },
|
||||
{ id: "t5", name: "Oliver K.", role: "Manager", company: "Logistik", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-executives-showing-thumbs-up_1098-1828.jpg" },
|
||||
]}
|
||||
title="Was Kunden sagen"
|
||||
description="Erfahren Sie, warum unsere Kunden uns vertrauen."
|
||||
@@ -336,21 +152,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Wie lange dauert eine Programmierung?",
|
||||
content: "In der Regel innerhalb von 30 Minuten.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Können Sie alle Marken bedienen?",
|
||||
content: "Wir unterstützen über 50 führende Fahrzeugmarken.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Haben Sie eine Garantie?",
|
||||
content: "Ja, wir bieten eine 12-monatige Garantie auf alle Arbeiten.",
|
||||
},
|
||||
{ id: "q1", title: "Wie lange dauert eine Programmierung?", content: "In der Regel innerhalb von 30 Minuten." },
|
||||
{ id: "q2", title: "Können Sie alle Marken bedienen?", content: "Wir unterstützen über 50 führende Fahrzeugmarken." },
|
||||
{ id: "q3", title: "Haben Sie eine Garantie?", content: "Ja, wir bieten eine 12-monatige Garantie auf alle Arbeiten." },
|
||||
]}
|
||||
title="Häufige Fragen"
|
||||
description="Alles was Sie über unsere Services wissen sollten."
|
||||
@@ -361,18 +165,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Kontakt"
|
||||
title="Bereit für einen neuen Schlüssel?"
|
||||
description="Schreiben Sie uns oder rufen Sie an. Wir freuen uns, Ihnen weiterzuhelfen."
|
||||
buttons={[
|
||||
{
|
||||
text: "Jetzt anfragen",
|
||||
href: "mailto:info@memskeys.de",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Jetzt anfragen", href: "mailto:info@memskeys.de" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -382,33 +179,16 @@ export default function LandingPage() {
|
||||
logoText="Mems Keys"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Start",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Leistungen",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Produkte",
|
||||
href: "#products",
|
||||
},
|
||||
title: "Navigation", items: [
|
||||
{ label: "Start", href: "#hero" },
|
||||
{ label: "Leistungen", href: "#features" },
|
||||
{ label: "Produkte", href: "#products" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Rechtliches",
|
||||
items: [
|
||||
{
|
||||
label: "Impressum",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Datenschutz",
|
||||
href: "#",
|
||||
},
|
||||
title: "Rechtliches", items: [
|
||||
{ label: "Impressum", href: "#" },
|
||||
{ label: "Datenschutz", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user