try to deploy

{src/app → app}/layout.tsx

@@ -1,7 +1,7 @@
 import type { Metadata } from "next";
 import { Inter } from "next/font/google";
-import "@/src/assets/globals.css";
-import { Header } from "@/src/components/header";
+import "@/assets/globals.css";
+import { Header } from "@/components/header";
 
 const inter = Inter({ subsets: ["latin"] });
 

{src/app → app}/page.tsx

@@ -1,4 +1,4 @@
-import { FormUpload } from "@/src/components/form";
+import { FormUpload } from "@/components/form";
 
 export default function Home() {
   return (

{src/components → components}/form/results.tsx

@@ -1,6 +1,6 @@
 import Image from "next/image";
 
-import HFSad from "@/src/assets/hfsad.svg";
+import HFSad from "@/assets/hfsad.svg";
 interface ResultsInterface {
   label: string;
   score: number;

{src/components → components}/header.tsx

@@ -1,6 +1,6 @@
 import Image from "next/image";
 
-import HuggingFaceLogo from "@/src/assets/hf-logo.svg";
+import HuggingFaceLogo from "@/assets/hf-logo.svg";
 
 export const Header = () => {
   return (

tailwind.config.ts

@@ -3,8 +3,8 @@ import type { Config } from 'tailwindcss'
 const config: Config = {
   content: [
     './pages/**/*.{js,ts,jsx,tsx,mdx}',
-    './src/components/**/*.{js,ts,jsx,tsx,mdx}',
-    './src/app/**/*.{js,ts,jsx,tsx,mdx}',
+    './components/**/*.{js,ts,jsx,tsx,mdx}',
+    './app/**/*.{js,ts,jsx,tsx,mdx}',
   ],
   theme: {
     extend: {

tsconfig.json

@@ -34,7 +34,7 @@
     "**/*.tsx",
     ".next/types/**/*.ts",
     "out/types/**/*.ts"
-, "utils/classification-pipeline.js", "src/app/api/check-hair-color/pipeline.ts"  ],
+, "utils/classification-pipeline.js", "app/api/check-hair-color/pipeline.ts"  ],
   "exclude": [
     "node_modules"
   ]