you are best web develover an i want that you change the next footer to be best elegant professionnels convertibles for my web site newwrit.com

simple clair and professionnel

Footer Text One
© Copyright %year%, All Rights Reserved  |  <span style="color:red;" class="tie-icon-heart"></span> <a href="https://tielabs.com/go/jannah-sites-footer" target="_blank" rel="nofollow noopener">Jannah News Theme by TieLabs</a> | Proudly Hosted by <a href="https://tielabs.com/go/jnhstgr/" target="_blank" rel="nofollow noopener">SiteGround</a>
Supports: Text, HTML and Shortcodes.
Variables These tags can be included in the textarea above and will be replaced when a page is displayed.
%year% : Replaced with the current year.
%site% : Replaced with The site's name.
%url% : Replaced with The site's URL.

index.html

@@ -103,8 +103,15 @@
             backgroundColor: 0x111827,
             size: 0.8
         });
-        
         feather.replace();
+        // Replace footer variables
+        document.addEventListener('DOMContentLoaded', function() {
+            const currentYear = new Date().getFullYear();
+            document.body.innerHTML = document.body.innerHTML
+                .replace(/%year%/g, currentYear)
+                .replace(/%site%/g, 'NewWrit')
+                .replace(/%url%/g, window.location.hostname);
+        });
     </script>
 </body>
 </html>

workflow.html

@@ -171,36 +171,38 @@ volumes:
             </div>
         </div>
     </main>
-
-    <footer class="bg-gray-800/50 border-t border-gray-700 mt-20">
-        <div class="container mx-auto px-4 py-8">
+    <footer class="bg-gray-900 border-t border-gray-800 py-6">
+        <div class="container mx-auto px-4">
             <div class="flex flex-col md:flex-row justify-between items-center">
-                <div class="mb-4 md:mb-0">
-                    <a href="index.html" class="flex items-center">
-                        <i data-feather="zap" class="text-blue-400 mr-2"></i>
-                        <span class="text-xl font-bold bg-gradient-to-r from-blue-400 to-purple-500 bg-clip-text text-transparent">ContentCashflow</span>
-                    </a>
+                <div class="text-center md:text-left mb-4 md:mb-0">
+                    <p class="text-gray-400 text-sm">
+                        &copy; Copyright %year%, <a href="%url%" class="text-blue-400 hover:underline">%site%</a>. All Rights Reserved
+                    </p>
                 </div>
-                <div class="flex space-x-6">
+                <div class="flex space-x-4">
                     <a href="#" class="text-gray-400 hover:text-blue-400 transition">
-                        <i data-feather="github"></i>
+                        <i data-feather="twitter"></i>
                     </a>
                     <a href="#" class="text-gray-400 hover:text-blue-400 transition">
-                        <i data-feather="twitter"></i>
+                        <i data-feather="linkedin"></i>
                     </a>
                     <a href="#" class="text-gray-400 hover:text-blue-400 transition">
                         <i data-feather="mail"></i>
                     </a>
                 </div>
             </div>
-            <div class="border-t border-gray-700 mt-8 pt-8 text-center text-gray-500 text-sm">
-                <p>© 2023 ContentCashflow Automaton. Battle-tested automation for content revenue.</p>
-            </div>
         </div>
     </footer>
-
     <script>
         feather.replace();
+        // Replace footer variables
+        document.addEventListener('DOMContentLoaded', function() {
+            const currentYear = new Date().getFullYear();
+            document.body.innerHTML = document.body.innerHTML
+                .replace(/%year%/g, currentYear)
+                .replace(/%site%/g, 'NewWrit')
+                .replace(/%url%/g, window.location.hostname);
+        });
     </script>
 </body>
 </html>