From b24caa0b2e3a2f16ce1857343177b7c0d75be2d5 Mon Sep 17 00:00:00 2001 From: bender Date: Sun, 7 Jun 2026 10:19:24 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 207 +++++++++++------------------------------------ 1 file changed, 49 insertions(+), 158 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index c368d5a..7c795dd 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -11,7 +11,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS import PricingCardNine from '@/components/sections/pricing/PricingCardNine'; import TeamCardSix from '@/components/sections/team/TeamCardSix'; import TextAbout from '@/components/sections/about/TextAbout'; -import { Award, CheckCircle, Eye, Settings, Wallet, Zap } from "lucide-react"; +import { Award, CheckCircle, Eye, Settings, Wallet, Zap, LayoutGrid, Hourglass, Euro } from "lucide-react"; export default function LandingPage() { return ( @@ -32,34 +32,20 @@ export default function LandingPage() { @@ -103,80 +84,53 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "Die perfekte Website", - description: "Maßgeschneidert, modern und mit allem, was für einen professionellen Online-Auftritt dazugehört – von der intuitiven Benutzeroberfläche bis hin zur technischen Optimierung.", - media: { - imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-with-papers-notes-office_23-2149749884.jpg", - imageAlt: "Maßgeschneiderte Website auf verschiedenen Geräten", - }, + title: "Die perfekte Website", description: "Maßgeschneidert, modern und mit allem, was für einen professionellen Online-Auftritt dazugehört – von der intuitiven Benutzeroberfläche bis hin zur technischen Optimierung.", media: { + imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-with-papers-notes-office_23-2149749884.jpg", imageAlt: "Maßgeschneiderte Website auf verschiedenen Geräten"}, items: [ { icon: LayoutGrid, - text: "Individuelles Design", - }, + text: "Individuelles Design"}, { icon: Eye, - text: "Intuitive Benutzeroberfläche", - }, + text: "Intuitive Benutzeroberfläche"}, { icon: Settings, - text: "Technische Optimierung", - }, + text: "Technische Optimierung"}, ], - reverse: false, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Envsdzt8c8YEg9htrrNlQFzdN3/uploaded-1780827482229-cigxek73.jpg?_wi=1", - imageAlt: "custom website design responsive layout", + reverse: false }, { - title: "Effizienz & Schnelligkeit", - description: "Wir wissen, dass Zeit im Business bares Geld bedeutet. Deshalb realisieren wir Ihr Webprojekt in kürzester Zeit, ohne Kompromisse bei der Qualität einzugehen.", - media: { - imageSrc: "http://img.b2bpic.net/free-photo/colorful-icons-with-cloudy-background_1134-419.jpg", - imageAlt: "Uhr und schneller Fortschritt", - }, + title: "Effizienz & Schnelligkeit", description: "Wir wissen, dass Zeit im Business bares Geld bedeutet. Deshalb realisieren wir Ihr Webprojekt in kürzester Zeit, ohne Kompromisse bei der Qualität einzugehen.", media: { + imageSrc: "http://img.b2bpic.net/free-photo/colorful-icons-with-cloudy-background_1134-419.jpg", imageAlt: "Uhr und schneller Fortschritt"}, items: [ { icon: Zap, - text: "Schnelle Umsetzung", - }, + text: "Schnelle Umsetzung"}, { icon: Hourglass, - text: "Zeitnahe Lieferung", - }, + text: "Zeitnahe Lieferung"}, { icon: CheckCircle, - text: "Keine Kompromisse bei der Qualität", - }, + text: "Keine Kompromisse bei der Qualität"}, ], - reverse: true, - imageSrc: "http://img.b2bpic.net/free-photo/ai-powered-device-concept_23-2151924166.jpg?_wi=2", - imageAlt: "custom website design responsive layout", + reverse: true }, { - title: "Attraktives Preis-Leistungs-Verhältnis", - description: "Erstklassiges Webdesign muss für ambitionierte Unternehmen bezahlbar sein. Wir bieten Ihnen transparente und faire Konditionen, die zu Ihrem Budget passen.", - media: { - imageSrc: "http://img.b2bpic.net/free-photo/solution-problem-solving-share-ideas-concept_53876-133847.jpg", - imageAlt: "Transparente Preise", - }, + title: "Attraktives Preis-Leistungs-Verhältnis", description: "Erstklassiges Webdesign muss für ambitionierte Unternehmen bezahlbar sein. Wir bieten Ihnen transparente und faire Konditionen, die zu Ihrem Budget passen.", media: { + imageSrc: "http://img.b2bpic.net/free-photo/solution-problem-solving-share-ideas-concept_53876-133847.jpg", imageAlt: "Transparente Preise"}, items: [ { icon: Euro, - text: "Transparente Konditionen", - }, + text: "Transparente Konditionen"}, { icon: Wallet, - text: "Budgetfreundlich", - }, + text: "Budgetfreundlich"}, { icon: Award, - text: "Erstklassiges Webdesign", - }, + text: "Erstklassiges Webdesign"}, ], - reverse: false, - imageSrc: "http://img.b2bpic.net/free-photo/corporate-culture-composition-with-computer-windows-arrows-gear-icons-trophy-cup-doodle-characters-coworkers-vector-illustration_1284-82460.jpg?_wi=1", - imageAlt: "custom website design responsive layout", - }, + reverse: false + } ]} title="Was Sie von uns erwarten können" description="Wir analysieren und beheben häufige Fehler, die dazu führen, dass Ihre Website keine Kunden anzieht. Mit H.T Website Designing erhalten Sie nicht nur eine Website, sondern eine effektive digitale Präsenz." @@ -192,20 +146,11 @@ export default function LandingPage() { useInvertedBackground={true} metrics={[ { - id: "1", - value: "10x", - description: "Steigerung des digitalen Werts", - }, + id: "1", value: "10x", description: "Steigerung des digitalen Werts"}, { - id: "2", - value: "98%", - description: "Zufriedene Kunden", - }, + id: "2", value: "98%", description: "Zufriedene Kunden"}, { - id: "3", - value: "100+", - description: "Projekte abgeschlossen", - }, + id: "3", value: "100+", description: "Projekte abgeschlossen"}, ]} title="Ihre Website läuft... aber bringt sie auch Kunden? 📉" description="Viele Unternehmen wundern sich, warum trotz guter Produkte online kaum Anfragen reinkommen. Oft liegt es an einfachen, aber fatalen Fehlern. Genau diese analysieren und beheben wir bei H.T Website Designing. Steigern Sie den Wert Ihres digitalen Auftritts durch unsere modulare Preisgestaltung. Starten Sie klein, wachsen Sie groß." @@ -220,66 +165,23 @@ export default function LandingPage() { useInvertedBackground={false} plans={[ { - id: "starter", - title: "Starter Paket", - price: "100 €", - period: "Einmalig", - features: [ - "One-Pager Website", - "Standard-Layout", - "Basis SEO", - "Responsives Design", - "Schnelle Umsetzung (3-5 Werktage)", - "Optimiert für mobile Endgeräte", - "Sichere SSL-Verschlüsselung", - ], + id: "starter", title: "Starter Paket", price: "100 €", period: "Einmalig", features: [ + "One-Pager Website", "Standard-Layout", "Basis SEO", "Responsives Design", "Schnelle Umsetzung (3-5 Werktage)", "Optimiert für mobile Endgeräte", "Sichere SSL-Verschlüsselung"], button: { - text: "Starter wählen", - href: "#contact", - }, - imageSrc: "http://img.b2bpic.net/free-photo/corporate-culture-composition-with-computer-windows-arrows-gear-icons-trophy-cup-doodle-characters-coworkers-vector-illustration_1284-82460.jpg?_wi=2", - imageAlt: "high customer satisfaction icon", - }, + text: "Starter wählen", href: "#contact"}, + imageSrc: "http://img.b2bpic.net/free-photo/corporate-culture-composition-with-computer-windows-arrows-gear-icons-trophy-cup-doodle-characters-coworkers-vector-illustration_1284-82460.jpg", imageAlt: "high customer satisfaction icon"}, { - id: "business", - title: "Business Paket", - price: "500 €", - period: "Einmalig", - features: [ - "Bis zu 5 Unterseiten", - "Individuelles Design", - "Erweiterte SEO-Basis", - "Professionelles Kontaktformular", - "Interaktive Google Maps Anfahrt", - "Rechtssicheres Impressum & Datenschutz", - ], + id: "business", title: "Business Paket", price: "500 €", period: "Einmalig", features: [ + "Bis zu 5 Unterseiten", "Individuelles Design", "Erweiterte SEO-Basis", "Professionelles Kontaktformular", "Interaktive Google Maps Anfahrt", "Rechtssicheres Impressum & Datenschutz"], button: { - text: "Business wählen", - href: "#contact", - }, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Envsdzt8c8YEg9htrrNlQFzdN3/uploaded-1780827482229-cigxek73.jpg?_wi=2", - imageAlt: "high customer satisfaction icon", - }, + text: "Business wählen", href: "#contact"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Envsdzt8c8YEg9htrrNlQFzdN3/uploaded-1780827482229-cigxek73.jpg", imageAlt: "high customer satisfaction icon"}, { - id: "premium", - title: "Premium Paket", - price: "1.000 €", - period: "Einmalig", - features: [ - "Unbegrenzte Seiten", - "Full Service Branding (inkl. UI/UX)", - "E-Commerce Ready (Shop/Buchungssystem)", - "24/7 Priority Support", - "Ladezeiten unter 1 Sekunde", - "Monatliche Analytics-Berichte", - ], + id: "premium", title: "Premium Paket", price: "1.000 €", period: "Einmalig", features: [ + "Unbegrenzte Seiten", "Full Service Branding (inkl. UI/UX)", "E-Commerce Ready (Shop/Buchungssystem)", "24/7 Priority Support", "Ladezeiten unter 1 Sekunde", "Monatliche Analytics-Berichte"], button: { - text: "Premium wählen", - href: "#contact", - }, - imageSrc: "http://img.b2bpic.net/free-photo/ai-powered-device-concept_23-2151924166.jpg?_wi=3", - imageAlt: "high customer satisfaction icon", - }, + text: "Premium wählen", href: "#contact"}, + imageSrc: "http://img.b2bpic.net/free-photo/ai-powered-device-concept_23-2151924166.jpg", imageAlt: "high customer satisfaction icon"}, ]} title="Preispakete im Überblick" description="Wählen Sie das passende Paket für Ihr Unternehmen. Wir bieten flexible Lösungen, die mit Ihnen wachsen." @@ -295,19 +197,9 @@ export default function LandingPage() { useInvertedBackground={true} members={[ { - id: "henry", - name: "Henry Gensheimer", - role: "Gründer & Geschäftsführer", - imageSrc: "http://img.b2bpic.net/free-photo/happy-photo-editor-browsing-through-images-determine-most-appropriate-visuals_482257-82203.jpg", - imageAlt: "Portrait von Henry Gensheimer", - }, + id: "henry", name: "Henry Gensheimer", role: "Gründer & Geschäftsführer", imageSrc: "http://img.b2bpic.net/free-photo/happy-photo-editor-browsing-through-images-determine-most-appropriate-visuals_482257-82203.jpg", imageAlt: "Portrait von Henry Gensheimer"}, { - id: "tom", - name: "Tom Künzer", - role: "Gründer & Technischer Leiter", - imageSrc: "http://img.b2bpic.net/free-photo/female-with-short-hair-wearing-white-shirt-standing-near-glasses-overpass_181624-22260.jpg", - imageAlt: "Portrait von Tom Künzer", - }, + id: "tom", name: "Tom Künzer", role: "Gründer & Technischer Leiter", imageSrc: "http://img.b2bpic.net/free-photo/female-with-short-hair-wearing-white-shirt-standing-near-glasses-overpass_181624-22260.jpg", imageAlt: "Portrait von Tom Künzer"}, ]} title="Unsere Gründer" description="Lernen Sie die Köpfe hinter H.T Website Designing kennen: Henry Gensheimer und Tom Künzer, junge Unternehmer mit einer Leidenschaft für digitales Design und der Mission, Ihre Online-Präsenz zu optimieren." @@ -319,8 +211,7 @@ export default function LandingPage() {