diff --git a/.eslintrc.json b/frontend/.eslintrc.json
similarity index 100%
rename from .eslintrc.json
rename to frontend/.eslintrc.json
diff --git a/.gitignore b/frontend/.gitignore
similarity index 98%
rename from .gitignore
rename to frontend/.gitignore
index fd3dbb5..00bba9b 100644
--- a/.gitignore
+++ b/frontend/.gitignore
@@ -27,6 +27,7 @@ yarn-error.log*
 
 # local env files
 .env*.local
+.env
 
 # vercel
 .vercel
diff --git a/README.md b/frontend/README.md
similarity index 100%
rename from README.md
rename to frontend/README.md
diff --git a/bun.lockb b/frontend/bun.lockb
similarity index 100%
rename from bun.lockb
rename to frontend/bun.lockb
diff --git a/components.json b/frontend/components.json
similarity index 100%
rename from components.json
rename to frontend/components.json
diff --git a/next.config.mjs b/frontend/next.config.mjs
similarity index 100%
rename from next.config.mjs
rename to frontend/next.config.mjs
diff --git a/package.json b/frontend/package.json
similarity index 100%
rename from package.json
rename to frontend/package.json
diff --git a/postcss.config.js b/frontend/postcss.config.js
similarity index 100%
rename from postcss.config.js
rename to frontend/postcss.config.js
diff --git a/public/Mockup 13.jpg b/frontend/public/Mockup 13.jpg
similarity index 100%
rename from public/Mockup 13.jpg
rename to frontend/public/Mockup 13.jpg
diff --git a/public/Mockup 72.jpg b/frontend/public/Mockup 72.jpg
similarity index 100%
rename from public/Mockup 72.jpg
rename to frontend/public/Mockup 72.jpg
diff --git a/public/Mockup 74.jpg b/frontend/public/Mockup 74.jpg
similarity index 100%
rename from public/Mockup 74.jpg
rename to frontend/public/Mockup 74.jpg
diff --git a/src/app/favicon.ico b/frontend/src/app/favicon.ico
similarity index 100%
rename from src/app/favicon.ico
rename to frontend/src/app/favicon.ico
diff --git a/src/app/globals.css b/frontend/src/app/globals.css
similarity index 100%
rename from src/app/globals.css
rename to frontend/src/app/globals.css
diff --git a/src/app/layout.tsx b/frontend/src/app/layout.tsx
similarity index 100%
rename from src/app/layout.tsx
rename to frontend/src/app/layout.tsx
diff --git a/src/app/page.tsx b/frontend/src/app/page.tsx
similarity index 86%
rename from src/app/page.tsx
rename to frontend/src/app/page.tsx
index ff56f3f..1742c05 100644
--- a/src/app/page.tsx
+++ b/frontend/src/app/page.tsx
@@ -1,11 +1,11 @@
 import Image from "next/image";
-import MenuCard from "@/components/ui/MenuCard/MenuCard";
+import MenuCard from "../components/ui/MenuCard/MenuCard";
 import Product from "./products.json";
 import { cn } from "../lib/utils";
 
 export default function Home() {
   return (
-    <main className="flex min-h-screen flex-col px-20 bg-[#1D1F1D]">
+    <main className="flex min-h-screen flex-col px-20 bg-[#F5F5F5">
       {/* Title */}
       <div className="text-4xl w-full justify-center text-center items-center flex py-12 font-medium text-orange-600">
         <span>Kevo&#39;s Attire</span>
diff --git a/src/app/products.json b/frontend/src/app/products.json
similarity index 100%
rename from src/app/products.json
rename to frontend/src/app/products.json
diff --git a/src/components/ui/MenuCard/Inter-Bold.woff b/frontend/src/components/ui/MenuCard/Inter-Bold.woff
similarity index 100%
rename from src/components/ui/MenuCard/Inter-Bold.woff
rename to frontend/src/components/ui/MenuCard/Inter-Bold.woff
diff --git a/src/components/ui/MenuCard/Inter-ExtraBold.woff b/frontend/src/components/ui/MenuCard/Inter-ExtraBold.woff
similarity index 100%
rename from src/components/ui/MenuCard/Inter-ExtraBold.woff
rename to frontend/src/components/ui/MenuCard/Inter-ExtraBold.woff
diff --git a/src/components/ui/MenuCard/MenuCard.tsx b/frontend/src/components/ui/MenuCard/MenuCard.tsx
similarity index 98%
rename from src/components/ui/MenuCard/MenuCard.tsx
rename to frontend/src/components/ui/MenuCard/MenuCard.tsx
index c2717c9..0b1b8bc 100644
--- a/src/components/ui/MenuCard/MenuCard.tsx
+++ b/frontend/src/components/ui/MenuCard/MenuCard.tsx
@@ -3,7 +3,7 @@ import * as React from "react";
 import Image from "next/image";
 import localFont from "next/font/local";
 import { Inter } from "next/font/google";
-import { Card } from "@/components/ui/card";
+import { Card } from "../card";
 
 const interBold = localFont({
   src: "./Inter-Bold.woff",
diff --git a/src/components/ui/card.tsx b/frontend/src/components/ui/card.tsx
similarity index 98%
rename from src/components/ui/card.tsx
rename to frontend/src/components/ui/card.tsx
index afa13ec..c1b6fbb 100644
--- a/src/components/ui/card.tsx
+++ b/frontend/src/components/ui/card.tsx
@@ -1,6 +1,6 @@
 import * as React from "react"
 
-import { cn } from "@/lib/utils"
+import { cn } from "../../lib/utils"
 
 const Card = React.forwardRef<
   HTMLDivElement,
diff --git a/src/lib/utils.ts b/frontend/src/lib/utils.ts
similarity index 100%
rename from src/lib/utils.ts
rename to frontend/src/lib/utils.ts
diff --git a/tailwind.config.ts b/frontend/tailwind.config.ts
similarity index 100%
rename from tailwind.config.ts
rename to frontend/tailwind.config.ts
diff --git a/tsconfig.json b/frontend/tsconfig.json
similarity index 94%
rename from tsconfig.json
rename to frontend/tsconfig.json
index 7b28589..c23c824 100644
--- a/tsconfig.json
+++ b/frontend/tsconfig.json
@@ -18,7 +18,7 @@
       }
     ],
     "paths": {
-      "@/*": ["./src/*"]
+      "@/*": ["frontend/src/*"]
     }
   },
   "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],