From bf5ca8f7e778d89354b1a99aa98f60945bea2fc3 Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 10 Jun 2026 20:13:02 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 299 +++++++++++------------------------------------ 1 file changed, 65 insertions(+), 234 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 13ba556..9b90693 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -33,30 +33,18 @@ export default function LandingPage() { @@ -64,51 +52,28 @@ export default function LandingPage() {
@@ -139,23 +101,11 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "Responsives Design", - description: "Ihre Website sieht auf jedem Gerät – vom Smartphone bis zum Desktop – perfekt aus und funktioniert einwandfrei.", - imageSrc: "http://img.b2bpic.net/free-photo/male-worker-holding-smartphone-with-horizontal-green-screen-business-office-young-adult-working-with-blank-chroma-key-isolated-template-with-mockup-background-mobile-phone-display_482257-40952.jpg", - imageAlt: "Website adapting to different devices", - }, + title: "Responsives Design", description: "Ihre Website sieht auf jedem Gerät – vom Smartphone bis zum Desktop – perfekt aus und funktioniert einwandfrei.", imageSrc: "http://img.b2bpic.net/free-photo/male-worker-holding-smartphone-with-horizontal-green-screen-business-office-young-adult-working-with-blank-chroma-key-isolated-template-with-mockup-background-mobile-phone-display_482257-40952.jpg", imageAlt: "Website adapting to different devices"}, { - title: "SEO-Optimierung", - description: "Wir optimieren Ihre Homepage, damit sie von potenziellen Kunden in Suchmaschinen besser gefunden wird.", - imageSrc: "http://img.b2bpic.net/free-photo/high-angle-keys-statistics-arrangement_23-2149386339.jpg", - imageAlt: "Magnifying glass over search bar", - }, + title: "SEO-Optimierung", description: "Wir optimieren Ihre Homepage, damit sie von potenziellen Kunden in Suchmaschinen besser gefunden wird.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-keys-statistics-arrangement_23-2149386339.jpg", imageAlt: "Magnifying glass over search bar"}, { - title: "Content-Management", - description: "Verwalten Sie Ihre Website-Inhalte einfach und flexibel – auch ohne technische Vorkenntnisse.", - imageSrc: "http://img.b2bpic.net/free-photo/call-center-manager-supervises-agents-logging-clients-interactions-csm-system_482257-117880.jpg", - imageAlt: "CMS dashboard with editing options", - }, + title: "Content-Management", description: "Verwalten Sie Ihre Website-Inhalte einfach und flexibel – auch ohne technische Vorkenntnisse.", imageSrc: "http://img.b2bpic.net/free-photo/call-center-manager-supervises-agents-logging-clients-interactions-csm-system_482257-117880.jpg", imageAlt: "CMS dashboard with editing options"}, ]} title="Maßgeschneiderte Web-Lösungen für Ihren Erfolg" description="Wir bieten umfassende Services, um Ihre Homepage nicht nur schön, sondern auch funktional und leistungsstark zu gestalten. Von der ersten Idee bis zur finalen Umsetzung sind wir Ihr zuverlässiger Partner." @@ -168,14 +118,7 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={true} names={[ - "Süße Ecke Bäckerei", - "Gaumenfreude Restaurant", - "Glanz & Gloria Salon", - "Blütenpracht Floristik", - "Holzwerk Schreinerei", - "Stilvoll Boutique", - "Wasser Meister Sanitär", - ]} + "Süße Ecke Bäckerei", "Gaumenfreude Restaurant", "Glanz & Gloria Salon", "Blütenpracht Floristik", "Holzwerk Schreinerei", "Stilvoll Boutique", "Wasser Meister Sanitär"]} title="Vertrauen Sie Experten" description="Unsere Expertise hat bereits zahlreichen lokalen Unternehmen geholfen, ihre digitale Präsenz zu transformieren und ihre Geschäftsziele zu erreichen." tag="Unsere Partner" @@ -190,50 +133,20 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "1", - name: "Sarah Müller", - handle: "@SuesseEcke", - testimonial: "Web Services BY hat unsere alte Bäckerei-Website in ein modernes Meisterwerk verwandelt! Wir bekommen viel mehr Online-Bestellungen und positives Feedback.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/cheerful-man-turning-smiling-while-working-computer_329181-16296.jpg", - imageAlt: "Sarah Müller, owner of Süße Ecke Bakery", - }, + id: "1", name: "Sarah Müller", handle: "@SuesseEcke", testimonial: "Web Services BY hat unsere alte Bäckerei-Website in ein modernes Meisterwerk verwandelt! Wir bekommen viel mehr Online-Bestellungen und positives Feedback.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/cheerful-man-turning-smiling-while-working-computer_329181-16296.jpg", imageAlt: "Sarah Müller, owner of Süße Ecke Bakery"}, { - id: "2", - name: "Thomas Schmidt", - handle: "@Gaumenfreude", - testimonial: "Die neue Homepage für unser Restaurant ist fantastisch. Die Buchungen sind deutlich gestiegen, und unsere Kunden lieben das elegante Design.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-using-tablet-celebrating-success-outdoor-cafe_1262-18867.jpg", - imageAlt: "Thomas Schmidt, manager of Gaumenfreude Restaurant", - }, + id: "2", name: "Thomas Schmidt", handle: "@Gaumenfreude", testimonial: "Die neue Homepage für unser Restaurant ist fantastisch. Die Buchungen sind deutlich gestiegen, und unsere Kunden lieben das elegante Design.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-using-tablet-celebrating-success-outdoor-cafe_1262-18867.jpg", imageAlt: "Thomas Schmidt, manager of Gaumenfreude Restaurant"}, { - id: "3", - name: "Laura Wagner", - handle: "@GlanzGloria", - testimonial: "Unser Salon brauchte dringend einen frischen Online-Auftritt. Web Services BY hat unsere Erwartungen übertroffen – professionell und stylisch!", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/amazing-laughing-redhead-young-lady-standing-cafe_171337-15271.jpg", - imageAlt: "Laura Wagner, owner of Glanz & Gloria Salon", - }, + id: "3", name: "Laura Wagner", handle: "@GlanzGloria", testimonial: "Unser Salon brauchte dringend einen frischen Online-Auftritt. Web Services BY hat unsere Erwartungen übertroffen – professionell und stylisch!", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/amazing-laughing-redhead-young-lady-standing-cafe_171337-15271.jpg", imageAlt: "Laura Wagner, owner of Glanz & Gloria Salon"}, { - id: "4", - name: "Dirk Meier", - handle: "@Blumenpracht", - testimonial: "Dank Web Services BY haben wir jetzt einen wunderschönen Online-Shop. Wir erreichen viel mehr Kunden und der Bestellprozess ist super einfach.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924139.jpg", - imageAlt: "Dirk Meier, owner of Blütenpracht Floristik", - }, + id: "4", name: "Dirk Meier", handle: "@Blumenpracht", testimonial: "Dank Web Services BY haben wir jetzt einen wunderschönen Online-Shop. Wir erreichen viel mehr Kunden und der Bestellprozess ist super einfach.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-personal-shopper-working_23-2148924139.jpg", imageAlt: "Dirk Meier, owner of Blütenpracht Floristik"}, { - id: "5", - name: "Julia Schneider", - handle: "@StilvollBoutique", - testimonial: "Als kleine Boutique ist eine ansprechende Website entscheidend. Web Services BY hat das perfekt umgesetzt – unsere Verkäufe sind gestiegen!", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/clothes-bed-fast-fashion-concept-high-angle_23-2149726121.jpg", - imageAlt: "Julia Schneider, owner of Stilvoll Boutique", - }, + id: "5", name: "Julia Schneider", handle: "@StilvollBoutique", testimonial: "Als kleine Boutique ist eine ansprechende Website entscheidend. Web Services BY hat das perfekt umgesetzt – unsere Verkäufe sind gestiegen!", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/clothes-bed-fast-fashion-concept-high-angle_23-2149726121.jpg", imageAlt: "Julia Schneider, owner of Stilvoll Boutique"}, ]} showRating={true} title="Was unsere Kunden sagen" @@ -249,67 +162,31 @@ export default function LandingPage() { useInvertedBackground={true} plans={[ { - id: "basic", - badge: "Einsteiger", - badgeIcon: Sparkles, - price: "Ab €999", - name: "Starter Homepage", - buttons: [ + id: "basic", badge: "Einsteiger", badgeIcon: Sparkles, + price: "Ab €999", name: "Starter Homepage", buttons: [ { - text: "Details ansehen", - href: "#kontakt", - }, + text: "Details ansehen", href: "#kontakt"}, ], features: [ - "Professionelles Layout", - "1-5 Unterseiten", - "Responsives Design", - "Basis SEO-Optimierung", - "Kontaktformular", - "1 Monat Support", - ], + "Professionelles Layout", "1-5 Unterseiten", "Responsives Design", "Basis SEO-Optimierung", "Kontaktformular", "1 Monat Support"], }, { - id: "standard", - badge: "Empfohlen", - badgeIcon: Star, - price: "Ab €2499", - name: "Business Homepage", - buttons: [ + id: "standard", badge: "Empfohlen", badgeIcon: Star, + price: "Ab €2499", name: "Business Homepage", buttons: [ { - text: "Jetzt anfragen", - href: "#kontakt", - }, + text: "Jetzt anfragen", href: "#kontakt"}, ], features: [ - "Alle Starter-Funktionen", - "5-10 Unterseiten", - "Erweitertes SEO", - "Content Management System", - "Social Media Integration", - "3 Monate Premium Support", - ], + "Alle Starter-Funktionen", "5-10 Unterseiten", "Erweitertes SEO", "Content Management System", "Social Media Integration", "3 Monate Premium Support"], }, { - id: "premium", - badge: "Premium", - badgeIcon: Award, - price: "Ab €4999", - name: "E-Commerce / Maßgeschneidert", - buttons: [ + id: "premium", badge: "Premium", badgeIcon: Award, + price: "Ab €4999", name: "E-Commerce / Maßgeschneidert", buttons: [ { - text: "Angebot erhalten", - href: "#kontakt", - }, + text: "Angebot erhalten", href: "#kontakt"}, ], features: [ - "Alle Business-Funktionen", - "Unbegrenzte Seiten", - "Onlineshop-Integration", - "Fortgeschrittene Analysen", - "Individuelle Funktionen", - "6 Monate VIP Support", - ], + "Alle Business-Funktionen", "Unbegrenzte Seiten", "Onlineshop-Integration", "Fortgeschrittene Analysen", "Individuelle Funktionen", "6 Monate VIP Support"], }, ]} title="Flexible Pakete für jedes Budget" @@ -324,25 +201,13 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "1", - title: "Warum brauche ich eine neue Homepage?", - content: "Eine moderne und responsive Homepage ist entscheidend, um Vertrauen bei Kunden aufzubauen, Ihre Online-Sichtbarkeit zu erhöhen und neue Geschäftsmöglichkeiten zu schaffen.", - }, + id: "1", title: "Warum brauche ich eine neue Homepage?", content: "Eine moderne und responsive Homepage ist entscheidend, um Vertrauen bei Kunden aufzubauen, Ihre Online-Sichtbarkeit zu erhöhen und neue Geschäftsmöglichkeiten zu schaffen."}, { - id: "2", - title: "Wie lange dauert die Entwicklung?", - content: "Die Dauer hängt vom Umfang des Projekts ab. Eine einfache Homepage kann in wenigen Wochen fertig sein, während komplexere Projekte mit mehr Funktionen länger dauern.", - }, + id: "2", title: "Wie lange dauert die Entwicklung?", content: "Die Dauer hängt vom Umfang des Projekts ab. Eine einfache Homepage kann in wenigen Wochen fertig sein, während komplexere Projekte mit mehr Funktionen länger dauern."}, { - id: "3", - title: "Kann ich meine Website selbst aktualisieren?", - content: "Ja, wir integrieren Content Management Systeme (CMS), die es Ihnen ermöglichen, Inhalte einfach selbst zu aktualisieren, ohne Programmierkenntnisse zu benötigen.", - }, + id: "3", title: "Kann ich meine Website selbst aktualisieren?", content: "Ja, wir integrieren Content Management Systeme (CMS), die es Ihnen ermöglichen, Inhalte einfach selbst zu aktualisieren, ohne Programmierkenntnisse zu benötigen."}, { - id: "4", - title: "Bieten Sie auch SEO-Services an?", - content: "Absolut! Jede unserer Homepages wird mit grundlegender SEO-Optimierung erstellt. Für erweiterte Bedürfnisse bieten wir auch umfassende SEO-Strategien an.", - }, + id: "4", title: "Bieten Sie auch SEO-Services an?", content: "Absolut! Jede unserer Homepages wird mit grundlegender SEO-Optimierung erstellt. Für erweiterte Bedürfnisse bieten wir auch umfassende SEO-Strategien an."}, ]} title="Häufig gestellte Fragen" description="Hier finden Sie Antworten auf die gängigsten Fragen zu unseren Webdesign-Dienstleistungen und zum Prozess der Homepage-Neugestaltung." @@ -355,20 +220,15 @@ export default function LandingPage() { @@ -380,70 +240,41 @@ export default function LandingPage() { logoText="Web Services BY" columns={[ { - title: "Navigation", - items: [ + title: "Navigation", items: [ { - label: "Home", - href: "#home", - }, + label: "Home", href: "#home"}, { - label: "Leistungen", - href: "#leistungen", - }, + label: "Leistungen", href: "#leistungen"}, { - label: "Referenzen", - href: "#referenzen", - }, + label: "Referenzen", href: "#referenzen"}, { - label: "Preise", - href: "#preise", - }, + label: "Preise", href: "#preise"}, { - label: "FAQ", - href: "#faq", - }, + label: "FAQ", href: "#faq"}, { - label: "Kontakt", - href: "#kontakt", - }, + label: "Kontakt", href: "#kontakt"}, ], }, { - title: "Services", - items: [ + title: "Services", items: [ { - label: "Webdesign", - href: "#", - }, + label: "Webdesign", href: "#"}, { - label: "SEO-Optimierung", - href: "#", - }, + label: "SEO-Optimierung", href: "#"}, { - label: "Content Management", - href: "#", - }, + label: "Content Management", href: "#"}, { - label: "E-Commerce Lösungen", - href: "#", - }, + label: "E-Commerce Lösungen", href: "#"}, ], }, { - title: "Rechtliches", - items: [ + title: "Rechtliches", items: [ { - label: "Impressum", - href: "#", - }, + label: "Impressum", href: "#"}, { - label: "Datenschutz", - href: "#", - }, + label: "Datenschutz", href: "#"}, { - label: "AGB", - href: "#", - }, + label: "AGB", href: "#"}, ], }, ]}