wip

components/home/RecentPosts.tsx

@@ -9,6 +9,7 @@ interface RecentPostsProps {
 }
 
 export default async function RecentPosts({ locale }: RecentPostsProps) {
+  const t = await getTranslations('Blog');
   const posts = await getAllPosts(locale);
   const recentPosts = posts.slice(0, 3);
 
@@ -18,11 +19,11 @@ export default async function RecentPosts({ locale }: RecentPostsProps) {
     <Section className="bg-neutral py-16 md:py-24">
       <Container>
         <div className="flex flex-col md:flex-row items-start md:items-end justify-between mb-12 md:mb-16 gap-6">
-          <Heading level={2} subtitle="Insights" className="mb-0">
-            {locale === 'de' ? 'Aktuelle Blogbeiträge' : 'Recent Blog Posts'}
+          <Heading level={2} subtitle={t('latestNews')} className="mb-0">
+            {t('allArticles')}
           </Heading>
           <Link href={`/${locale}/blog`} className="group flex items-center text-primary font-bold text-lg touch-target">
-            {locale === 'de' ? 'Alle Beiträge ansehen' : 'View all posts'} 
+            {t('allArticles')} 
             <span className="ml-2 transition-transform group-hover:translate-x-2">&rarr;</span>
           </Link>
         </div>
@@ -59,7 +60,7 @@ export default async function RecentPosts({ locale }: RecentPostsProps) {
                     {post.frontmatter.title}
                   </h3>
                   <div className="mt-auto flex items-center text-primary font-bold group-hover:underline decoration-2 underline-offset-4">
-                    {locale === 'de' ? 'Weiterlesen' : 'Read more'}
+                    {t('readMore')}
                     <svg className="ml-2 w-5 h-5 transition-transform group-hover:translate-x-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                       <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M17 8l4 4m0 0l-4 4m4-4H3" />
                     </svg>