diff --git a/.vscode/settings.json b/.vscode/settings.json
index 4547d29..187144a 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -3,6 +3,7 @@
     "editor.tabSize": 4,
     "editor.rulers": [150],
     "editor.defaultFormatter": "esbenp.prettier-vscode",
+    "tailwindCSS.classAttributes": ["class", "className", "classNames"],
     "emmet.includeLanguages": {
         "postcss": "css"
     },
diff --git a/package.json b/package.json
index df6e628..55b35f6 100644
--- a/package.json
+++ b/package.json
@@ -38,6 +38,7 @@
         "@commitlint/cli": "^17.8.1",
         "@commitlint/config-conventional": "^17.8.1",
         "@commitlint/types": "^17.8.1",
+        "@tailwindcss/typography": "^0.5.10",
         "@types/node": "^20.10.2",
         "@types/react": "^18.2.40",
         "@types/react-dom": "^18.2.17",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index c90525e..e07ba7c 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -40,6 +40,9 @@ devDependencies:
     '@commitlint/types':
         specifier: ^17.8.1
         version: 17.8.1
+    '@tailwindcss/typography':
+        specifier: ^0.5.10
+        version: 0.5.10(tailwindcss@3.4.0)
     '@types/node':
         specifier: ^20.10.2
         version: 20.10.2
@@ -581,6 +584,18 @@ packages:
             zod: 3.22.4
         dev: false
 
+    /@tailwindcss/typography@0.5.10(tailwindcss@3.4.0):
+        resolution: { integrity: sha512-Pe8BuPJQJd3FfRnm6H0ulKIGoMEQS+Vq01R6M5aCrFB/ccR/shT+0kXLjouGC1gFLm9hopTFN+DMP0pfwRWzPw== }
+        peerDependencies:
+            tailwindcss: '>=3.0.0 || insiders'
+        dependencies:
+            lodash.castarray: 4.4.0
+            lodash.isplainobject: 4.0.6
+            lodash.merge: 4.6.2
+            postcss-selector-parser: 6.0.10
+            tailwindcss: 3.4.0(ts-node@10.9.1)
+        dev: true
+
     /@tsconfig/node10@1.0.9:
         resolution: { integrity: sha512-jNsYVVxU8v5g43Erja32laIDHXeoNvFEpX33OK4d6hljo3jDhCBDhx5dhCCTMWUojscpAagGiRkBKxpdl9fxqA== }
         dev: true
@@ -2731,6 +2746,10 @@ packages:
         resolution: { integrity: sha512-TwuEnCnxbc3rAvhf/LbG7tJUDzhqXyFnv3dtzLOPgCG/hODL7WFnsbwktkD7yUV0RrreP/l1PALq/YSg6VvjlA== }
         dev: true
 
+    /lodash.castarray@4.4.0:
+        resolution: { integrity: sha512-aVx8ztPv7/2ULbArGJ2Y42bG1mEQ5mGjpdvrbJcJFU3TbYybe+QlLS4pst9zV52ymy2in1KpFPiZnAOATxD4+Q== }
+        dev: true
+
     /lodash.isfunction@3.0.9:
         resolution: { integrity: sha512-AirXNj15uRIMMPihnkInB4i3NHeb4iBtNg9WRWuK2o31S+ePwwNmDPaTL3o7dTJ+VXNZim7rFs4rxN4YU1oUJw== }
         dev: true
@@ -3274,6 +3293,14 @@ packages:
             postcss-selector-parser: 6.0.13
         dev: true
 
+    /postcss-selector-parser@6.0.10:
+        resolution: { integrity: sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w== }
+        engines: { node: '>=4' }
+        dependencies:
+            cssesc: 3.0.0
+            util-deprecate: 1.0.2
+        dev: true
+
     /postcss-selector-parser@6.0.13:
         resolution: { integrity: sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ== }
         engines: { node: '>=4' }
diff --git a/src/app/(marketing)/layout.tsx b/src/app/(marketing)/layout.tsx
deleted file mode 100644
index f2b73b3..0000000
--- a/src/app/(marketing)/layout.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import * as React from 'react';
-
-import type { TLayoutProps } from '@/types/layout.type';
-
-export default async function Layout({ children }: TLayoutProps) {
-    return <main className="relative">{children}</main>;
-}
diff --git a/src/app/(marketing)/page.tsx b/src/app/(marketing)/page.tsx
deleted file mode 100644
index ebd0b6e..0000000
--- a/src/app/(marketing)/page.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import * as React from 'react';
-
-export default async function Page() {
-    return (
-        <div className="container relative flex min-h-dvh flex-col items-center justify-center text-center">
-            <p>Insanity is doing the same thing over and over again and expecting different results.</p>
-        </div>
-    );
-}
diff --git a/src/app/page.tsx b/src/app/page.tsx
new file mode 100644
index 0000000..1f40651
--- /dev/null
+++ b/src/app/page.tsx
@@ -0,0 +1,11 @@
+import * as React from 'react';
+
+export default async function Page() {
+    return (
+        <main className="relative">
+            <div className="container relative flex min-h-dvh flex-col items-center justify-center text-center">
+                <p>Insanity is doing the same thing over and over again and expecting different results.</p>
+            </div>
+        </main>
+    );
+}
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 0f26247..54cdc28 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -1,6 +1,8 @@
 import colors from 'tailwindcss/colors';
 import defaultTheme from 'tailwindcss/defaultTheme';
 
+import tailwindcssTypography from '@tailwindcss/typography';
+
 import type { Config } from 'tailwindcss';
 
 const tailwindConfig = {
@@ -17,14 +19,14 @@ const tailwindConfig = {
                 primary: colors.cyan,
             },
             fontFamily: {
-                sans: [['Inter var', ...defaultTheme.fontFamily.sans], { fontFeatureSettings: "'cv02', 'cv03', 'cv04', 'cv11'" }],
+                sans: [['Inter var', ...defaultTheme.fontFamily.sans], { fontFeatureSettings: "'cv02', 'cv03', 'cv04', 'cv09', 'cv10', 'cv11'" }],
             },
             screens: {
                 '2xl': '1536px',
             },
         },
     },
-    plugins: [],
+    plugins: [tailwindcssTypography],
 } satisfies Config;
 
 export default tailwindConfig;