wip

components/home/VideoSection.tsx

@@ -1,7 +1,10 @@
 import React from 'react';
+import { useTranslations } from 'next-intl';
 import Scribble from '@/components/Scribble';
 
 export default function VideoSection() {
+  const t = useTranslations('Home.video');
+
   return (
     <section className="relative h-[60vh] overflow-hidden">
       <video 
@@ -15,12 +18,14 @@ export default function VideoSection() {
       </video>
       <div className="absolute inset-0 bg-black/50 flex items-center justify-center">
         <h2 className="text-3xl md:text-5xl font-bold text-white text-center max-w-4xl px-4 leading-tight">
-          From a single strand to infinite power – the 
-          <span className="relative inline-block mx-2">
-            <span className="relative z-10 italic">future</span>
-            <Scribble variant="underline" className="w-full h-full top-full left-0" />
-          </span>
-          starts here.
+          {t.rich('title', {
+            future: (chunks) => (
+              <span className="relative inline-block mx-2">
+                <span className="relative z-10 italic">{chunks}</span>
+                <Scribble variant="underline" className="w-full h-full top-full left-0" />
+              </span>
+            )
+          })}
         </h2>
       </div>
     </section>