diff --git a/src/components/Badge.astro b/src/components/Badge.astro
deleted file mode 100644
index 0ee1ca6..0000000
--- a/src/components/Badge.astro
+++ /dev/null
@@ -1,13 +0,0 @@
----
-export interface Props {
-  component?: any;
-}
-
-const { component: Component = "div" } = Astro.props;
----
-
-<Component
-  class={`bg-blue-100 text-blue-800 text-xs font-medium mr-2 px-2.5 py-0.5 rounded dark:bg-blue-900 dark:text-blue-300`}
->
-  <slot />
-</Component>
diff --git a/src/components/BasicScripts.astro b/src/components/BasicScripts.astro
deleted file mode 100644
index 5ef105b..0000000
--- a/src/components/BasicScripts.astro
+++ /dev/null
@@ -1,29 +0,0 @@
-<script is:inline>
-  if (
-    localStorage.theme === "dark" ||
-    (!("theme" in localStorage) &&
-      window.matchMedia("(prefers-color-scheme: dark)").matches)
-  ) {
-    document.documentElement.classList.add("dark");
-  } else {
-    document.documentElement.classList.remove("dark");
-  }
-
-  function attachEvent(selector, event, fn) {
-    const matches = document.querySelectorAll(selector);
-    if (matches && matches.length) {
-      matches.forEach((elem) => {
-        elem.addEventListener(event, () => fn(elem), false);
-      });
-    }
-  }
-
-  window.onload = function () {
-    attachEvent("[data-toggle-color-scheme]", "click", function () {
-      document.documentElement.classList.toggle("dark");
-      localStorage.theme = document.documentElement.classList.contains("dark")
-        ? "dark"
-        : "light";
-    });
-  };
-</script>
diff --git a/src/components/Button.astro b/src/components/Button.astro
deleted file mode 100644
index 3c9ddeb..0000000
--- a/src/components/Button.astro
+++ /dev/null
@@ -1,40 +0,0 @@
----
-import type { HTMLAttributes } from "astro/types";
-import { VariantProps, cva } from "class-variance-authority";
-
-const button = cva(
-  ["focus:ring-4", "rounded-lg", "font-medium", "focus:outline-none"],
-  {
-    variants: {
-      intent: {
-        primary: [
-          "text-white",
-          "bg-teal-700",
-          "hover:bg-teal-800",
-          "focus:ring-teal-300",
-          "dark:bg-teal-600",
-          "dark:hover:bg-teal-700",
-          "dark:focus:ring-teal-800",
-        ],
-      },
-      size: {
-        xs: ["px-3", "py-2", "text-xs"],
-        small: ["px-3", "py-2", "text-sm"],
-        base: ["px-5", "py-2.5", "text-sm"],
-      },
-    },
-  }
-);
-
-export interface Props
-  extends HTMLAttributes<"button">,
-    VariantProps<typeof button> {}
-
-/**
- * For Astro components, we recommend setting your defaultVariants within
- * Astro.props (which are `undefined` by default)
- */
-const { intent = "primary", size = "base", ...rest } = Astro.props;
----
-
-<button class={button({ intent, size })} {...rest}><slot /></button>
diff --git a/src/components/Card.astro b/src/components/Card.astro
deleted file mode 100644
index a1ae64f..0000000
--- a/src/components/Card.astro
+++ /dev/null
@@ -1,36 +0,0 @@
----
-export interface Props {
-  title: string;
-  description: string;
-  publishedAt: Date;
-  image: string;
-  link: string;
-}
-
-const { title, description, publishedAt, image, link } = Astro.props;
----
-
-<article class="flex max-w-[24rem] grow basis-80 flex-col gap-2">
-  <img
-    src={image}
-    alt={`Cover for ${title}`}
-    class="shadow-smoothLgBlack w-full rounded-bl-3xl rounded-tr-3xl object-cover"
-  />
-  <h2 class="text-lg font-bold">{title}</h2>
-  <p>{description}</p>
-  <div class="flex flex-wrap gap-2">
-    <footer class="flex w-full justify-between">
-      <time
-        class="text-gray-700 dark:text-gray-400"
-        datetime={publishedAt.toISOString()}
-        >{publishedAt.toLocaleString()}</time
-      >
-      <a
-        href={link}
-        class="cursor-pointer text-teal-700 no-underline dark:text-teal-500"
-      >
-        Read more &rarr;
-      </a>
-    </footer>
-  </div>
-</article>
diff --git a/src/components/Sidebar.astro b/src/components/Sidebar.astro
deleted file mode 100644
index bcfe791..0000000
--- a/src/components/Sidebar.astro
+++ /dev/null
@@ -1,10 +0,0 @@
----
-import ThemeToggle from "./ThemeToggle.astro";
----
-
-<aside
-  class="fixed right-0 bottom-0 m-4 flex w-14 flex-col items-center justify-center gap-2 rounded-lg border-2 border-solid border-black bg-zinc-100 p-1 shadow-xl dark:border-white dark:bg-gray-900"
->
-  <ThemeToggle />
-  <ThemeToggle />
-</aside>
diff --git a/src/components/ThemeToggle.astro b/src/components/ThemeToggle.astro
deleted file mode 100644
index ee2756a..0000000
--- a/src/components/ThemeToggle.astro
+++ /dev/null
@@ -1,19 +0,0 @@
----
-import { Icon } from "astro-icon";
-const {
-  label = "Toggle between Dark and Light mode",
-  class:
-    className = "text-gray-600 hover:bg-gray-200 hover:dark:bg-gray-700 dark:text-gray-300 rounded-lg text-sm p-2.5 inline-flex items-center",
-  iconClass = "w-6 h-6",
-  iconName = "tabler:sun",
-} = Astro.props;
----
-
-<button
-  type="button"
-  class={className}
-  aria-label={label}
-  data-toggle-color-scheme
->
-  <Icon name={iconName} class={iconClass} />
-</button>