Update components with German translations and localized content; modify About19, Contact21, CTA, FAQ, Feature, Footer, Hero, Pricing, and Stats sections for improved clarity and user engagement.

src/components/hero235.tsx

@@ -10,21 +10,21 @@ interface Hero235Props {
 const SERVICES = [
   {
     icon: Sparkles,
-    title: "Visual Identity",
+    title: "Webdesign mit Klarheit",
     description:
-      "We shape visual systems that blend craft and clarity to spark recognition and connection.",
+      "Ein moderner Auftritt, der Ihr Unternehmen auf den ersten Blick professionell wirken laesst.",
   },
   {
     icon: LayoutGrid,
-    title: "Interactive Experiences",
+    title: "Struktur und Texte",
     description:
-      "Experiences that tie design and technology together to tell your story in motion.",
+      "Ich unterstuetze bei Seitenstruktur und Inhalten, damit Besucher schnell verstehen, was Sie anbieten.",
   },
   {
     icon: BookOpen,
-    title: "Workshops",
+    title: "Pflege und Weiterentwicklung",
     description:
-      "Hands-on sessions that adapt to your goals and help you grow with practical guidance.",
+      "Auf Wunsch betreue ich Ihre Website weiter, halte Inhalte aktuell und passe Details laufend an.",
   },
 ];
 
@@ -58,17 +58,17 @@ const Hero235 = ({ className }: Hero235Props) => {
       </div>
       <div className="relative container flex h-full flex-col justify-between">
         <div className="flex flex-1 items-center justify-center">
-          <div className="mx-auto flex max-w-2xl flex-col items-center text-center">
-            <h1 className="text-4xl font-semibold tracking-tight text-balance text-foreground md:text-5xl lg:text-6xl">
-              Shadcnblocks. Digital craft with an eye for detail
+          <div className="mx-auto flex max-w-4xl flex-col items-center text-center">
+            <h1 className="text-4xl font-semibold tracking-tight text-balance text-foreground md:text-5xl lg:text-8xl">
+              Eine moderne Webseite kostet kein Vermögen.
             </h1>
             <p className="mt-8 max-w-xl text-pretty text-muted-foreground md:text-lg">
-              We build clear, thoughtful interfaces that work as well as they
-              look. If you want a partner who turns your vision into something
-              real, you&apos;re in the right place.
+              Ich gestalte klare Unternehmenswebsites, die Vertrauen aufbauen,
+              Ihre Leistungen verständlich zeigen und Anfragen einfacher
+              machen.
             </p>
             <Button size="lg" className="mt-10">
-              Explore our work
+              Projekt anfragen
               <ArrowDown className="shrink-0" aria-hidden />
             </Button>
           </div>