diff --git a/.storybook/main.ts b/.storybook/main.ts
index 0e7cdd7..829f1cd 100644
--- a/.storybook/main.ts
+++ b/.storybook/main.ts
@@ -2,8 +2,8 @@ import type { StorybookConfig } from '@storybook/react-vite';
 
 const config: StorybookConfig = {
   "stories": [
-    "../stories/**/*.mdx",
-    "../stories/**/*.stories.@(js|jsx|mjs|ts|tsx)"
+    "../app/components/*.mdx",
+    "../app/components/**/*.stories.@(js|jsx|mjs|ts|tsx)"
   ],
   "addons": [
     "@storybook/addon-essentials",
@@ -20,4 +20,4 @@ const config: StorybookConfig = {
     }
   }
 };
-export default config;
\ No newline at end of file
+export default config;
diff --git a/stories/Button.stories.ts b/app/components/Button/Button.stories.ts
similarity index 100%
rename from stories/Button.stories.ts
rename to app/components/Button/Button.stories.ts
diff --git a/stories/Button.tsx b/app/components/Button/Button.tsx
similarity index 100%
rename from stories/Button.tsx
rename to app/components/Button/Button.tsx
diff --git a/stories/button.css b/app/components/Button/button.css
similarity index 100%
rename from stories/button.css
rename to app/components/Button/button.css
diff --git a/stories/Configure.mdx b/app/components/Configure.mdx
similarity index 100%
rename from stories/Configure.mdx
rename to app/components/Configure.mdx
diff --git a/stories/Header.stories.ts b/app/components/Header/Header.stories.ts
similarity index 100%
rename from stories/Header.stories.ts
rename to app/components/Header/Header.stories.ts
diff --git a/stories/Header.tsx b/app/components/Header/Header.tsx
similarity index 97%
rename from stories/Header.tsx
rename to app/components/Header/Header.tsx
index 1bf981a..f99dbf2 100644
--- a/stories/Header.tsx
+++ b/app/components/Header/Header.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { Button } from './Button';
+import { Button } from '../Button/Button';
 import './header.css';
 
 type User = {
diff --git a/stories/header.css b/app/components/Header/header.css
similarity index 100%
rename from stories/header.css
rename to app/components/Header/header.css
diff --git a/stories/Page.stories.ts b/app/components/Page/Page.stories.ts
similarity index 100%
rename from stories/Page.stories.ts
rename to app/components/Page/Page.stories.ts
diff --git a/stories/Page.tsx b/app/components/Page/Page.tsx
similarity index 98%
rename from stories/Page.tsx
rename to app/components/Page/Page.tsx
index e117483..e346561 100644
--- a/stories/Page.tsx
+++ b/app/components/Page/Page.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { Header } from './Header';
+import { Header } from '../Header/Header';
 import './page.css';
 
 type User = {
diff --git a/stories/page.css b/app/components/Page/page.css
similarity index 100%
rename from stories/page.css
rename to app/components/Page/page.css
diff --git a/stories/assets/accessibility.png b/app/components/assets/accessibility.png
similarity index 100%
rename from stories/assets/accessibility.png
rename to app/components/assets/accessibility.png
diff --git a/stories/assets/accessibility.svg b/app/components/assets/accessibility.svg
similarity index 100%
rename from stories/assets/accessibility.svg
rename to app/components/assets/accessibility.svg
diff --git a/stories/assets/addon-library.png b/app/components/assets/addon-library.png
similarity index 100%
rename from stories/assets/addon-library.png
rename to app/components/assets/addon-library.png
diff --git a/stories/assets/assets.png b/app/components/assets/assets.png
similarity index 100%
rename from stories/assets/assets.png
rename to app/components/assets/assets.png
diff --git a/stories/assets/avif-test-image.avif b/app/components/assets/avif-test-image.avif
similarity index 100%
rename from stories/assets/avif-test-image.avif
rename to app/components/assets/avif-test-image.avif
diff --git a/stories/assets/context.png b/app/components/assets/context.png
similarity index 100%
rename from stories/assets/context.png
rename to app/components/assets/context.png
diff --git a/stories/assets/discord.svg b/app/components/assets/discord.svg
similarity index 100%
rename from stories/assets/discord.svg
rename to app/components/assets/discord.svg
diff --git a/stories/assets/docs.png b/app/components/assets/docs.png
similarity index 100%
rename from stories/assets/docs.png
rename to app/components/assets/docs.png
diff --git a/stories/assets/figma-plugin.png b/app/components/assets/figma-plugin.png
similarity index 100%
rename from stories/assets/figma-plugin.png
rename to app/components/assets/figma-plugin.png
diff --git a/stories/assets/github.svg b/app/components/assets/github.svg
similarity index 100%
rename from stories/assets/github.svg
rename to app/components/assets/github.svg
diff --git a/stories/assets/share.png b/app/components/assets/share.png
similarity index 100%
rename from stories/assets/share.png
rename to app/components/assets/share.png
diff --git a/stories/assets/styling.png b/app/components/assets/styling.png
similarity index 100%
rename from stories/assets/styling.png
rename to app/components/assets/styling.png
diff --git a/stories/assets/testing.png b/app/components/assets/testing.png
similarity index 100%
rename from stories/assets/testing.png
rename to app/components/assets/testing.png
diff --git a/stories/assets/theming.png b/app/components/assets/theming.png
similarity index 100%
rename from stories/assets/theming.png
rename to app/components/assets/theming.png
diff --git a/stories/assets/tutorials.svg b/app/components/assets/tutorials.svg
similarity index 100%
rename from stories/assets/tutorials.svg
rename to app/components/assets/tutorials.svg
diff --git a/stories/assets/youtube.svg b/app/components/assets/youtube.svg
similarity index 100%
rename from stories/assets/youtube.svg
rename to app/components/assets/youtube.svg