116 lines
3.4 KiB
TypeScript
116 lines
3.4 KiB
TypeScript
import styles from "./Footer.module.css";
|
|
import Link from "next/link";
|
|
import Image from "next/image";
|
|
import {
|
|
InstagramLogoIcon,
|
|
LinkedinLogoIcon,
|
|
XLogoIcon,
|
|
FacebookLogoIcon,
|
|
} from "@phosphor-icons/react/dist/ssr";
|
|
import { companyData } from "@/data/companyData";
|
|
|
|
const currentYear = new Date().getFullYear();
|
|
|
|
export default function Footer() {
|
|
return (
|
|
<footer className={styles.footer}>
|
|
<div className={styles.footer__inner}>
|
|
<div className={styles.footer__top}>
|
|
<div className={styles.footer__brand}>
|
|
<Link href="/" className={styles.footer__logo}>
|
|
<Image
|
|
src="/logo/logo-basiclean-white.svg"
|
|
alt={companyData.companyName}
|
|
width={160}
|
|
height={48}
|
|
unoptimized
|
|
/>
|
|
</Link>
|
|
|
|
<p className={styles.footer__tagline}>{companyData.slogan}</p>
|
|
</div>
|
|
|
|
<nav className={styles.footer__nav} aria-label="Footer Navigation">
|
|
<div className={styles["footer__nav-group"]}>
|
|
<span className={styles["footer__nav-title"]}>Unternehmen</span>
|
|
<ul>
|
|
<li>
|
|
<Link href="/ueberuns">Über uns</Link>
|
|
</li>
|
|
<li>
|
|
<Link href="/leistungen">Leistungen</Link>
|
|
</li>
|
|
<li>
|
|
<Link href="/branchenloesungen">Branchenlösungen</Link>
|
|
</li>
|
|
<li>
|
|
<Link href="/kontakt">Kontakt</Link>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div className={styles["footer__nav-group"]}>
|
|
<span className={styles["footer__nav-title"]}>Rechtliches</span>
|
|
<ul>
|
|
<li>
|
|
<Link href="/rechtliches/impressum">Impressum</Link>
|
|
</li>
|
|
<li>
|
|
<Link href="/rechtliches/datenschutz">Datenschutz</Link>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
|
|
<div className={styles.footer__divider} />
|
|
|
|
<div className={styles.footer__bottom}>
|
|
<p className={styles.footer__copy}>
|
|
Copyright © {currentYear} {companyData.companyName}. Alle Rechte
|
|
vorbehalten.
|
|
</p>
|
|
|
|
<div className={styles.footer__social}>
|
|
<a
|
|
href="https://instagram.com"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
aria-label="Instagram"
|
|
>
|
|
<InstagramLogoIcon size={20} />
|
|
</a>
|
|
|
|
<a
|
|
href="https://linkedin.com"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
aria-label="LinkedIn"
|
|
>
|
|
<LinkedinLogoIcon size={20} />
|
|
</a>
|
|
|
|
<a
|
|
href="https://x.com"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
aria-label="X (Twitter)"
|
|
>
|
|
<XLogoIcon size={20} />
|
|
</a>
|
|
|
|
<a
|
|
href="https://facebook.com"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
aria-label="Facebook"
|
|
>
|
|
<FacebookLogoIcon size={20} />
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
);
|
|
}
|