feat: Redesign Results as Mistral-style carousel with video autoplay

- Replace grid layout with horizontal carousel (swipe, keyboard, dots)
- YouTube videos autoplay on active slide, pause on exit
- Local video support for portrait demos (WIGEX)
- GitHub OG card images as backgrounds for repos without screenshots
- Add Impact Strip with key metrics (papers, competitions, live, etc.)
- Add tag legends below carousel for project categorization
- Widen all sections to max-w-6xl for visual consistency
- Rename section titles: ABOUT→About us, TEAM→Team, RESULTS→Results
- Fix hero tagline, About heading, Results heading, Footer in English
- Add 6 projects: TimeLens, WIGVO, WigtnOCR, WIGVU, WIGEX, WIGTN Coding
- Add HuggingFace icon and project images/video assets
- Update translations with impact stat keys

Quality Score: 77/100
Co-Authored-By: Claude <noreply@anthropic.com>

Author: Hyeongseob91

components/sections/About.tsx

@@ -9,12 +9,12 @@ export function About() {
 
   return (
     <section id="about" className="py-16 md:py-20">
-      <div className="max-w-5xl mx-auto px-6">
-        <h2 className="text-section text-violet mb-4 tracking-wide">ABOUT</h2>
+      <div className="max-w-6xl mx-auto px-6">
+        <h2 className="text-section text-violet mb-4 tracking-wide">About us</h2>
         <p className="text-lg md:text-xl text-foreground mb-8">
-          {processText(t.about.heading)}
+          We prove ourselves by what we build, not how long we&apos;ve built.
         </p>
-        <div className="space-y-4 max-w-2xl">
+        <div className="space-y-4">
           {t.about.paragraphs.map((paragraph, index) => (
             <p key={index} className="text-lg md:text-xl text-gray-600 leading-relaxed">
               {processText(paragraph)}

components/sections/Crew.tsx

@@ -1,29 +1,21 @@
 "use client";
 
 import Image from "next/image";
-import { useLanguage } from "@/lib/i18n";
-import { useBudouX } from "@/lib/hooks/useBudouX";
-
 export function Crew() {
-  const { t } = useLanguage();
-  const { processText } = useBudouX();
 
   return (
     <section className="pt-32 pb-16 md:pt-40 md:pb-20">
-      <div className="max-w-5xl mx-auto px-6 text-center">
+      <div className="max-w-6xl mx-auto px-6 text-center">
         <Image
-          src="/wigtn_logo.jpeg"
-          alt="WIGTN Logo"
-          width={280}
-          height={196}
-          className="mx-auto mb-6 mix-blend-multiply"
+          src="/wigtn_logo.png"
+          alt="WIGTN"
+          width={420}
+          height={294}
+          className="mx-auto mb-8 mix-blend-multiply"
           priority
         />
-        <h1 className="text-hero text-foreground">
-          WIGTN Crew
-        </h1>
-        <p className="text-lg text-gray-500 mt-4 max-w-2xl mx-auto">
-          {processText(t.hero.tagline)}
+        <p className="text-lg text-gray-500 max-w-2xl mx-auto">
+          We prove ourselves by what we build, not how long we&apos;ve built.
         </p>
       </div>
     </section>

components/sections/Footer.tsx

@@ -11,13 +11,13 @@ export function Footer() {
 
   return (
     <footer className="py-16 md:py-24">
-      <div className="max-w-5xl mx-auto px-6">
+      <div className="max-w-6xl mx-auto px-6">
         <div className="flex flex-col md:flex-row justify-between items-start gap-8">
           {/* Left - Logo & Tagline */}
           <div>
             <span className="text-xl font-bold text-foreground block">WIGTN</span>
             <span className="text-sm text-gray-400">
-              {processText(t.footer.tagline)}
+              We prove ourselves by what we build, not how long we&apos;ve built.
             </span>
           </div>
 

components/sections/Navigation.tsx

@@ -49,7 +49,7 @@ export function Navigation() {
           isScrolled ? "border-b border-gray-200" : ""
         }`}
       >
-        <nav className="max-w-5xl mx-auto px-6">
+        <nav className="max-w-6xl mx-auto px-6">
           <div className="flex items-center justify-between h-16">
             {/* Left: Logo */}
             <a