diff --git a/app/layout.tsx b/app/layout.tsx
index 730bc8c..74df7dd 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,9 +1,9 @@
-import { Footer } from "components/footer";
-import { CMS_NAME, HOME_OG_IMAGE_URL } from "lib/constants";
+import { Footer } from "../components/footer";
+import { CMS_NAME, HOME_OG_IMAGE_URL } from "../lib/constants";
 import type { Metadata } from "next";
 import { Inter } from "next/font/google";
 import cn from "classnames";
-import { ThemeSwitcher } from "components/theme-switcher";
+import { ThemeSwitcher } from "../components/theme-switcher";
 import "./globals.css";
 
 const inter = Inter({ subsets: ["latin"] });
diff --git a/app/page.tsx b/app/page.tsx
index d84d086..2fa1e6a 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,8 +1,8 @@
-import { Container } from "components/container";
-import { HeroPost } from "components/hero-post";
-import { Intro } from "components/intro";
-import { MoreStories } from "components/more-stories";
-import { getAllPosts } from "lib/api";
+import { Container } from "../components/container";
+import { HeroPost } from "../components/hero-post";
+import { Intro } from "../components/intro";
+import { MoreStories } from "../components/more-stories";
+import { getAllPosts } from "../lib/api";
 
 export default function Page() {
   const allPosts = getAllPosts();
diff --git a/app/posts/[slug]/page.tsx b/app/posts/[slug]/page.tsx
index f648bcd..c36c247 100644
--- a/app/posts/[slug]/page.tsx
+++ b/app/posts/[slug]/page.tsx
@@ -1,13 +1,13 @@
 import { Metadata } from "next";
 import { notFound } from "next/navigation";
-import { getAllPosts, getPostBySlug } from "lib/api";
+import { getAllPosts, getPostBySlug } from "../../../lib/api";
 // import { CMS_NAME } from "@/lib/constants";
-import markdownToHtml from "lib/markdownToHtml";
-import { Alert } from "components/alert";
-import { Container } from "components/container";
-import { Header } from "components/header";
-import { PostBody } from "components/post-body";
-import { PostHeader } from "components/post-header";
+import markdownToHtml from "../../../lib/markdownToHtml";
+import { Alert } from "../../../components/alert";
+import { Container } from "../../../components/container";
+import { Header } from "../../../components/header";
+import { PostBody } from "../../../components/post-body";
+import { PostHeader } from "../../../components/post-header";
 
 type Params = {
   params: {
diff --git a/components/Footer.tsx b/components/Footer.tsx
index 14562fc..6c105d3 100644
--- a/components/Footer.tsx
+++ b/components/Footer.tsx
@@ -1,4 +1,4 @@
-import { Container } from "components/container";
+import { Container } from "./container";
 // import { EXAMPLE_PATH } from "@/lib/constants";
 
 export function Footer() {
diff --git a/components/alert.tsx b/components/alert.tsx
index 8183cf5..05e4a20 100644
--- a/components/alert.tsx
+++ b/components/alert.tsx
@@ -1,4 +1,4 @@
-import { Container } from "components/container";
+import { Container } from "./container";
 // import { EXAMPLE_PATH } from "@/lib/constants";
 import cn from "classnames";
 
diff --git a/components/hero-post.tsx b/components/hero-post.tsx
index 7acfe3b..eab4908 100644
--- a/components/hero-post.tsx
+++ b/components/hero-post.tsx
@@ -1,8 +1,8 @@
-import { Avatar } from "components/avatar";
-import { CoverImage } from "components/cover-image";
-import { type Author } from "interfaces/author";
+import { Avatar } from "./avatar";
+import { CoverImage } from "./cover-image";
+import { type Author } from "../interfaces/author";
 import Link from "next/link";
-import { DateFormatter } from "components/date-formatter";
+import { DateFormatter } from "./date-formatter";
 
 type Props = {
   title: string;
@@ -29,7 +29,7 @@ export function HeroPost({
       <div className="mb-20 md:mb-28 md:grid md:grid-cols-2 md:gap-x-16 lg:gap-x-8">
         <div>
           <h3 className="mb-4 text-4xl leading-tight lg:text-5xl">
-            <Link href={`/data/${slug}`} className="hover:underline">
+            <Link href={`/posts/${slug}`} className="hover:underline">
               {title}
             </Link>
           </h3>
diff --git a/components/intro.tsx b/components/intro.tsx
index bd12951..008d6bf 100644
--- a/components/intro.tsx
+++ b/components/intro.tsx
@@ -1,4 +1,4 @@
-import { CMS_NAME } from "lib/constants";
+import { CMS_NAME } from "../lib/constants";
 
 export function Intro() {
   return (
diff --git a/components/more-stories.tsx b/components/more-stories.tsx
index 407b5a1..206cafa 100644
--- a/components/more-stories.tsx
+++ b/components/more-stories.tsx
@@ -1,5 +1,5 @@
-import { Post } from "interfaces/post";
-import { PostPreview } from "components/post-preview";
+import { Post } from "../interfaces/post";
+import { PostPreview } from "./post-preview";
 
 type Props = {
   posts: Post[];
diff --git a/components/post-body.tsx b/components/post-body.tsx
index b5fa38a..d4e6f4d 100644
--- a/components/post-body.tsx
+++ b/components/post-body.tsx
@@ -1,4 +1,4 @@
-import markdownStyles from "styles/markdown-style.module.css";
+import markdownStyles from "../styles/markdown-style.module.css";
 
 type Props = {
   content: string;
diff --git a/components/post-header.tsx b/components/post-header.tsx
index be73f4b..743b7c9 100644
--- a/components/post-header.tsx
+++ b/components/post-header.tsx
@@ -1,8 +1,8 @@
-import { Avatar } from "components/avatar";
-import { CoverImage } from "components/cover-image";
-import { DateFormatter } from "components/date-formatter";
-import { PostTitle } from "components/post-title";
-import { type Author } from "interfaces/author";
+import { Avatar } from "./avatar";
+import { CoverImage } from "./cover-image";
+import { DateFormatter } from "./date-formatter";
+import { PostTitle } from "./post-title";
+import { type Author } from "../interfaces/author";
 
 type Props = {
   title: string;
diff --git a/components/post-preview.tsx b/components/post-preview.tsx
index 9d37376..6872b61 100644
--- a/components/post-preview.tsx
+++ b/components/post-preview.tsx
@@ -1,7 +1,7 @@
-import { type Author } from "interfaces/author";
+import { type Author } from "../interfaces/author";
 import Link from "next/link";
-import { Avatar } from "components/avatar";
-import { CoverImage } from "components/cover-image";
+import { Avatar } from "./avatar";
+import { CoverImage } from "./cover-image";
 import { DateFormatter } from "./date-formatter";
 
 type Props = {
diff --git a/lib/api.ts b/lib/api.ts
index 027ebfe..ce5dc77 100644
--- a/lib/api.ts
+++ b/lib/api.ts
@@ -1,4 +1,4 @@
-import { Post } from "interfaces/post";
+import { Post } from "../interfaces/post";
 import fs from "fs";
 import matter from "gray-matter";
 import { join } from "path";