fixed

src/app/(pages)/page.tsx

@@ -1,5 +1,24 @@
-import { NextPage } from "next";
+import { NextPage, Metadata } from "next";
 import Image from "next/image";
+import { Activity, ActivityData } from "@/components/pages/Home";
+
+export const metadata: Metadata = {
+    title: "ホーム",
+    description: "tuna2134のホームページ",
+};
+
+const activities: ActivityData[] = [
+    {
+        title: "cecilia",
+        description: "Next.jsで作成したポートフォリオサイトです。",
+        url: "https://github.com/tuna2134/cecilia",
+    },
+    {
+        title: "Neody Networks",
+        description: "AS152873をはじめインフラをメインで運用しています。",
+        url: "https://neody.ad.jp",
+    },
+];
 
 const Home: NextPage = () => {
     return (
@@ -21,6 +40,11 @@ const Home: NextPage = () => {
             </div>
             <div>
                 <h3 className="text-xl font-bold mb-4">最近の活動</h3>
+                <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+                    {activities.map((activity, index) => (
+                        <Activity key={index} activity={activity} />
+                    ))}
+                </div>
             </div>
         </>
     );

src/app/layout.tsx

@@ -27,9 +27,7 @@ export default function RootLayout({
             lang="ja"
             className={`${geistSans.variable} ${geistMono.variable} h-full antialiased`}
         >
-            <body className="min-h-full flex flex-col bg-black text-white">
-                {children}
-            </body>
+            <body className="min-h-full flex flex-col">{children}</body>
         </html>
     );
 }