refactor: améliorer la mise en page et la structure des composants sur la page d'accueil

app/pages/index.vue

@@ -111,7 +111,7 @@ const resources = [
         </p>
       </div>
 
-      <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+      <div class="flex flex-wrap justify-center gap-6">
         <UCard
           v-for="feature in features"
           :key="feature.title"
@@ -119,6 +119,7 @@ const resources = [
             body: 'p-6'
           }"
           variant="subtle"
+          class="w-full md:w-[calc(50%-12px)] lg:w-[calc(50%-12px)]"
         >
           <div class="flex flex-col items-start gap-4">
             <div class="p-3 rounded-lg bg-primary/10">
@@ -177,15 +178,15 @@ const resources = [
     </UContainer>
 
     <!-- Getting Started -->
-    <UContainer class="py-16">
+    <UContainer class="py-16 w-full sm:w-3/4 lg:w-1/2 mx-auto">
       <UCard
         :ui="{
           body: 'p-8 sm:p-12'
         }"
         variant="outline"
       >
-        <div class="grid md:grid-cols-2 gap-8">
-          <div>
+        <div class="flex gap-8">
+          <div class="w-full">
             <h3 class="text-2xl font-bold text-gray-900 dark:text-white mb-4">
               For Developers (REST API)
             </h3>
@@ -216,18 +217,7 @@ curl https://api.arthurdanjou.fr/api/skills</code>
         <h2 class="text-3xl font-bold text-gray-900 dark:text-white mb-4">
           Ready to Get Started?
         </h2>
-        <p class="text-lg text-gray-600 dark:text-gray-400 mb-8">
-          Explore the full documentation or try the API now
-        </p>
         <div class="flex flex-col sm:flex-row gap-4 justify-center">
-          <UButton
-            to="/docs"
-            size="xl"
-            icon="i-heroicons-arrow-right"
-            trailing
-          >
-            Read Documentation
-          </UButton>
           <UButton
             to="/api/profile"
             target="_blank"