54 lines
2.4 KiB
Plaintext
54 lines
2.4 KiB
Plaintext
---
|
|
// src/components/Footer.astro
|
|
import { loadWaasConfigs } from '../utils/configLoader';
|
|
|
|
const { siteConfig } = loadWaasConfigs();
|
|
const footer = siteConfig.footer || {
|
|
brandDescription: 'Ihr Partner für professionelles Webdesign, Website-Entwicklung und lokale SEO für Kleinbetriebe & KMU.',
|
|
copyrightText: 'N&D i-t SOLUTIONS. Alle Rechte vorbehalten.',
|
|
showLegalLinks: true
|
|
};
|
|
const currentYear = new Date().getFullYear();
|
|
---
|
|
|
|
<footer class="bg-slate-100 dark:bg-brand-darkBg border-t border-slate-200 dark:border-white/5 py-12 text-slate-600 dark:text-gray-400 text-sm transition-colors duration-300">
|
|
<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-slate-200 dark:border-white/5 pb-8 mb-8">
|
|
|
|
<!-- Brand logo/name -->
|
|
<div>
|
|
<a href="#" class="text-lg font-bold tracking-wider text-slate-900 dark:text-white">
|
|
{siteConfig.header?.brandName || 'N&D'} <span class="text-brand-arcticBlue">{siteConfig.header?.brandHighlight || 'i-t SOLUTIONS'}</span>
|
|
</a>
|
|
<p class="mt-2 text-xs text-slate-500 dark:text-gray-500 max-w-sm">
|
|
{footer.brandDescription}
|
|
</p>
|
|
</div>
|
|
|
|
<!-- Footer Quick Links -->
|
|
<nav class="flex flex-wrap gap-x-8 gap-y-2 justify-center">
|
|
<a href="#" class="hover:text-brand-arcticBlue transition-colors">Home</a>
|
|
<a href="#services" class="hover:text-brand-arcticBlue transition-colors">Services</a>
|
|
<a href="#tech" class="hover:text-brand-arcticBlue transition-colors">Tech-Stack</a>
|
|
<a href="#about" class="hover:text-brand-arcticBlue transition-colors">About</a>
|
|
<a href="#contact" class="hover:text-brand-arcticBlue 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-slate-500 dark:text-gray-500">
|
|
<div>
|
|
© {currentYear} {footer.copyrightText}
|
|
</div>
|
|
{footer.showLegalLinks !== false && (
|
|
<div class="flex gap-6">
|
|
<a href="/privacy" class="hover:text-slate-900 dark:hover:text-white transition-colors">Datenschutz</a>
|
|
<span class="text-slate-300 dark:text-white/10">|</span>
|
|
<a href="/privacy#impressum" class="hover:text-slate-900 dark:hover:text-white transition-colors">Impressum</a>
|
|
</div>
|
|
)}
|
|
</div>
|
|
</div>
|
|
</footer>
|