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

Former-commit-id: 67ac02c8404cc66893fdf97308574701cca6000c

components/blocks/HeroSection.tsx

@@ -2,6 +2,7 @@ import React from 'react';
 import Image from 'next/image';
 import Reveal from '@/components/Reveal';
 import { Badge, Container, Heading } from '@/components/ui';
+import { Button } from '@/components/ui/Button';
 
 export interface HeroSectionProps {
   title: string;
@@ -55,15 +56,16 @@ export const HeroSection: React.FC<HeroSectionProps> = (props) => {
             )}
             {ctaLabel && ctaHref && (
               <div className="mt-8">
-                <a
+                <Button
                   href={ctaHref}
-                  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"
+                  variant="accent"
+                  size="lg"
                 >
                   {ctaLabel}
-                  <span className="ml-3 transition-transform group-hover:translate-x-2">
+                  <span className="ml-3 transition-transform group-hover/btn:translate-x-2">
                     &rarr;
                   </span>
-                </a>
+                </Button>
               </div>
             )}
           </div>