feat: add image assets and background, update site metadata, and initialize project dependencies

app/minecraft/layout.tsx

@@ -3,10 +3,7 @@ import { Metadata } from "next";
 const siteUrl = process.env.BASE_URL;
 
 export const metadata: Metadata = {
-  title: {
-    default: "Erika's SMP",
-    template: "%s | Erika!",
-  },
+  title: "Erika's SMP",
     openGraph: {
     type: "website",
     locale: "th_TH",

app/minecraft/page.tsx

@@ -2,10 +2,19 @@ import { CopyButton } from "@/components/copybutton";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { MapIframe } from "./client";
 import { Kbd } from "@/components/ui/kbd"
+import Image from 'next/image';
 
 export default function MinecraftJoinPage() {
-  return (
+  return ( 
     <div className="container max-w-4xl py-10 mx-auto">
+      <div className="fixed inset-0 -z-10">
+        <Image 
+          src="/mc-bg.png"
+          alt="bg"
+          fill
+          className="object-cover"
+        />
+      </div>
       <Card className="mb-8">
         <CardHeader>
           <CardTitle>Erika's SMP</CardTitle>

lib/config.ts

@@ -24,25 +24,25 @@ export const config = {
       name: "Roblox profile",
       link: "https://www.roblox.com/users/4269713791/profile",
       desc: "โปรไฟล์กุเองน้อง",
-      icon: "/roblox.webp",
+      icon: "/icon/roblox.webp",
     },
     {
       name: "Discord server",
       link: "https://discord.com/invite/3cZQbvW6cF",
       desc: "เข้าเซิร์ฟเวอร์ในดิส",
-      icon: "/discord.webp",
+      icon: "/icon/discord.webp",
     },
     {
       name: "Tiktok",
       link: "https://www.tiktok.com/@erika.bombay007",
       desc: "กดติดตามใน Tiktok",
-      icon: "/tiktok.webp",
+      icon: "/icon/tiktok.webp",
     },
     {
       name: "Youtube",
       link: "https://www.youtube.com/@Erika%E0%B9%80%E0%B8%AD%E0%B8%A3%E0%B8%B4%E0%B8%81%E0%B9%89%E0%B8%B2/videos",
       desc: "กดติดตามใน Youtube",
-      icon: "/youtube.webp",
+      icon: "/icon/youtube.webp",
     }
   ] as LinkConfig[]
 };
@@ -54,13 +54,13 @@ export const config_p2 = {
       name: "Form",
       link: "/form",
       desc: "กรอกฟอร์ม",
-      icon: "/form.webp",
+      icon: "/icon/form.webp",
     },
     {
       name: "Minecraft",
       link: "/minecraft",
       desc: "เข้าเซิร์ฟเวอร์ Minecraft",
-      icon: "/mc.webp",
+      icon: "/icon/mc.webp",
     }
   ] as LinkConfig[]
 };