Merge pull request #4 from zatech/add-hosting-sponsor

add namhost

Author: sixhobbits

src/components/common/Footer.css

@@ -8,6 +8,47 @@
   overflow: hidden;
 }
 
+.footer-sponsorship {
+  max-width: 1100px;
+  margin: 0 auto;
+  padding: 2rem 3rem 1.5rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 1rem;
+  flex-wrap: wrap;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.sponsorship-text {
+  margin: 0;
+  font-size: 0.9rem;
+  color: #d1d5db;
+}
+
+.sponsorship-link {
+  display: inline-flex;
+  align-items: center;
+  transition: transform 0.2s ease, opacity 0.2s ease;
+}
+
+.sponsorship-link:hover {
+  transform: translateY(-2px);
+  opacity: 0.9;
+}
+
+.sponsorship-logo {
+  height: 32px;
+  width: auto;
+}
+
+.sponsorship-tagline {
+  margin: 0;
+  font-size: 0.85rem;
+  color: #ec4899;
+  font-weight: 500;
+}
+
 .footer-bottom {
   max-width: 1100px;
   margin: 0 auto;
@@ -65,6 +106,16 @@
 }
 
 @media (max-width: 768px) {
+  .footer-sponsorship {
+    padding: 1.5rem 1.5rem 1.25rem;
+    gap: 0.75rem;
+    text-align: center;
+  }
+
+  .sponsorship-logo {
+    height: 28px;
+  }
+
   .footer-bottom {
     flex-direction: column;
     gap: 1rem;

src/components/common/Footer.jsx

@@ -12,6 +12,23 @@ if (typeof document !== "undefined" && !document.querySelector('style[data-foote
 function Footer({ className }) {
   return (
     <footer className={`main-footer ${className || ""}`.trim()}>
+      <div className="footer-sponsorship">
+        <p className="sponsorship-text">Hosting sponsored by</p>
+        <a
+          href="https://www.namhost.com"
+          target="_blank"
+          rel="dofollow"
+          aria-label="Namhost - Fast, Affordable & Reliable Hosting"
+          className="sponsorship-link"
+        >
+          <img
+            src="/namhost-logo.svg"
+            alt="Namhost Logo"
+            className="sponsorship-logo"
+          />
+        </a>
+        <p className="sponsorship-tagline">Fast, Affordable & Reliable</p>
+      </div>
       <div className="footer-bottom">
         <p className="footer-disclaimer">© 2025 ZATech. All rights reserved.</p>
         <div className="footer-bottom-links">