classe et espece

src/pages/index.astro

@@ -32,6 +32,12 @@ const allTags = [
             </p>
         </header>
 
+        <div class="creation-button-container">
+            <a href="/creation" class="creation-button"
+                >Création de Personnage</a
+            >
+        </div>
+
         <Timeline eras={eras} />
 
         <ContentSearch posts={sortedPosts} tags={allTags} basePath="journal" />
@@ -39,6 +45,30 @@ const allTags = [
 </GameLayout>
 
 <style is:global>
+    .creation-button-container {
+        text-align: center;
+        margin: 3rem 0;
+    }
+
+    .creation-button {
+        font-family: "Cinzel", serif;
+        font-size: 1.2rem;
+        background: #c89b3c;
+        color: white;
+        border: none;
+        padding: 0.75rem 2rem;
+        border-radius: 5px;
+        cursor: pointer;
+        transition: background-color 0.3s;
+        text-decoration: none;
+        display: inline-block;
+        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
+    }
+
+    .creation-button:hover {
+        background: #a27c2c;
+    }
+
     .index-container {
         max-width: 1000px;
         margin: 0 auto;