diff --git a/frontend/apps/website/app/(default)/layout.tsx b/frontend/apps/website/app/(default)/layout.tsx
index af6f71e..8296204 100644
--- a/frontend/apps/website/app/(default)/layout.tsx
+++ b/frontend/apps/website/app/(default)/layout.tsx
@@ -2,9 +2,9 @@
 
 import AOS from "aos";
 import "aos/dist/aos.css";
+import Footer from "components/footer";
+import Header from "components/header";
 import { useEffect } from "react";
-import Footer from "~/components/footer";
-import Header from "~/components/header";
 
 export default function DefaultLayout({
   children,
diff --git a/frontend/apps/website/app/(default)/page.tsx b/frontend/apps/website/app/(default)/page.tsx
index 62ba916..2cd7376 100644
--- a/frontend/apps/website/app/(default)/page.tsx
+++ b/frontend/apps/website/app/(default)/page.tsx
@@ -1,7 +1,7 @@
-import CTA from "~/components/cta";
-import FeaturesAPIGateway from "~/components/features/gateway";
-import FeaturesUniversalAPI from "~/components/features/universal-api";
-import Hero from "~/components/hero";
+import CTA from "components/cta";
+import FeaturesAPIGateway from "components/features/gateway";
+import FeaturesUniversalAPI from "components/features/universal-api";
+import Hero from "components/hero";
 
 export default function Page(): JSX.Element {
   return (
diff --git a/frontend/apps/website/app/layout.tsx b/frontend/apps/website/app/layout.tsx
index 5265ccd..ff61edd 100644
--- a/frontend/apps/website/app/layout.tsx
+++ b/frontend/apps/website/app/layout.tsx
@@ -1,6 +1,6 @@
 import type { Metadata } from "next";
-import { opensans } from "~/styles/fonts";
-import "~/styles/globals.css";
+import { opensans } from "styles/fonts";
+import "styles/globals.css";
 import { Providers } from "./providers";
 
 export const metadata: Metadata = {
diff --git a/frontend/apps/website/components/clients.tsx b/frontend/apps/website/components/clients.tsx
index 1e2fa60..fad8803 100644
--- a/frontend/apps/website/components/clients.tsx
+++ b/frontend/apps/website/components/clients.tsx
@@ -1,7 +1,7 @@
 "use client";
 import Image from "next/image";
+import Client01 from "public/images/client-01.svg";
 import Marquee from "react-fast-marquee";
-import Client01 from "~/public/images/client-01.svg";
 
 import Particles from "./particles";
 export default function Clients() {
diff --git a/frontend/apps/website/components/cta.tsx b/frontend/apps/website/components/cta.tsx
index 8130be3..092a125 100644
--- a/frontend/apps/website/components/cta.tsx
+++ b/frontend/apps/website/components/cta.tsx
@@ -14,14 +14,14 @@ export default function CTA() {
           <div className="max-w-3xl mx-auto text-center">
             <div>
               <div className="inline-flex font-medium bg-clip-text text-transparent bg-gradient-to-r from-violet-500 to-violet-200 pb-3">
-                playgorund
+                Playground
               </div>
             </div>
             <h2 className="h2 bg-clip-text text-transparent bg-gradient-to-r from-slate-200/60 via-slate-200 to-slate-200/60 pb-4">
               AI workflows
             </h2>
             <p className="text-lg text-slate-400 mb-8">
-              Use LLM studio to create, experiment, deploy and scale LLM powered
+              Use AI studio to create, experiment, deploy and scale LLM powered
               workflows using the latest AI models like GPT-4-turbo, DALL·E 3
               and Claude 2
             </p>
diff --git a/frontend/apps/website/components/features/gateway.tsx b/frontend/apps/website/components/features/gateway.tsx
index 6a5eb03..237997c 100644
--- a/frontend/apps/website/components/features/gateway.tsx
+++ b/frontend/apps/website/components/features/gateway.tsx
@@ -1,5 +1,5 @@
-import Highlighter, { HighlighterItem } from "~/components/highlighter";
-import Particles from "~/components/particles";
+import Highlighter, { HighlighterItem } from "components/highlighter";
+import Particles from "components/particles";
 
 export default function Features() {
   return (
diff --git a/frontend/apps/website/components/features/llmops.tsx b/frontend/apps/website/components/features/llmops.tsx
index 11cc658..05e8394 100644
--- a/frontend/apps/website/components/features/llmops.tsx
+++ b/frontend/apps/website/components/features/llmops.tsx
@@ -1,6 +1,6 @@
+import Highlighter, { HighlighterItem } from "components/highlighter";
 import Image from "next/image";
-import Highlighter, { HighlighterItem } from "~/components/highlighter";
-import FeatureImg04 from "~/public/images/feature-image-04.png";
+import FeatureImg04 from "public/images/feature-image-04.png";
 
 export default function Features() {
   return (
diff --git a/frontend/apps/website/components/features/universal-api.tsx b/frontend/apps/website/components/features/universal-api.tsx
index 3356ce6..c42bec2 100644
--- a/frontend/apps/website/components/features/universal-api.tsx
+++ b/frontend/apps/website/components/features/universal-api.tsx
@@ -3,7 +3,7 @@
 import { useState } from "react";
 
 import { Transition } from "@headlessui/react";
-import Particles from "~/components/particles";
+import Particles from "components/particles";
 
 export default function Features() {
   const [tab, setTab] = useState<number>(1);
diff --git a/frontend/apps/website/components/footer.tsx b/frontend/apps/website/components/footer.tsx
index 03309c9..3eb2fcf 100644
--- a/frontend/apps/website/components/footer.tsx
+++ b/frontend/apps/website/components/footer.tsx
@@ -1,4 +1,4 @@
-import Logo from "~/components/logo";
+import Logo from "components/logo";
 
 export default function Footer() {
   return (
diff --git a/frontend/apps/website/components/Header.tsx b/frontend/apps/website/components/header.tsx
similarity index 100%
rename from frontend/apps/website/components/Header.tsx
rename to frontend/apps/website/components/header.tsx
diff --git a/frontend/apps/website/components/Hero/hero.module.css b/frontend/apps/website/components/hero/hero.module.css
similarity index 100%
rename from frontend/apps/website/components/Hero/hero.module.css
rename to frontend/apps/website/components/hero/hero.module.css
diff --git a/frontend/apps/website/components/Hero/index.tsx b/frontend/apps/website/components/hero/index.tsx
similarity index 100%
rename from frontend/apps/website/components/Hero/index.tsx
rename to frontend/apps/website/components/hero/index.tsx
diff --git a/frontend/apps/website/components/highlighter.tsx b/frontend/apps/website/components/highlighter.tsx
index c769e07..9e78ad2 100644
--- a/frontend/apps/website/components/highlighter.tsx
+++ b/frontend/apps/website/components/highlighter.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React, { useEffect, useRef, useState } from "react";
-import MousePosition from "~/utils/mouse-position";
+import MousePosition from "utils/mouse-position";
 
 type HighlighterProps = {
   children: React.ReactNode;
diff --git a/frontend/apps/website/components/logo.tsx b/frontend/apps/website/components/logo.tsx
index 3cd470c..9cb8a37 100644
--- a/frontend/apps/website/components/logo.tsx
+++ b/frontend/apps/website/components/logo.tsx
@@ -1,6 +1,6 @@
 import Image from "next/image";
 import Link from "next/link";
-import LogoImg from "~/public/images/logo.svg";
+import LogoImg from "public/images/logo.svg";
 
 export default function Logo() {
   return (
diff --git a/frontend/apps/website/components/particles.tsx b/frontend/apps/website/components/particles.tsx
index de9be50..0f7bb3a 100644
--- a/frontend/apps/website/components/particles.tsx
+++ b/frontend/apps/website/components/particles.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { useEffect, useRef } from "react";
-import MousePosition from "~/utils/mouse-position";
+import MousePosition from "utils/mouse-position";
 
 interface ParticlesProps {
   className?: string;
diff --git a/frontend/apps/website/components/testimonials.tsx b/frontend/apps/website/components/testimonials.tsx
index 8992c77..2094dbf 100644
--- a/frontend/apps/website/components/testimonials.tsx
+++ b/frontend/apps/website/components/testimonials.tsx
@@ -1,13 +1,13 @@
 "use client";
 
 import { Transition } from "@headlessui/react";
+import Particles from "components/particles";
 import Image, { StaticImageData } from "next/image";
 import { useEffect, useRef, useState } from "react";
-import Particles from "~/components/particles";
 
-import TestimonialImg01 from "~/public/images/testimonial-01.jpg";
-import TestimonialImg02 from "~/public/images/testimonial-02.jpg";
-import TestimonialImg03 from "~/public/images/testimonial-03.jpg";
+import TestimonialImg01 from "public/images/testimonial-01.jpg";
+import TestimonialImg02 from "public/images/testimonial-02.jpg";
+import TestimonialImg03 from "public/images/testimonial-03.jpg";
 
 export default function Testimonials() {
   const [active, setActive] = useState<number>(0);
diff --git a/frontend/apps/website/tsconfig.json b/frontend/apps/website/tsconfig.json
index 7c6accb..d998ba7 100644
--- a/frontend/apps/website/tsconfig.json
+++ b/frontend/apps/website/tsconfig.json
@@ -2,18 +2,14 @@
   "extends": "@missingstudio/typescript-config/nextjs.json",
   "compilerOptions": {
     "baseUrl": ".",
-    "plugins": [{ "name": "next" }],
-    "paths": {
-      "~/*": ["./*"]
-    }
+    "plugins": [{ "name": "next" }]
   },
   "include": [
     "next-env.d.ts",
     "next.config.js",
     "**/*.ts",
     "**/*.tsx",
-    ".next/types/**/*.ts",
-    "../../prettier.config.ts"
+    ".next/types/**/*.ts"
   ],
   "exclude": ["node_modules"]
 }