diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index c0fadd107..769a69202 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -4,11 +4,12 @@
     <option name="autoReloadType" value="SELECTIVE" />
   </component>
   <component name="ChangeListManager">
-    <list default="true" id="53dd69d3-e01a-4656-b414-c727f5aa549a" name="Changes" comment="docs: add new plugins docs">
-      <change afterPath="$PROJECT_DIR$/docs/tutorial/langchooser.md" afterDir="false" />
+    <list default="true" id="53dd69d3-e01a-4656-b414-c727f5aa549a" name="Changes" comment="chore: move file structure">
       <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/docs/tutorial/intro/whats-sern.md" beforeDir="false" afterPath="$PROJECT_DIR$/docs/tutorial/en/intro/whats-sern.md" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/docs/tutorial/preparing/package-manager.md" beforeDir="false" afterPath="$PROJECT_DIR$/docs/tutorial/en/preparing/package-manager.md" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/blog/2023-7-4-mdx-blog-post.md" beforeDir="false" afterPath="$PROJECT_DIR$/blog/2023-7-4-mdx-blog-post.md" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/docs/tutorial/en/intro/overview.md" beforeDir="false" afterPath="$PROJECT_DIR$/docs/tutorial/en/intro/overview.md" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/docs/tutorial/en/intro/who-are-we.md" beforeDir="false" afterPath="$PROJECT_DIR$/docs/tutorial/en/intro/who-are-we.md" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/docs/tutorial/en/preparing/package-manager.md" beforeDir="false" afterPath="$PROJECT_DIR$/docs/tutorial/en/preparing/package-manager.md" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -52,30 +53,47 @@
   <component name="MarkdownSettingsMigration">
     <option name="stateVersion" value="1" />
   </component>
+  <component name="ProjectColorInfo"><![CDATA[{
+  "associatedIndex": 7
+}]]></component>
   <component name="ProjectId" id="2DJXFY4dwukGLOzXi05b6lHCkuk" />
   <component name="ProjectViewState">
     <option name="hideEmptyMiddlePackages" value="true" />
     <option name="showLibraryContents" value="true" />
   </component>
