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

@@ -13,8 +13,8 @@ interface Footer27Props {
 
 const Footer27 = ({ className }: Footer27Props) => {
   const socialLinks = [
-    { name: "Instagram", href: "#" },
-    { name: "X (Twitter)", href: "#" },
+    { name: "E-Mail", href: "#" },
+    { name: "LinkedIn", href: "#" },
   ];
 
   const containerVariants = {
@@ -52,15 +52,15 @@ const Footer27 = ({ className }: Footer27Props) => {
               <div className="space-y-8">
                 <motion.div variants={itemVariants} className="space-y-6">
                   <h2 className="text-4xl leading-tight font-bold text-foreground lg:text-5xl">
-                    Connect with Me
+                    Bereit fuer einen professionellen Webauftritt?
                   </h2>
                   <p className="max-w-md text-lg leading-relaxed text-muted-foreground">
-                    No commitments. Just a quick chat to see if we click.
+                    Unverbindlich, klar und ohne Verkaufsdruck.
                   </p>
                 </motion.div>
 
                 <motion.div variants={itemVariants}>
-                  <Button size="lg">Get in Touch</Button>
+                  <Button size="lg">Erstgespraech vereinbaren</Button>
                 </motion.div>
               </div>
 
@@ -110,14 +110,14 @@ const Footer27 = ({ className }: Footer27Props) => {
                 className="flex flex-col items-start justify-between gap-4 sm:flex-row sm:items-center"
               >
                 <p className="text-sm text-muted-foreground">
-                  © Copyright 2025. All rights Reserved.
+                  © 2025 Matthias Meister. Alle Rechte vorbehalten.
                 </p>
 
                 <div className="flex items-center gap-6 text-sm">
                   <span className="text-muted-foreground">
-                    Made by{" "}
+                    Website von{" "}
                     <motion.a
-                      href="https://x.com/shadcnblocks"
+                      href="#"
                       className="underline underline-offset-4 transition-colors hover:text-foreground"
                       whileHover={{ scale: 1.05 }}
                       transition={{
@@ -126,7 +126,7 @@ const Footer27 = ({ className }: Footer27Props) => {
                         damping: 20,
                       }}
                     >
-                      shadcnblocks
+                      Matthias Meister
                     </motion.a>
                   </span>
                 </div>