From ab336c4a7361ac72571ddb3e4676ca4c0cd7708b Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 27 May 2026 08:46:00 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 245 +++++++++-------------------------------------- 1 file changed, 46 insertions(+), 199 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 78f46c7..8f8d257 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -33,17 +33,11 @@ export default function LandingPage() { @@ -52,46 +46,29 @@ export default function LandingPage() {
@@ -104,47 +81,17 @@ export default function LandingPage() { useInvertedBackground={true} products={[ { - id: "p1", - name: "Schnittkunst Berlin", - price: "Friseur", - imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-styling-clients-hair_107420-94689.jpg", - imageAlt: "Website-Vorschau Friseursalon", - }, + id: "p1", name: "Schnittkunst Berlin", price: "Friseur", imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-styling-clients-hair_107420-94689.jpg", imageAlt: "Website-Vorschau Friseursalon"}, { - id: "p2", - name: "La Piazza Neukölln", - price: "Pizzeria", - imageSrc: "http://img.b2bpic.net/free-photo/background-place-outdoor-tourism-dinner_1220-1243.jpg", - imageAlt: "Website-Vorschau Pizzeria", - }, + id: "p2", name: "La Piazza Neukölln", price: "Pizzeria", imageSrc: "http://img.b2bpic.net/free-photo/background-place-outdoor-tourism-dinner_1220-1243.jpg", imageAlt: "Website-Vorschau Pizzeria"}, { - id: "p3", - name: "Glam Nails Berlin", - price: "Nagel-Studio", - imageSrc: "http://img.b2bpic.net/free-photo/decoration-details-modern-wellness-center-with-flower-vase-candles_1139-1699.jpg", - imageAlt: "Website-Vorschau Nagelstudio", - }, + id: "p3", name: "Glam Nails Berlin", price: "Nagel-Studio", imageSrc: "http://img.b2bpic.net/free-photo/decoration-details-modern-wellness-center-with-flower-vase-candles_1139-1699.jpg", imageAlt: "Website-Vorschau Nagelstudio"}, { - id: "p4", - name: "Kaffeekult Mitte", - price: "Café", - imageSrc: "http://img.b2bpic.net/free-photo/startup-business-teamwork-concept-group-perspective-young-people-meeting-big-modern-library-talking-about-profits-last-project-looking-through-papers-smiling-having-productive-tim_176420-8298.jpg", - imageAlt: "Website-Vorschau Café", - }, + id: "p4", name: "Kaffeekult Mitte", price: "Café", imageSrc: "http://img.b2bpic.net/free-photo/startup-business-teamwork-concept-group-perspective-young-people-meeting-big-modern-library-talking-about-profits-last-project-looking-through-papers-smiling-having-productive-tim_176420-8298.jpg", imageAlt: "Website-Vorschau Café"}, { - id: "p5", - name: "Stilvoll Boutique", - price: "Shop", - imageSrc: "http://img.b2bpic.net/free-photo/woman-buying-stuff-decoration-store_1303-24632.jpg", - imageAlt: "Website-Vorschau Boutique", - }, + id: "p5", name: "Stilvoll Boutique", price: "Shop", imageSrc: "http://img.b2bpic.net/free-photo/woman-buying-stuff-decoration-store_1303-24632.jpg", imageAlt: "Website-Vorschau Boutique"}, { - id: "p6", - name: "Praxis Dr. Müller", - price: "Arztpraxis", - imageSrc: "http://img.b2bpic.net/free-photo/empty-hallway-background_23-2149408810.jpg", - imageAlt: "Website-Vorschau Arztpraxis", - }, + id: "p6", name: "Praxis Dr. Müller", price: "Arztpraxis", imageSrc: "http://img.b2bpic.net/free-photo/empty-hallway-background_23-2149408810.jpg", imageAlt: "Website-Vorschau Arztpraxis"}, ]} title="Meine Projekte — Live Demos" description="Entdecken Sie eine Auswahl meiner erfolgreich umgesetzten Websites für lokale Berliner Unternehmen." @@ -159,25 +106,13 @@ export default function LandingPage() { useInvertedBackground={false} metrics={[ { - id: "m1", - value: "5 Tage", - title: "Fertig in 5 Tagen", - description: "Kein Warten. Kein Drama. Ihre Website ist schnell online.", - icon: Zap, + id: "m1", value: "5 Tage", title: "Fertig in 5 Tagen", description: "Kein Warten. Kein Drama. Ihre Website ist schnell online.", icon: Zap, }, { - id: "m2", - value: "Mobil", - title: "Mobil-optimiert", - description: "Perfekt auf jedem Gerät – vom Smartphone bis zum Desktop.", - icon: Smartphone, + id: "m2", value: "Mobil", title: "Mobil-optimiert", description: "Perfekt auf jedem Gerät – vom Smartphone bis zum Desktop.", icon: Smartphone, }, { - id: "m3", - value: "Ab €299", - title: "Fairer Preis", - description: "Einmalig. Transparent. Kein Abo.", - icon: DollarSign, + id: "m3", value: "Ab €299", title: "Fairer Preis", description: "Einmalig. Transparent. Kein Abo.", icon: DollarSign, }, ]} title="Was ich anbiete" @@ -191,50 +126,15 @@ export default function LandingPage() { useInvertedBackground={true} testimonials={[ { - id: "t1", - title: "Professioneller Service", - quote: "Tizian hat unsere Erwartungen übertroffen! Unsere neue Website ist modern, schnell und genau das, was wir für unser Geschäft brauchten. Absolut empfehlenswert!", - name: "Anna Schmidt", - role: "Inhaberin, 'Blumen & Stil'", - imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", - imageAlt: "Anna Schmidt", - }, + id: "t1", title: "Professioneller Service", quote: "Tizian hat unsere Erwartungen übertroffen! Unsere neue Website ist modern, schnell und genau das, was wir für unser Geschäft brauchten. Absolut empfehlenswert!", name: "Anna Schmidt", role: "Inhaberin, 'Blumen & Stil'", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", imageAlt: "Anna Schmidt"}, { - id: "t2", - title: "Schnell und Effizient", - quote: "Ich war beeindruckt, wie schnell Tizian unsere neue Website umgesetzt hat. Der gesamte Prozess war reibungslos und das Ergebnis spricht für sich. Danke!", - name: "Max Meier", - role: "Restaurantleiter, 'Gaststätte 'Zum Krug'", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204386.jpg", - imageAlt: "Max Meier", - }, + id: "t2", title: "Schnell und Effizient", quote: "Ich war beeindruckt, wie schnell Tizian unsere neue Website umgesetzt hat. Der gesamte Prozess war reibungslos und das Ergebnis spricht für sich. Danke!", name: "Max Meier", role: "Restaurantleiter, 'Gaststätte 'Zum Krug'", imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204386.jpg", imageAlt: "Max Meier"}, { - id: "t3", - title: "Exzellentes Design", - quote: "Unsere Kunden lieben die neue Website! Sie ist nicht nur wunderschön, sondern auch super einfach zu bedienen. Tizian hat unser Salon perfekt online repräsentiert.", - name: "Julia Weber", - role: "Inhaberin, 'Schönheitswelt'", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67053.jpg", - imageAlt: "Julia Weber", - }, + id: "t3", title: "Exzellentes Design", quote: "Unsere Kunden lieben die neue Website! Sie ist nicht nur wunderschön, sondern auch super einfach zu bedienen. Tizian hat unser Salon perfekt online repräsentiert.", name: "Julia Weber", role: "Inhaberin, 'Schönheitswelt'", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67053.jpg", imageAlt: "Julia Weber"}, { - id: "t4", - title: "Umfassende Unterstützung", - quote: "Von der ersten Idee bis zum Launch – Tizian war immer zur Stelle und hat uns hervorragend beraten. Das Preis-Leistungs-Verhältnis ist unschlagbar.", - name: "Dr. Erik Bergmann", - role: "Zahnarzt, 'Praxis Bergmann'", - imageSrc: "http://img.b2bpic.net/free-photo/clothes-designer-working-store_23-2148915559.jpg", - imageAlt: "Dr. Erik Bergmann", - }, + id: "t4", title: "Umfassende Unterstützung", quote: "Von der ersten Idee bis zum Launch – Tizian war immer zur Stelle und hat uns hervorragend beraten. Das Preis-Leistungs-Verhältnis ist unschlagbar.", name: "Dr. Erik Bergmann", role: "Zahnarzt, 'Praxis Bergmann'", imageSrc: "http://img.b2bpic.net/free-photo/clothes-designer-working-store_23-2148915559.jpg", imageAlt: "Dr. Erik Bergmann"}, { - id: "t5", - title: "Wirkungsvoll und Modern", - quote: "Unsere alte Website war dringend überholungsbedürftig. Tizian hat eine frische, moderne Seite geschaffen, die sofort mehr Anfragen generiert hat. Fantastische Arbeit!", - name: "Laura Klein", - role: "Shop-Managerin, 'Kleine Kostbarkeiten'", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-hispanic-cheerful-female-with-curly-hair_181624-53321.jpg", - imageAlt: "Laura Klein", - }, + id: "t5", title: "Wirkungsvoll und Modern", quote: "Unsere alte Website war dringend überholungsbedürftig. Tizian hat eine frische, moderne Seite geschaffen, die sofort mehr Anfragen generiert hat. Fantastische Arbeit!", name: "Laura Klein", role: "Shop-Managerin, 'Kleine Kostbarkeiten'", imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-hispanic-cheerful-female-with-curly-hair_181624-53321.jpg", imageAlt: "Laura Klein"}, ]} title="Was meine Kunden sagen" description="Echte Worte von lokalen Geschäftsinhabern, die ich auf ihrem Weg zum Online-Erfolg unterstützt habe." @@ -248,29 +148,13 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "1. Gespräch (15 Min Call)", - description: "Wir lernen uns kennen und besprechen Ihre Vision und Ziele für die Website.", - imageSrc: "http://img.b2bpic.net/free-photo/cinema-still-life_23-2148017326.jpg", - imageAlt: "Telefonat Symbol", - }, + title: "1. Gespräch (15 Min Call)", description: "Wir lernen uns kennen und besprechen Ihre Vision und Ziele für die Website.", imageSrc: "http://img.b2bpic.net/free-photo/cinema-still-life_23-2148017326.jpg", imageAlt: "Telefonat Symbol"}, { - title: "2. Design (Entwurf)", - description: "Ich zeige Ihnen einen ersten Entwurf, der Ihre Marke und Ihre Bedürfnisse widerspiegelt.", - imageSrc: "http://img.b2bpic.net/free-photo/diverse-team-analyzing-goods-quality-control-report-tablet_482257-84290.jpg", - imageAlt: "Design Entwurf Skizze", - }, + title: "2. Design (Entwurf)", description: "Ich zeige Ihnen einen ersten Entwurf, der Ihre Marke und Ihre Bedürfnisse widerspiegelt.", imageSrc: "http://img.b2bpic.net/free-photo/diverse-team-analyzing-goods-quality-control-report-tablet_482257-84290.jpg", imageAlt: "Design Entwurf Skizze"}, { - title: "3. Umsetzung (Feedback)", - description: "Sie geben Feedback, und ich nehme Anpassungen vor, bis alles perfekt ist.", - imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-comfortable-man-quarantine-home-using-laptop-work_23-2148740911.jpg", - imageAlt: "Feedback Schleife", - }, + title: "3. Umsetzung (Feedback)", description: "Sie geben Feedback, und ich nehme Anpassungen vor, bis alles perfekt ist.", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-comfortable-man-quarantine-home-using-laptop-work_23-2148740911.jpg", imageAlt: "Feedback Schleife"}, { - title: "4. Launch (Online)", - description: "Ihre Website geht live und ist bereit, neue Kunden zu begeistern.", - imageSrc: "http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-160210.jpg", - imageAlt: "Launch Rakete", - }, + title: "4. Launch (Online)", description: "Ihre Website geht live und ist bereit, neue Kunden zu begeistern.", imageSrc: "http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-160210.jpg", imageAlt: "Launch Rakete"}, ]} title="Mein einfacher Arbeitsprozess" description="In nur 4 Schritten zu Ihrer neuen, professionellen Online-Präsenz." @@ -283,25 +167,13 @@ export default function LandingPage() { useInvertedBackground={true} faqs={[ { - id: "f1", - title: "Wie lange dauert es, bis meine Website fertig ist?", - content: "In der Regel ist Ihre einseitige Website innerhalb von 5 Werktagen nach Erhalt aller Inhalte fertig. Bei komplexeren Projekten kann es etwas länger dauern.", - }, + id: "f1", title: "Wie lange dauert es, bis meine Website fertig ist?", content: "In der Regel ist Ihre einseitige Website innerhalb von 5 Werktagen nach Erhalt aller Inhalte fertig. Bei komplexeren Projekten kann es etwas länger dauern."}, { - id: "f2", - title: "Was ist im Preis von €299 enthalten?", - content: "Der Starter-Preis von €299 beinhaltet eine professionelle, einseitige und mobil-optimierte Website, die innerhalb von 5 Tagen fertiggestellt wird, inklusive einer Revisionsrunde.", - }, + id: "f2", title: "Was ist im Preis von €299 enthalten?", content: "Der Starter-Preis von €299 beinhaltet eine professionelle, einseitige und mobil-optimierte Website, die innerhalb von 5 Tagen fertiggestellt wird, inklusive einer Revisionsrunde."}, { - id: "f3", - title: "Brauche ich ein Abo oder fallen versteckte Kosten an?", - content: "Nein, mein Angebot ist transparent und einmalig. Es gibt keine versteckten Kosten oder monatlichen Abos für die Website selbst.", - }, + id: "f3", title: "Brauche ich ein Abo oder fallen versteckte Kosten an?", content: "Nein, mein Angebot ist transparent und einmalig. Es gibt keine versteckten Kosten oder monatlichen Abos für die Website selbst."}, { - id: "f4", - title: "Kann ich meine Website später erweitern?", - content: "Ja, Ihre Website kann jederzeit erweitert und angepasst werden, um mit Ihrem Geschäft zu wachsen. Sprechen Sie mich einfach an, um die Möglichkeiten zu besprechen.", - }, + id: "f4", title: "Kann ich meine Website später erweitern?", content: "Ja, Ihre Website kann jederzeit erweitert und angepasst werden, um mit Ihrem Geschäft zu wachsen. Sprechen Sie mich einfach an, um die Möglichkeiten zu besprechen."}, ]} title="Häufig gestellte Fragen" description="Antworten auf die wichtigsten Fragen rund um mein Webdesign-Angebot." @@ -317,42 +189,17 @@ export default function LandingPage() { useInvertedBackground={false} plans={[ { - id: "starter", - title: "Starter", - price: "€299", - period: "Einmalig", - features: [ - "1-seitige Website", - "Fertig in 5 Tagen", - "Mobil-optimiert", - "1 Revisionsrunde", - ], + id: "starter", title: "Starter", price: "€299", period: "Einmalig", features: [ + "1-seitige Website", "Fertig in 5 Tagen", "Mobil-optimiert", "1 Revisionsrunde"], button: { - text: "Jetzt starten", - href: "#kontakt", - }, - imageSrc: "http://img.b2bpic.net/free-photo/vivid-blurred-colorful-wallpaper-background_58702-3862.jpg", - imageAlt: "Vivid blurred colorful wallpaper background", - }, + text: "Jetzt starten", href: "#kontakt"}, + imageSrc: "http://img.b2bpic.net/free-photo/vivid-blurred-colorful-wallpaper-background_58702-3862.jpg", imageAlt: "Vivid blurred colorful wallpaper background"}, { - id: "professional", - title: "Professional", - price: "€599", - period: "Einmalig", - features: [ - "Mehrere Seiten", - "SEO-Grundlagen", - "Google Maps eingebunden", - "3 Revisionsrunden", - "Prioritärer Support", - ], + id: "professional", title: "Professional", price: "€599", period: "Einmalig", features: [ + "Mehrere Seiten", "SEO-Grundlagen", "Google Maps eingebunden", "3 Revisionsrunden", "Prioritärer Support"], button: { - text: "Beliebtes Paket", - href: "#kontakt", - }, - imageSrc: "http://img.b2bpic.net/free-photo/vivid-blurred-colorful-wallpaper-background_58702-3854.jpg?_wi=2", - imageAlt: "Vivid blurred colorful wallpaper background", - }, + text: "Beliebtes Paket", href: "#kontakt"}, + imageSrc: "http://img.b2bpic.net/free-photo/vivid-blurred-colorful-wallpaper-background_58702-3854.jpg", imageAlt: "Vivid blurred colorful wallpaper background"}, ]} title="Transparente Preise" description="Wählen Sie das Paket, das am besten zu Ihrem lokalen Geschäft passt." @@ -363,13 +210,11 @@ export default function LandingPage() { alert('Formularfunktion hier implementieren')", + text: "Nachricht senden", onClick: () => alert('Formularfunktion hier implementieren'), }, ]} /> @@ -378,6 +223,8 @@ export default function LandingPage() { -- 2.49.1