-  <component name="PropertiesComponent">{
-  &quot;keyToString&quot;: {
-    &quot;ASKED_SHARE_PROJECT_CONFIGURATION_FILES&quot;: &quot;true&quot;,
-    &quot;Git.Branch.Popup.ShowAllRemotes&quot;: &quot;true&quot;,
-    &quot;RunOnceActivity.OpenProjectViewOnStart&quot;: &quot;true&quot;,
-    &quot;RunOnceActivity.ShowReadmeOnStart&quot;: &quot;true&quot;,
-    &quot;WebServerToolWindowFactoryState&quot;: &quot;false&quot;,
-    &quot;git-widget-placeholder&quot;: &quot;feat/tutorial&quot;,
-    &quot;last_opened_file_path&quot;: &quot;C:/Users/jacob/OneDrive/Desktop/Projects/sern/website&quot;,
-    &quot;node.js.selected.package.tslint&quot;: &quot;(autodetect)&quot;,
-    &quot;nodejs_package_manager_path&quot;: &quot;npm&quot;,
-    &quot;project.structure.last.edited&quot;: &quot;Modules&quot;,
-    &quot;project.structure.proportion&quot;: &quot;0.0&quot;,
-    &quot;project.structure.side.proportion&quot;: &quot;0.0&quot;,
-    &quot;ts.external.directory.path&quot;: &quot;E:\\IntelliJ IDEA 2022.1.1\\plugins\\JavaScriptLanguage\\jsLanguageServicesImpl\\external&quot;
+  <component name="PropertiesComponent"><![CDATA[{
+  "keyToString": {
+    "ASKED_SHARE_PROJECT_CONFIGURATION_FILES": "true",
+    "Git.Branch.Popup.ShowAllRemotes": "true",
+    "RunOnceActivity.OpenProjectViewOnStart": "true",
+    "RunOnceActivity.ShowReadmeOnStart": "true",
+    "WebServerToolWindowFactoryState": "false",
+    "git-widget-placeholder": "feat/tutorial",
+    "ignore.virus.scanning.warn.message": "true",
+    "last_opened_file_path": "C:/Users/jacob/OneDrive/Desktop/Projects/sern/website",
+    "node.js.detected.package.eslint": "true",
+    "node.js.selected.package.eslint": "(autodetect)",
+    "node.js.selected.package.tslint": "(autodetect)",
+    "nodejs_package_manager_path": "npm",
+    "project.structure.last.edited": "Modules",
+    "project.structure.proportion": "0.0",
+    "project.structure.side.proportion": "0.0",
+    "ts.external.directory.path": "E:\\IntelliJ IDEA 2022.1.1\\plugins\\JavaScriptLanguage\\jsLanguageServicesImpl\\external",
+    "vue.rearranger.settings.migration": "true"
   }
-}</component>
+}]]></component>
+  <component name="ReactDesignerToolWindowState">
+    <option name="myId2Visible">
+      <map>
+        <entry key="com.haulmont.rcb.reactComponents" value="false" />
+        <entry key="com.haulmont.rcb.reactInspector" value="false" />
+        <entry key="com.haulmont.rcb.storybook" value="false" />
+      </map>
+    </option>
+  </component>
   <component name="RecentsManager">
     <key name="MoveFile.RECENT_KEYS">
+      <recent name="C:\Users\USER\Desktop\Development\sern-website\docs\tutorial\en\intro" />
       <recent name="C:\Users\USER\Desktop\Development\sern-website\docs\tutorial\en" />
       <recent name="C:\Users\jacob\IdeaProjects\website\static\img" />
     </key>
@@ -146,6 +164,7 @@
       <workItem from="1671119393024" duration="3889000" />
       <workItem from="1673974979200" duration="2385000" />
       <workItem from="1674757791435" duration="925000" />
+      <workItem from="1693943174979" duration="1276000" />
     </task>
     <task id="LOCAL-00001" summary="feat: remove old index.html in static/">
       <created>1660418841831</created>
@@ -336,7 +355,23 @@
       <option name="project" value="LOCAL" />
       <updated>1673976828238</updated>
     </task>
-    <option name="localTasksCounter" value="28" />
+    <task id="LOCAL-00028" summary="fix: some grammar errors and dir structure">
+      <option name="closed" value="true" />
+      <created>1693943258104</created>
+      <option name="number" value="00028" />
+      <option name="presentableId" value="LOCAL-00028" />
+      <option name="project" value="LOCAL" />
+      <updated>1693943258104</updated>
+    </task>
+    <task id="LOCAL-00029" summary="chore: move file structure">
+      <option name="closed" value="true" />
+      <created>1693943441448</created>
+      <option name="number" value="00029" />
+      <option name="presentableId" value="LOCAL-00029" />
+      <option name="project" value="LOCAL" />
+      <updated>1693943441448</updated>
+    </task>
+    <option name="localTasksCounter" value="30" />
     <servers />
   </component>
   <component name="TypeScriptGeneratedFilesManager">
@@ -354,8 +389,6 @@
     </option>
   </component>
   <component name="VcsManagerConfiguration">
-    <MESSAGE value="feat: remove old index.html in static/" />
-    <MESSAGE value="feat: edit action" />
     <MESSAGE value="feat: delete needless assets/dir" />
     <MESSAGE value="feat: action changes and edit link" />
     <MESSAGE value="feat: add favicon" />
@@ -379,6 +412,8 @@
     <MESSAGE value="feat: update documentation and clarify documentation" />
     <MESSAGE value="fix: links" />
     <MESSAGE value="docs: add new plugins docs" />
-    <option name="LAST_COMMIT_MESSAGE" value="docs: add new plugins docs" />
+    <MESSAGE value="fix: some grammar errors and dir structure" />
+    <MESSAGE value="chore: move file structure" />
+    <option name="LAST_COMMIT_MESSAGE" value="chore: move file structure" />
   </component>
 </project>
\ No newline at end of file
diff --git a/blog/2023-7-4-mdx-blog-post.md b/blog/2023-7-4-mdx-blog-post.md
index 0288cc5b2..af11b43f9 100644
--- a/blog/2023-7-4-mdx-blog-post.md
+++ b/blog/2023-7-4-mdx-blog-post.md
@@ -13,7 +13,7 @@ You see, on today's standards, having a simple logo is essential. Our logo align
 We were chilling, you know, cooking sern handler v3, sern gui, `npm create @sern/bot` and serncord when we thought about changing the logo to a sleek design with less colors.  
 And here we are!
 
-# Who did our new branding?
+# Who did our new branding? {#ropox-thing}
 
 [Ropox](https://github.com/Murtatrxx)!  
 Bro's the GOAT. This website is maintained by him, the domain costs are funded by him and also he started brainstorming how the logo would be on paper:  
diff --git a/docs/tutorial/en/intro/overview.md b/docs/tutorial/en/intro/overview.md
index c4651b1d6..228e1e2d7 100644
--- a/docs/tutorial/en/intro/overview.md
+++ b/docs/tutorial/en/intro/overview.md
@@ -1,5 +1,6 @@
 # Guide Overview
 Welcome to the sern Discord Bot Development Guide! 🚀 
+
 ## What You'll Learn
 In this comprehensive guide, we'll take you on a journey from the basics to the advanced concepts of creating and deploying your own Discord bot using the sern framework. Whether you're a beginner or have some coding experience, we've designed this guide to be inclusive and accessible to all.
 
@@ -17,10 +18,8 @@ Understand why sern, what is it and what does it solve.
 
 - **Setting Up the Bot** Register your bot, obtain necessary credentials, and set it up.
 
-
 - **sern Overview** Dive into the core concepts of sern and its components.
 
-
 - **Example Projects** Build practical Discord bots with sern.
 
 - **Integration with Databases** Learn what is a database, which is the right one for you. And how to use them in your bot.
diff --git a/docs/tutorial/en/intro/who-are-we.md b/docs/tutorial/en/intro/who-are-we.md
index e2eabc080..698ed3f18 100644
--- a/docs/tutorial/en/intro/who-are-we.md
+++ b/docs/tutorial/en/intro/who-are-we.md
@@ -11,5 +11,4 @@ Hey there, I'm ropox! 👋
 
 I'm not just a programmer; I'm one of the passionate maintainers of the sern framework. My mission is to demystify Discord bot development and ensure it's accessible to everyone. But that's not all – I wear multiple hats, including design (i designed the logo) and infrastructure 
 
-some say I'm the coolest of all
-"Bro's the GOAT"
\ No newline at end of file
+some say [I'm the coolest of all](/blog/newlogo#ropox-thing)
\ No newline at end of file
diff --git a/docs/tutorial/en/preparing/package-manager.md b/docs/tutorial/en/preparing/package-manager.md
index 6828db5d1..1fe49a136 100644
--- a/docs/tutorial/en/preparing/package-manager.md
+++ b/docs/tutorial/en/preparing/package-manager.md
@@ -6,7 +6,7 @@ title: Choosing a package manager
 
 A package manager is like a helper for your programs. It brings all the tools for your projects and makes sure they fit and work well together. It's like having someone organize things so you can work without problems.
 
-Some examples are 
+The most used ones are: 
 - [npm](https://www.npmjs.com) 
 - [Yarn](https://yarnpkg.com) 
 - [pnpm](https://pnpm.io/)