diff --git a/components/Alert.tsx b/components/Alert.tsx
deleted file mode 100644
index f0a4380..0000000
--- a/components/Alert.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-import { Container } from "./Container";
-// import { EXAMPLE_PATH } from "@/lib/constants";
-import cn from "classnames";
-
-type Props = {
-  preview?: boolean;
-};
-
-export function Alert({ preview }: Props) {
-  return (
-    <div
-      className={cn("border-b dark:bg-slate-800", {
-        "border-neutral-800 bg-neutral-800 text-white": preview,
-        "border-neutral-200 bg-neutral-50": !preview,
-      })}
-    >
-      <Container>
-        <div className="py-2 text-center text-sm">
-          {preview ? (
-            <>
-              This page is a preview.{" "}
-              <a
-                href="/api/exit-preview"
-                className="underline transition-colors duration-200 hover:text-teal-300"
-              >
-                Click here
-              </a>{" "}
-              to exit preview mode
-            </>
-          ) : (
-            <>
-              The source code for this blog is <a>available on GitHub</a>
-            </>
-          )}
-        </div>
-      </Container>
-    </div>
-  );
-}
diff --git a/components/Avatar.tsx b/components/Avatar.tsx
deleted file mode 100644
index 3979214..0000000
--- a/components/Avatar.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-// import Image from "next/image";
-
-type Props = {
-  name: string;
-  picture: string;
-};
-
-export function Avatar({ name, picture }: Props) {
-  return (
-    <div className="flex items-center">
-      <img src={picture} className="mr-4 h-12 w-12 rounded-full" alt={name} />
-      <div className="text-xl font-bold">{name}</div>
-    </div>
-  );
-}
diff --git a/components/Container.tsx b/components/Container.tsx
deleted file mode 100644
index a8bb15c..0000000
--- a/components/Container.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-type Props = {
-  children?: React.ReactNode;
-};
-
-export function Container({ children }: Props) {
-  return <div className="container mx-auto px-5">{children}</div>;
-}
diff --git a/components/Header.tsx b/components/Header.tsx
deleted file mode 100644
index 64d1401..0000000
--- a/components/Header.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import Link from "next/link";
-
-export function Header() {
-  return (
-    <h2 className="md:tracking-tigher mb-20 mt-8 flex items-center text-2xl font-bold leading-tight tracking-tight md:text-4xl">
-      <Link href="/" className="hover:underline">
-        Blog
-      </Link>
-    </h2>
-  );
-}
diff --git a/components/Intro.tsx b/components/Intro.tsx
deleted file mode 100644
index bd12951..0000000
--- a/components/Intro.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { CMS_NAME } from "lib/constants";
-
-export function Intro() {
-  return (
-    <section className="mb-16 mt-16 flex flex-col items-center md:mb-12 md:flex-row md:justify-between">
-      <h1 className="text-5xl font-bold leading-tight tracking-tighter md:pr-8 md:text-8xl">
-        Blog
-      </h1>
-      <h4 className="mt-5 text-center text-lg md:pl-8 md:text-left">
-        A statically generated blog example using{" "}
-        <a
-          href=""
-          className="underline transition-colors duration-200 hover:text-blue-600"
-        >
-          Next.js
-        </a>{" "}
-        and {CMS_NAME}.
-      </h4>
-    </section>
-  );
-}
diff --git a/components/alert.tsx b/components/alert.tsx
deleted file mode 100644
index f0a4380..0000000
--- a/components/alert.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-import { Container } from "./Container";
-// import { EXAMPLE_PATH } from "@/lib/constants";
-import cn from "classnames";
-
-type Props = {
-  preview?: boolean;
-};
-
-export function Alert({ preview }: Props) {
-  return (
-    <div
-      className={cn("border-b dark:bg-slate-800", {
-        "border-neutral-800 bg-neutral-800 text-white": preview,
-        "border-neutral-200 bg-neutral-50": !preview,
-      })}
-    >
-      <Container>
-        <div className="py-2 text-center text-sm">
-          {preview ? (
-            <>
-              This page is a preview.{" "}
-              <a
-                href="/api/exit-preview"
-                className="underline transition-colors duration-200 hover:text-teal-300"
-              >
-                Click here
-              </a>{" "}
-              to exit preview mode
-            </>
-          ) : (
-            <>
-              The source code for this blog is <a>available on GitHub</a>
-            </>
-          )}
-        </div>
-      </Container>
-    </div>
-  );
-}
diff --git a/components/avatar.tsx b/components/avatar.tsx
deleted file mode 100644
index 3979214..0000000
--- a/components/avatar.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-// import Image from "next/image";
-
-type Props = {
-  name: string;
-  picture: string;
-};
-
-export function Avatar({ name, picture }: Props) {
-  return (
-    <div className="flex items-center">
-      <img src={picture} className="mr-4 h-12 w-12 rounded-full" alt={name} />
-      <div className="text-xl font-bold">{name}</div>
-    </div>
-  );
-}
diff --git a/components/container.tsx b/components/container.tsx
deleted file mode 100644
index a8bb15c..0000000
--- a/components/container.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-type Props = {
-  children?: React.ReactNode;
-};
-
-export function Container({ children }: Props) {
-  return <div className="container mx-auto px-5">{children}</div>;
-}
diff --git a/components/header.tsx b/components/header.tsx
deleted file mode 100644
index 64d1401..0000000
--- a/components/header.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import Link from "next/link";
-
-export function Header() {
-  return (
-    <h2 className="md:tracking-tigher mb-20 mt-8 flex items-center text-2xl font-bold leading-tight tracking-tight md:text-4xl">
-      <Link href="/" className="hover:underline">
-        Blog
-      </Link>
-    </h2>
-  );
-}
diff --git a/components/intro.tsx b/components/intro.tsx
deleted file mode 100644
index bd12951..0000000
--- a/components/intro.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { CMS_NAME } from "lib/constants";
-
-export function Intro() {
-  return (
-    <section className="mb-16 mt-16 flex flex-col items-center md:mb-12 md:flex-row md:justify-between">
-      <h1 className="text-5xl font-bold leading-tight tracking-tighter md:pr-8 md:text-8xl">
-        Blog
-      </h1>
-      <h4 className="mt-5 text-center text-lg md:pl-8 md:text-left">
-        A statically generated blog example using{" "}
-        <a
-          href=""
-          className="underline transition-colors duration-200 hover:text-blue-600"
-        >
-          Next.js
-        </a>{" "}
-        and {CMS_NAME}.
-      </h4>
-    </section>
-  );
-}