headings

app/[locale]/blog/page.tsx

@@ -69,9 +69,9 @@ export default async function BlogIndex({ params: { locale } }: BlogIndexProps)
               <Badge variant="saturated" className="mb-4 md:mb-6">{t('featuredPost')}</Badge>
               {featuredPost && (
                 <>
-                  <h1 className="text-3xl md:text-6xl font-extrabold text-white mb-4 md:mb-8 leading-[1.1] line-clamp-3 md:line-clamp-none">
+                  <Heading level={1} className="text-white mb-4 md:mb-8">
                     {featuredPost.frontmatter.title}
-                  </h1>
+                  </Heading>
                   <p className="text-base md:text-xl text-white/80 mb-6 md:mb-10 line-clamp-2 md:line-clamp-2 max-w-2xl">
                     {featuredPost.frontmatter.excerpt}
                   </p>