feat: カードで囲む

Author: staticWagomU

2025/src/components/KeynoteSpeakers.astro

@@ -9,30 +9,35 @@
       </h2>
       <div class="mx-auto h-1 w-16 bg-emerald-500"></div>
     </div>
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      fill="none"
-      stroke="currentColor"
-      stroke-width="2"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="lucide lucide-users mx-auto mb-4 h-12 w-12 text-emerald-600 md:h-16 md:w-16"
-      ><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle
-        cx="9"
-        cy="7"
-        r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path
-        d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg
+    <div
+      class="mx-auto max-w-2xl border border-gray-100 bg-white p-8 text-center"
     >
-    <h3 class="mx-auto text-center text-lg font-semibold md:text-xl">
-      基調講演者は近日公開
-    </h3>
-    <p
-      class="mx-auto mt-4 max-w-3xl text-center text-base text-gray-700 md:text-lg"
-    >
-      基調講演者は近日公開予定です。お楽しみに！
-    </p>
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke="currentColor"
+        stroke-width="2"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        class="lucide lucide-users mx-auto mb-4 h-12 w-12 text-emerald-600 md:h-16 md:w-16"
+        ><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle
+          cx="9"
+          cy="7"
+          r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path
+          d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg
+      >
+
+      <h3 class="mx-auto text-center text-lg font-semibold md:text-xl">
+        基調講演者は近日公開
+      </h3>
+      <p
+        class="mx-auto mt-4 max-w-3xl text-center text-base text-gray-700 md:text-lg"
+      >
+        基調講演者は近日公開予定です。お楽しみに！
+      </p>
+    </div>
   </div>
 </section>

2025/src/components/Schedule.astro

@@ -6,7 +6,9 @@
       </h2>
       <div class="mx-auto h-1 w-16 bg-emerald-500"></div>
     </div>
-    <div class="grid gap-3">
+    <div
+      class="mx-auto max-w-2xl border border-gray-100 bg-white p-8 text-center"
+    >
       <svg
         xmlns="http://www.w3.org/2000/svg"
         width="24"