feat(ui): finalize E-TIB modernization with footer redesign, video optimization, and TS fixes

Former-commit-id: 67ac02c8404cc66893fdf97308574701cca6000c

app/[locale]/[slug]/page.tsx

@@ -7,18 +7,25 @@ import { mapSlugToFileSlug, mapFileSlugToTranslated } from '@/lib/slugs';
 import { MDXRemote } from 'next-mdx-remote/rsc';
 import { SITE_URL } from '@/lib/schema';
 import TrackedLink from '@/components/analytics/TrackedLink';
+import { getButtonClasses, ButtonOverlay } from '@/components/ui/Button';
 
 // Import components used in MDX
 import { HeroVideo as HomeHero } from '@/components/blocks/HeroVideo';
 import { SubCompanyTiles as HomeSubCompanyTiles } from '@/components/blocks/SubCompanyTiles';
 import { CompetenceBentoGrid as HomeCompetenceBentoGrid } from '@/components/blocks/CompetenceBentoGrid';
 import { ReferencesSlider as HomeReferencesSlider } from '@/components/blocks/ReferencesSlider';
+import { CompanyTimeline } from '@/components/blocks/CompanyTimeline';
+import { JobListingBlock } from '@/components/blocks/JobListingBlock';
+import { CallToAction } from '@/components/blocks/CallToAction';
 
 const mdxComponents = {
   HomeHero,
   HomeSubCompanyTiles,
   HomeCompetenceBentoGrid,
   HomeReferencesSlider,
+  CompanyTimeline,
+  JobListingBlock,
+  CallToAction,
 };
 
 interface PageProps {
@@ -148,16 +155,19 @@ export default async function Page(props: { params: Promise<{ locale: string; sl
               <p className="text-lg text-white/70 mb-8">{t('supportTeamAvailable')}</p>
               <TrackedLink
                 href={`/${locale}/${locale === 'de' ? 'kontakt' : 'contact'}`}
-                className="inline-flex items-center px-8 py-4 bg-accent text-primary-dark font-bold rounded-full hover:bg-white transition-all duration-300 group/link"
+                className={getButtonClasses('accent', 'lg')}
                 eventProperties={{
                   location: 'generic_page_support_cta',
                   page_slug: slug,
                 }}
               >
-                {t('contactUs')}
-                <span className="ml-2 transition-transform group-hover/link:translate-x-1">
-                  &rarr;
+                <span className="relative z-10 flex items-center justify-center gap-2 transition-colors duration-500 group-hover/btn:text-primary-dark">
+                  {t('contactUs')}
+                  <span className="ml-2 transition-transform group-hover/btn:translate-x-1">
+                    &rarr;
+                  </span>
                 </span>
+                <ButtonOverlay variant="accent" />
               </TrackedLink>
             </div>
           </div>