wip

components/home/MeetTheTeam.tsx

@@ -1,9 +1,13 @@
 import React from 'react';
 import Link from 'next/link';
 import Image from 'next/image';
+import { useTranslations, useLocale } from 'next-intl';
 import { Section, Container, Button } from '../../components/ui';
 
 export default function MeetTheTeam() {
+  const t = useTranslations('Home.meetTheTeam');
+  const locale = useLocale();
+
   return (
     <Section className="relative py-24 md:py-32 overflow-hidden">
       <div className="absolute inset-0 z-0">
@@ -26,17 +30,17 @@ export default function MeetTheTeam() {
                  <span className="font-bold">KLZ</span>
                </div>
             </div>
-            <h2 className="text-3xl font-bold">Meet the team behind KLZ</h2>
+            <h2 className="text-3xl font-bold">{t('title')}</h2>
           </div>
           
           <div className="bg-white/10 backdrop-blur-sm rounded-lg p-6 mb-8 border border-white/10">
             <p className="text-lg leading-relaxed">
-              At KLZ, our team is the power behind the cables. From seasoned experts like Michael and Klaus to a dedicated group of planners, logistics specialists, and customer support professionals, every member plays a vital role. Together, we combine decades of experience, innovative thinking, and a shared commitment to delivering reliable energy solutions.
+              {t('description')}
             </p>
           </div>
           
-          <Button href="/team" variant="primary" size="lg">
-            Checkout our team
+          <Button href={`/${locale}/team`} variant="primary" size="lg">
+            {t('cta')}
           </Button>
         </div>
       </Container>