diff --git a/src/app/page.tsx b/src/app/page.tsx index fa51f59..21d0ea1 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -31,24 +31,13 @@ export default function LandingPage() { @@ -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" }, ]} /> @@ -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() {
@@ -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: "#" }, ], }, ]}