diff --git a/app/components/cards/TrashCards.tsx b/app/components/cards/TrashCards.tsx
deleted file mode 100644
index 1a205cf..0000000
--- a/app/components/cards/TrashCards.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import Image from "next/image";
-
-
-export interface Trash {
-    file: string,
-    description: string,
-    filetype: string,
-    filesize: string,
-}
-
-const TrashCards = ({ file, description, filetype, filesize }: Trash) => {
-    return (
-        <div className="w-[191px] h-[195px] flex flex-col overflow-hidden rounded-sm bg-white shadow-sm hover:transform hover:scale-105 transition-transform duration-300 ease-in-out">
-            <Image src={file} alt={description} width={191} height={150} className="w-[191px] h-[150px] rounded-sm  object-cover min-h-[140px]" />
-            <div className="flex flex-col gap-1 p-2">
-                <p className="text-sm font-medium truncate">{description}</p>
-                <div className="flex gap-1 items-center align-middle p-0">
-                    <p className="text-xs text-gray-500 ">{filetype}</p>{" "}
-                    .{" "}
-                    <p className="text-xs text-gray-500">{filesize}</p>
-                </div>
-            </div>
-        </div>
-
-    );
-}
-
-export default TrashCards;
\ No newline at end of file
diff --git a/app/components/common/EmptyRecords.tsx b/app/components/common/EmptyRecords.tsx
deleted file mode 100644
index 59ae883..0000000
--- a/app/components/common/EmptyRecords.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import Image from 'next/image'
-import React from 'react'
-
-export interface EmptyRecordsProps {
-    image: string,
-    shortDescription: string,
-    longDescription: string,
-}
-
-export default function EmptyRecords({ image, shortDescription, longDescription }: EmptyRecordsProps) {
-    return (
-        <div className='h-[100%] p-10 w-full  flex flex-col justify-center items-center gap-[10px]'>
-            <Image src={image} alt={shortDescription} width={240} height={240} />
-            <h5 className='text-2xl font-bold '>{shortDescription}</h5>
-            <p className='text-gray-500  md:w-[550px] text-center w-fit'>
-                {longDescription}
-            </p>
-        </div>
-    )
-}
diff --git a/app/creator/page.tsx b/app/creator/page.tsx
index 85c0a07..cfc51d7 100644
--- a/app/creator/page.tsx
+++ b/app/creator/page.tsx
@@ -1,5 +1,5 @@
-import { Home_Banner } from "../components/Home_Banner";
-import Recent_Creation from "../components/Recent_Creation";
+import { Home_Banner } from "../../components/Home_Banner";
+import Recent_Creation from "../../components/Recent_Creation";
 
 const CreatorPage: React.FC = () => {
   return (
diff --git a/app/components/Home_Banner.tsx b/components/Home_Banner.tsx
similarity index 100%
rename from app/components/Home_Banner.tsx
rename to components/Home_Banner.tsx
diff --git a/app/components/Recent_Card.tsx b/components/Recent_Card.tsx
similarity index 100%
rename from app/components/Recent_Card.tsx
rename to components/Recent_Card.tsx
diff --git a/app/components/Recent_Creation.tsx b/components/Recent_Creation.tsx
similarity index 100%
rename from app/components/Recent_Creation.tsx
rename to components/Recent_Creation.tsx