From ce5acc55584f4bc584907fe44bf7ab7933f983cf Mon Sep 17 00:00:00 2001
From: Marc Mintel <marc@mintel.me>
Date: Fri, 19 Jun 2026 23:26:54 +0200
Subject: [PATCH] refactor(footer): merge navigation and about us links

---
 components/layout/Footer.tsx | 60 +++++++-----------------------------
 1 file changed, 11 insertions(+), 49 deletions(-)

diff --git a/components/layout/Footer.tsx b/components/layout/Footer.tsx
index 77360a8a0..530ac9aef 100644
--- a/components/layout/Footer.tsx
+++ b/components/layout/Footer.tsx
@@ -108,8 +108,13 @@ export function Footer({ companyInfo }: FooterProps) {
                 {locale === 'de' ? 'Navigation' : 'Navigation'}
                 <span className="block w-8 h-1 bg-primary mt-3 rounded-full" />
               </h4>
-              <ul className="space-y-2 mb-8">
+              <ul className="grid grid-cols-2 gap-x-8 gap-y-3 mb-8">
                 {[
+                  { label: locale === 'de' ? 'Unternehmen' : 'Company', href: `/${locale}/${locale === 'de' ? 'ueber-uns' : 'about-us'}` },
+                  { label: locale === 'de' ? 'Standorte' : 'Locations', href: `/${locale}/standorte` },
+                  { label: locale === 'de' ? 'Unser Team' : 'Our Team', href: `/${locale}/team` },
+                  { label: locale === 'de' ? 'Karriere' : 'Career', href: `/${locale}/${locale === 'de' ? 'karriere' : 'career'}` },
+                  { label: locale === 'de' ? 'Zertifikate' : 'Certificates', href: `/${locale}/zertifikate` },
                   { label: locale === 'de' ? 'Kompetenzen' : 'Competencies', href: `/${locale}/${locale === 'de' ? 'kompetenzen' : 'competencies'}` },
                   { label: locale === 'de' ? 'Referenzen' : 'References', href: `/${locale}/referenzen` },
                   { label: locale === 'de' ? 'Messen & Events' : 'Fairs & Events', href: `/${locale}/${locale === 'de' ? 'messen' : 'trade-fairs'}` },
@@ -123,28 +128,6 @@ export function Footer({ companyInfo }: FooterProps) {
                   </li>
                 ))}
               </ul>
-
-              <h4 className="font-heading font-bold uppercase tracking-widest text-sm mb-4 text-white">
-                <TransitionLink href={`/${locale}/${locale === 'de' ? 'ueber-uns' : 'about-us'}`} className="hover:text-primary transition-colors cursor-pointer inline-block">
-                  {locale === 'de' ? 'Über uns' : 'About us'}
-                </TransitionLink>
-                <span className="block w-8 h-1 bg-primary mt-3 rounded-full" />
-              </h4>
-              <ul className="space-y-2 border-l border-white/10 pl-4 ml-1">
-                {[
-                  { label: locale === 'de' ? 'Standorte' : 'Locations', href: `/${locale}/standorte` },
-                  { label: locale === 'de' ? 'Unser Team' : 'Our Team', href: `/${locale}/team` },
-                  { label: locale === 'de' ? 'Zertifikate' : 'Certificates', href: `/${locale}/zertifikate` },
-                  { label: locale === 'de' ? 'Karriere' : 'Career', href: `/${locale}/${locale === 'de' ? 'karriere' : 'career'}` },
-                ].map((link) => (
-                  <li key={link.href}>
-                    <TransitionLink href={link.href} className="group/link flex items-center text-neutral-400 hover:text-white transition-colors py-1 cursor-pointer">
-                      <span className="w-0 h-px bg-primary mr-0 group-hover/link:w-4 group-hover/link:mr-3 transition-all duration-300" />
-                      <span className="font-medium">{link.label}</span>
-                    </TransitionLink>
-                  </li>
-                ))}
-              </ul>
             </div>
 
             {/* Mobile View (Accordions) */}
@@ -157,6 +140,11 @@ export function Footer({ companyInfo }: FooterProps) {
                 <div className="pt-2 pb-4">
                   <ul className="space-y-3">
                     {[
+                      { label: locale === 'de' ? 'Unternehmen' : 'Company', href: `/${locale}/${locale === 'de' ? 'ueber-uns' : 'about-us'}` },
+                      { label: locale === 'de' ? 'Standorte' : 'Locations', href: `/${locale}/standorte` },
+                      { label: locale === 'de' ? 'Unser Team' : 'Our Team', href: `/${locale}/team` },
+                      { label: locale === 'de' ? 'Karriere' : 'Career', href: `/${locale}/${locale === 'de' ? 'karriere' : 'career'}` },
+                      { label: locale === 'de' ? 'Zertifikate' : 'Certificates', href: `/${locale}/zertifikate` },
                       { label: locale === 'de' ? 'Kompetenzen' : 'Competencies', href: `/${locale}/${locale === 'de' ? 'kompetenzen' : 'competencies'}` },
                       { label: locale === 'de' ? 'Referenzen' : 'References', href: `/${locale}/referenzen` },
                       { label: locale === 'de' ? 'Messen & Events' : 'Fairs & Events', href: `/${locale}/${locale === 'de' ? 'messen' : 'trade-fairs'}` },
@@ -171,32 +159,6 @@ export function Footer({ companyInfo }: FooterProps) {
                   </ul>
                 </div>
               </details>
-              
-              <div className="h-px bg-white/10 w-full"></div>
-
-              <details className="group/acc">
-                <summary className="font-heading font-bold uppercase tracking-widest text-sm text-white list-none cursor-pointer flex justify-between items-center py-2 outline-none select-none">
-                  {locale === 'de' ? 'Über uns' : 'About us'}
-                  <svg className="w-4 h-4 text-white/50 transition-transform group-open/acc:rotate-180" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><path d="M19 9l-7 7-7-7"/></svg>
-                </summary>
-                <div className="pt-2 pb-4">
-                  <ul className="space-y-3">
-                    {[
-                      { label: locale === 'de' ? 'Unternehmen' : 'Company', href: `/${locale}/${locale === 'de' ? 'ueber-uns' : 'about-us'}` },
-                      { label: locale === 'de' ? 'Standorte' : 'Locations', href: `/${locale}/standorte` },
-                      { label: locale === 'de' ? 'Unser Team' : 'Our Team', href: `/${locale}/team` },
-                      { label: locale === 'de' ? 'Zertifikate' : 'Certificates', href: `/${locale}/zertifikate` },
-                      { label: locale === 'de' ? 'Karriere' : 'Career', href: `/${locale}/${locale === 'de' ? 'karriere' : 'career'}` },
-                    ].map((link) => (
-                      <li key={link.href}>
-                        <TransitionLink href={link.href} className="flex items-center text-neutral-400 hover:text-white transition-colors py-1">
-                          <span className="font-medium">{link.label}</span>
-                        </TransitionLink>
-                      </li>
-                    ))}
-                  </ul>
-                </div>
-              </details>
             </div>
           </div>