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/about19.tsx

@@ -12,7 +12,7 @@ const About19 = ({ className }: About19Props) => {
         <div className="grid grid-cols-1 gap-15 lg:grid-cols-7 lg:gap-1">
           <div className="col-span-4 h-120">
             <img
-              src="https://deifkwefumgah.cloudfront.net/shadcnblocks/block/guri4/img2.png"
+              src="/about.jpg"
               alt=""
               className="h-full w-full object-cover rounded-xl shadow-md"
             />
@@ -20,19 +20,19 @@ const About19 = ({ className }: About19Props) => {
 
           <div className="col-span-3 ml-auto max-w-4xl space-y-15 lg:pl-15">
             <h1 className="text-2xl font-medium tracking-tight">
-              We are a team of creators, thinkers, and builders who believe in
-              crafting experiences that truly connect. Our story is built on
-              passion, innovation, and the drive to bring meaningful ideas to
-              life.
+              Ich bin Matthias Meister und begleite KMU auf dem Weg zu einem
+              professionellen Online-Auftritt, der klar kommuniziert und
+              Vertrauen aufbaut.
             </h1>
             <p className="text-base text-foreground/40 lg:text-lg">
-              We ask: What’s the goal? Who’s it for? How do we make it
-              effortless? we begin with why, who, and how to make it better.
+              Mein Fokus liegt auf Websites, die nicht ueberladen wirken,
+              sondern Orientierung geben und den naechsten Kontakt einfach
+              machen.
             </p>
             <div className="flex flex-col justify-between gap-4 lg:flex-row lg:items-center">
               <p className="flex-1 text-sm text-foreground/40">
-                We aim to bring diverse minds together, turning ideas into
-                experiences that matter.
+                Sie erhalten direkte Abstimmung, klare Schritte und eine
+                Umsetzung, die zu Ihrem Geschaeft passt.
               </p>
               <div className="flex w-fit items-center gap-2">
                 <img
@@ -41,9 +41,9 @@ const About19 = ({ className }: About19Props) => {
                   alt="avatr"
                 />
                 <div>
-                  <h3 className="font-medium tracking-tight">John Doe</h3>
+                  <h3 className="font-medium tracking-tight">Matthias Meister</h3>
                   <p className="text-sm text-foreground/40">
-                    Creative Director
+                    Freelance Webdesigner
                   </p>
                 </div>
               </div>