draft

Author: staticWagomU

2025/src/assets/sponsors/atware-logo.png

@@ -1,4 +1,5 @@
 ---
+import { getCollection } from "astro:content";
 import Card from "../Card.astro";
 import Heading from "../Heading.astro";
 import {
@@ -9,8 +10,47 @@ import {
   FileText,
   MessageCircle,
 } from "@lucide/astro";
+
+const sponsorsData = await getCollection('sponsors');
+
+const sponsors = sponsorsData[0].data.sponsor;
+
+const sponsorsByRank = sponsors.reduce((acc, sponsor) => {
+  if (!acc[sponsor.rank]) {
+    acc[sponsor.rank] = [];
+  }
+  acc[sponsor.rank].push(sponsor);
+  return acc;
+}, {} as Record<string, typeof sponsors>);
+
+const rankOrder = ['platinum', 'gold', 'silver', 'bronze'];
 ---
 
+  {rankOrder.map(rank => (
+    sponsorsByRank[rank] && (
+      <div class="sponsor-rank-section">
+        <h3 class="rank-title">{rank}</h3>
+        <div class="sponsors-grid">
+          {sponsorsByRank[rank].map(sponsor => (
+            <a 
+              href={sponsor.url} 
+              class={`sponsor-card sponsor-${rank}`}
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              <img 
+                src={`/images/sponsors/${sponsor.image}`} 
+                alt={sponsor.name}
+                class="sponsor-logo"
+              />
+              <p class="sponsor-name">{sponsor.name}</p>
+            </a>
+          ))}
+        </div>
+      </div>
+    )
+  ))}
+
 <section id="sponsors" class="bg-emerald-50 py-10 md:py-16">
   <div class="container mx-auto px-4">
     <Heading> スポンサー </Heading>

2025/src/assets/sponsors/dena-logo.png

@@ -0,0 +1,25 @@
+// src/content/config.ts
+import { defineCollection, z } from 'astro:content';
+import { glob } from 'astro/loaders';
+
+const sponsors = defineCollection({
+  loader: glob({
+    pattern: 'nanashi.hoge.toml',
+    base: './src/data'
+  }),
+  schema: z.object({
+    sponsor: z.array(
+      z.object({
+        rank: z.enum(['gold', 'silver', 'bronze']),
+        name: z.string(),
+        url: z.string().url(),
+        image: z.string()
+      })
+    )
+  })
+});
+
+// コレクションのエクスポート
+export const collections = {
+  sponsors
+};