initial commit

src/components/Footer.astro

@@ -0,0 +1,43 @@
+---
+// src/components/Footer.astro
+const currentYear = new Date().getFullYear();
+---
+
+<footer class="bg-brand-primary border-t border-white/5 py-12 text-gray-400 text-sm">
+  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+    <div class="flex flex-col md:flex-row items-center justify-between gap-6 border-b border-white/5 pb-8 mb-8">
+      
+      <!-- Brand logo/name -->
+      <div>
+        <a href="#" class="text-lg font-bold tracking-wider text-white">
+          N&D <span class="bg-gradient-to-r from-brand-cyan to-brand-magenta bg-clip-text text-transparent">i-t SOLUTIONS</span>
+        </a>
+        <p class="mt-2 text-xs text-gray-500 max-w-sm">
+          Ihr Partner für zukunftssichere IT-Dienstleistungen, Softwareentwicklung und IT-Sicherheit.
+        </p>
+      </div>
+
+      <!-- Footer Quick Links -->
+      <nav class="flex flex-wrap gap-x-8 gap-y-2 justify-center">
+        <a href="#" class="hover:text-brand-cyan transition-colors">Home</a>
+        <a href="#services" class="hover:text-brand-cyan transition-colors">Services</a>
+        <a href="#tech" class="hover:text-brand-cyan transition-colors">Tech-Stack</a>
+        <a href="#about" class="hover:text-brand-cyan transition-colors">About</a>
+        <a href="#contact" class="hover:text-brand-cyan transition-colors">Kontakt</a>
+      </nav>
+
+    </div>
+
+    <!-- Bottom Copyright & Legal Links -->
+    <div class="flex flex-col sm:flex-row items-center justify-between gap-4 text-xs text-gray-500">
+      <div>
+        &copy; {currentYear} N&D i-t SOLUTIONS. Alle Rechte vorbehalten.
+      </div>
+      <div class="flex gap-6">
+        <a href="/privacy" class="hover:text-white transition-colors">Datenschutz</a>
+        <span class="text-white/10">|</span>
+        <a href="/privacy#impressum" class="hover:text-white transition-colors">Impressum</a>
+      </div>
+    </div>
+  </div>
+</footer>