diff --git a/apps/website/app/favicon.ico b/apps/website/src/app/favicon.ico
similarity index 100%
rename from apps/website/app/favicon.ico
rename to apps/website/src/app/favicon.ico
diff --git a/apps/website/app/globals.css b/apps/website/src/app/globals.css
similarity index 100%
rename from apps/website/app/globals.css
rename to apps/website/src/app/globals.css
diff --git a/apps/website/app/layout.tsx b/apps/website/src/app/layout.tsx
similarity index 100%
rename from apps/website/app/layout.tsx
rename to apps/website/src/app/layout.tsx
diff --git a/apps/website/app/page.tsx b/apps/website/src/app/page.tsx
similarity index 100%
rename from apps/website/app/page.tsx
rename to apps/website/src/app/page.tsx
diff --git a/apps/website/app/provider.tsx b/apps/website/src/app/provider.tsx
similarity index 100%
rename from apps/website/app/provider.tsx
rename to apps/website/src/app/provider.tsx
diff --git a/apps/website/app/site.webmanifest b/apps/website/src/app/site.webmanifest
similarity index 100%
rename from apps/website/app/site.webmanifest
rename to apps/website/src/app/site.webmanifest
diff --git a/apps/website/public/assets/logo.svg b/apps/website/src/assets/logo.svg
similarity index 100%
rename from apps/website/public/assets/logo.svg
rename to apps/website/src/assets/logo.svg
diff --git a/apps/website/components/color-picker.tsx b/apps/website/src/components/color-picker.tsx
similarity index 100%
rename from apps/website/components/color-picker.tsx
rename to apps/website/src/components/color-picker.tsx
diff --git a/apps/website/components/palette/index.ts b/apps/website/src/components/palette/index.ts
similarity index 100%
rename from apps/website/components/palette/index.ts
rename to apps/website/src/components/palette/index.ts
diff --git a/apps/website/components/palette/intro.tsx b/apps/website/src/components/palette/intro.tsx
similarity index 100%
rename from apps/website/components/palette/intro.tsx
rename to apps/website/src/components/palette/intro.tsx
diff --git a/apps/website/components/palette/logo.tsx b/apps/website/src/components/palette/logo.tsx
similarity index 100%
rename from apps/website/components/palette/logo.tsx
rename to apps/website/src/components/palette/logo.tsx
diff --git a/apps/website/components/palette/swatches.tsx b/apps/website/src/components/palette/swatches.tsx
similarity index 100%
rename from apps/website/components/palette/swatches.tsx
rename to apps/website/src/components/palette/swatches.tsx
diff --git a/apps/website/components/palette/tools.tsx b/apps/website/src/components/palette/tools.tsx
similarity index 100%
rename from apps/website/components/palette/tools.tsx
rename to apps/website/src/components/palette/tools.tsx
diff --git a/apps/website/components/palette/utils.tsx b/apps/website/src/components/palette/utils.tsx
similarity index 100%
rename from apps/website/components/palette/utils.tsx
rename to apps/website/src/components/palette/utils.tsx
diff --git a/apps/website/utils/color.ts b/apps/website/src/utils/color.ts
similarity index 100%
rename from apps/website/utils/color.ts
rename to apps/website/src/utils/color.ts
diff --git a/apps/website/utils/use-isomorphic-layout-effect.ts b/apps/website/src/utils/use-isomorphic-layout-effect.ts
similarity index 100%
rename from apps/website/utils/use-isomorphic-layout-effect.ts
rename to apps/website/src/utils/use-isomorphic-layout-effect.ts
diff --git a/apps/website/utils/use-memoized-fn.ts b/apps/website/src/utils/use-memoized-fn.ts
similarity index 100%
rename from apps/website/utils/use-memoized-fn.ts
rename to apps/website/src/utils/use-memoized-fn.ts
diff --git a/apps/website/utils/use-props-value.ts b/apps/website/src/utils/use-props-value.ts
similarity index 100%
rename from apps/website/utils/use-props-value.ts
rename to apps/website/src/utils/use-props-value.ts
diff --git a/apps/website/utils/use-window-dimensions.ts b/apps/website/src/utils/use-window-dimensions.ts
similarity index 100%
rename from apps/website/utils/use-window-dimensions.ts
rename to apps/website/src/utils/use-window-dimensions.ts
diff --git a/apps/website/tailwind.config.ts b/apps/website/tailwind.config.ts
index 4ea7e4b..d30f1d7 100644
--- a/apps/website/tailwind.config.ts
+++ b/apps/website/tailwind.config.ts
@@ -5,8 +5,7 @@ import typography from '@tailwindcss/typography'
 
 const config: Config = {
   content: [
-    './components/**/*.{js,ts,jsx,tsx,mdx}',
-    './app/**/*.{js,ts,jsx,tsx,mdx}',
+    './src/**/*.{js,ts,jsx,tsx,mdx}',
     './node_modules/@nextui-org/theme/dist/**/*.{js,ts,jsx,tsx}',
     '../../node_modules/@nextui-org/theme/dist/**/*.{js,ts,jsx,tsx}',
   ],
diff --git a/apps/website/tsconfig.json b/apps/website/tsconfig.json
index 2425817..31f0c03 100644
--- a/apps/website/tsconfig.json
+++ b/apps/website/tsconfig.json
@@ -21,7 +21,7 @@
     ],
     "baseUrl": ".",
     "paths": {
-      "~/*": ["./*"]
+      "~/*": ["./src/*"]
     }
   },
   "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts", "../../tools/**/*.ts"],
diff --git a/readme.md b/readme.md
index 44e43a2..dd8a6ae 100644
--- a/readme.md
+++ b/readme.md
@@ -1,9 +1,9 @@
 # 🎨 ColorKit Palette
 
-<p align="center">
+<div style="display: flex;justify-content: center;gap: 8px;">
   <img src="./tools/color-kit-palette.svg" width="200" height="200" />
-  <img src="./apps/website/public/assets/logo.svg" width="200" height="200" />
-</p>
+  <img src="./apps/website/src/assets/logo.svg" width="200" height="200" />
+</div>
 
 ## Building your own palette with ColorKit Palette