@@ -47,7 +47,7 @@ defineOgImageComponent('Default', {
4747 </script >
4848
4949<template >
50- <main class = " container min-h-screen flex flex-col " >
50+ <main >
5151 <!-- Hero section with vertical centering -->
5252 <header class =" flex-1 flex flex-col items-center justify-center text-center py-20" >
5353 <!-- Animated title -->
@@ -116,26 +116,25 @@ defineOgImageComponent('Default', {
116116 <BuildEnvironment class =" mt-4" />
117117 </header >
118118
119- <nav
120- :aria-label =" $t('nav.popular_packages')"
121- class =" pt-4 pb-36 sm:pb-40 text-center motion-safe:animate-fade-in motion-safe:animate-fill-both"
122- style =" animation-delay : 0.3s "
123- >
124- <ul class =" flex flex-wrap items-center justify-center gap-x-6 gap-y-3 list-none m-0 p-0" >
125- <li v-for =" framework in frameworks" :key =" framework.name" >
126- <NuxtLink
127- :to =" { name: 'package', params: { package: [framework.package] } }"
128- class =" link-subtle font-mono text-sm inline-flex items-center gap-2 group"
129- >
130- <span
131- class =" w-1 h-1 rounded-full bg-accent group-hover:bg-fg transition-colors duration-200"
132- />
133- {{ framework.name }}
134- </NuxtLink >
135- </li >
136- </ul >
137- </nav >
138- </section >
119+ <nav
120+ :aria-label =" $t('nav.popular_packages')"
121+ class =" pt-4 pb-36 sm:pb-40 text-center motion-safe:animate-fade-in motion-safe:animate-fill-both"
122+ style =" animation-delay : 0.3s "
123+ >
124+ <ul class =" flex flex-wrap items-center justify-center gap-x-6 gap-y-3 list-none m-0 p-0" >
125+ <li v-for =" framework in frameworks" :key =" framework.name" >
126+ <NuxtLink
127+ :to =" { name: 'package', params: { package: [framework.package] } }"
128+ class =" link-subtle font-mono text-sm inline-flex items-center gap-2 group"
129+ >
130+ <span
131+ class =" w-1 h-1 rounded-full bg-accent group-hover:bg-fg transition-colors duration-200"
132+ />
133+ {{ framework.name }}
134+ </NuxtLink >
135+ </li >
136+ </ul >
137+ </nav >
139138
140139 <section class =" border-t border-border py-24 bg-bg-subtle/10" >
141140 <div class =" container max-w-3xl mx-auto" >
0 commit comments