From 66bec248392499c8ea31e5338817acd5ed8e9778 Mon Sep 17 00:00:00 2001
From: Arthur DANJOU <arthurdanjou@outlook.fr>
Date: Fri, 19 Dec 2025 17:02:19 +0100
Subject: [PATCH] =?UTF-8?q?refactor:=20am=C3=A9liorer=20la=20mise=20en=20p?=
 =?UTF-8?q?age=20et=20la=20structure=20des=20composants=20sur=20la=20page?=
 =?UTF-8?q?=20d'accueil?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/pages/index.vue | 20 +++++---------------
 1 file changed, 5 insertions(+), 15 deletions(-)

diff --git a/app/pages/index.vue b/app/pages/index.vue
index c2d7668..b122918 100644
--- a/app/pages/index.vue
+++ b/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"