최대한 내부에서 처리하게게

src/components/Home/About.tsx

@@ -1,5 +1,4 @@
 import { useEffect, useState } from "react";
-import { Card, CardContent, CardHeader } from "../ui/card";
 
 export default function About() {
     const [time, setTime] = useState<string>("");

src/components/Home/AboutOld.tsx

@@ -1,43 +0,0 @@
-import { useEffect, useState } from "react";
-
-export default function About() {
-    const [posts, setPosts] = useState<any[]>([]);
-
-    useEffect(() => {
-        fetch("https://api.imnya.ng/rss", {
-            method: "GET",
-            headers: {
-                "Content-Type": "application/json"
-            }
-        })
-            .then(response => response.json())
-            .then(data => {
-                if (data) {
-                    setPosts(data.slice(0, 3));
-                } else {
-                    console.error("Error: data is undefined");
-                }
-            })
-            .catch(error => console.error("Error fetching posts:", error));
-    }, []);
-
-    return (
-        <div className="w-full h-screen flex flex-col items-center justify-center">
-            <div className="w-full md:w-[50%] p-4">
-                <h1 className="text-2xl font-bold">🤔 About</h1>
-                <p className="mt-2">안녕하세요! 저는 암냥이라는 이름으로 활동하고 있는 학생 개발자 남현석입니다.</p>
-                <p>With <a href="https://sqlare.com">Sqlare</a>, <a href="https://team.orygonix.com">TEAM. ORYGON:IX</a></p>
-            </div>
-            <div className="w-full md:w-[50%] p-4">
-                <strong>최근 블로그 글</strong>
-                <ul>
-                    {posts.map((post, index) => (
-                        <li key={index}>
-                            <a href={post.link}>{post.title}</a>
-                        </li>
-                    ))}
-                </ul>
-            </div>
-        </div>
-    );
-}

src/components/Home/Top.tsx

@@ -1,5 +1,6 @@
 import { useState } from "react";
 import "../../index.css";
+import Image from "@/profile.avif";
 
 export default function Top() {
   const [mousePos, setMousePos] = useState({ x: 50, y: 50 });
@@ -49,7 +50,7 @@ export default function Top() {
           onWheel={handleWheel}
         >
           <img
-            src="https://f.imnya.ng/profile/b.avif"
+            src={Image}
             alt="Me"
             className="w-full h-full object-cover rounded-3xl transition-transform duration-500 ease-out"
             style={{

src/types.d.ts

@@ -2,3 +2,8 @@ declare module "*.svg" {
   const content: string;
   export default content;
 }
+
+declare module "*.avif" {
+  const value: string;
+  export default value;
+}

styles/globals.css

@@ -1,5 +1,4 @@
 @import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");
-@import url('https://cdn.jsdelivr.net/gh/toss/tossface/dist/tossface.css');
 @import "tailwindcss";
 
 @plugin "tailwindcss-animate";
@@ -15,10 +14,6 @@
 	font-family: "NType82Headline" !important;
 }
 
-.tossface {
-  font-family: Tossface;
-}
-
 .tnum {
   font-feature-settings: "tnum";
 }