Merge pull request #246 from pyladies/fix_207

Make PyLadiesCon 2025 card more prominent

Author: cmaureir

src/pages/index.astro

@@ -4,24 +4,24 @@ import Base from "@/layouts/Base.astro";
 
 const cards = [
   {
-    "title": "2025 Conference Website",
+    "title": "PyLadiesCon 2025",
     "description": "Visit this year's website and learn more about the conference. More information soon!",
     "button_url": "https://2025.conference.pyladies.com",
-    "button_text": "Go to site",
-    "classes": "max-w-full p-6 border bg-red-100 border-gray-200 rounded-lg shadow-sm",
+    "button_text": "Tell me more!",
+    "classes": "max-w-full p-6 border bg-red-100 border-gray-200 rounded-lg shadow-sm col-span-2 text-center",
   },
   {
-    "title": "Blog",
+    "title": "Stay up to date",
     "description": "Learn about the latest news about the conference to stay up to date with the deadlines, resources, and more!",
     "button_url": "/blog",
     "button_text": "Latests posts",
     "classes": "max-w-full p-6 border bg-yellow border-gray-200 rounded-lg shadow-sm",
   },
   {
-    "title": "Documentation",
+    "title": "Volunteer",
     "description": "Organizing a conference takes a lot of effort and coordination, you can read how PyLadiesCon is organized here.",
     "button_url": "/docs",
-    "button_text": "Check the docs",
+    "button_text": "Read more",
     "classes": "max-w-full p-6 border bg-yellow border-gray-200 rounded-lg shadow-sm",
   },
 ]
@@ -44,9 +44,9 @@ const previousEvents = [
 ---
 
 <Base>
-  <section class="section">
+  <section class="section py-px pt-10">
     <div class="container">
-      <h1 class="pb-10">Welcome to PyLadiesCon</h1>
+      <h2 class="pb-10 text-center">Welcome to PyLadiesCon</h2>
         <div class="grid grid-cols-2 gap-3">
         {
           cards.map((card) => (
@@ -70,7 +70,7 @@ const previousEvents = [
     </div>
   </section>
 
-  <section class="section">
+  <section class="section py-px pt-5">
     <div class="container">
       <h3 class="pb-10">Previous versions</h3>
       <div class="grid grid-cols-2 gap-3">