wip

components/home/GallerySection.tsx

@@ -1,8 +1,10 @@
 import React from 'react';
 import Image from 'next/image';
+import { useTranslations } from 'next-intl';
 import { Section, Container } from '../../components/ui';
 
 export default function GallerySection() {
+  const t = useTranslations('Home.gallery');
   const images = [
     '/uploads/2024/12/DSC07433-Large-600x400.webp',
     '/uploads/2024/12/DSC07460-Large-600x400.webp',
@@ -16,7 +18,7 @@ export default function GallerySection() {
     <Section className="bg-white text-neutral-dark py-24">
       <Container>
         <div className="text-center mb-16">
-          <h2 className="text-4xl md:text-5xl font-bold">Strong Connections for a Sustainable World.</h2>
+          <h2 className="text-4xl md:text-5xl font-bold">{t('title')}</h2>
         </div>
         
         <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
@@ -24,7 +26,7 @@ export default function GallerySection() {
             <div key={idx} className="relative aspect-[4/3] overflow-hidden rounded-lg group">
               <Image 
                 src={src} 
-                alt={`Gallery image ${idx + 1}`}
+                alt={`${t('alt')} ${idx + 1}`}
                 fill
                 className="object-cover transition-transform duration-500 group-hover:scale-110"
                 unoptimized