diff --git a/components/Bio/Bio.tsx b/components/Bio/Bio.tsx
index f3132b5..c90815d 100644
--- a/components/Bio/Bio.tsx
+++ b/components/Bio/Bio.tsx
@@ -1,4 +1,3 @@
-import React from "react";
 import { BlueBlob } from "../Blobs/Blobs";
 import SocialLinks from "../SocialLinks/SocialLinks";
 import styles from "./Bio.module.css";
diff --git a/components/Blobs/BlueBlob.tsx b/components/Blobs/BlueBlob.tsx
index 79f9f0e..8fa3a51 100644
--- a/components/Blobs/BlueBlob.tsx
+++ b/components/Blobs/BlueBlob.tsx
@@ -1,4 +1,3 @@
-import React from "react";
 import { motion } from "framer-motion";
 
 type BlueBlobProps = {
diff --git a/components/Blobs/GreenBlob.tsx b/components/Blobs/GreenBlob.tsx
index cb1969e..cd6c48f 100644
--- a/components/Blobs/GreenBlob.tsx
+++ b/components/Blobs/GreenBlob.tsx
@@ -1,4 +1,3 @@
-import React from "react";
 import { motion } from "framer-motion";
 
 function GreenBlob({ className }) {
diff --git a/components/Blobs/LightBlueBlob.tsx b/components/Blobs/LightBlueBlob.tsx
index a59840a..dfedcff 100644
--- a/components/Blobs/LightBlueBlob.tsx
+++ b/components/Blobs/LightBlueBlob.tsx
@@ -1,4 +1,3 @@
-import React from "react";
 import { motion } from "framer-motion";
 
 function LightBlueBlob({ className }) {
diff --git a/components/Blobs/LightPurpleBlob.tsx b/components/Blobs/LightPurpleBlob.tsx
index b358037..55000f3 100644
--- a/components/Blobs/LightPurpleBlob.tsx
+++ b/components/Blobs/LightPurpleBlob.tsx
@@ -1,4 +1,3 @@
-import React from "react";
 import { motion } from "framer-motion";
 
 function LightPurpleBlob({ className }) {
diff --git a/components/Blobs/PurpleBlob.tsx b/components/Blobs/PurpleBlob.tsx
index 49247d0..fbfe953 100644
--- a/components/Blobs/PurpleBlob.tsx
+++ b/components/Blobs/PurpleBlob.tsx
@@ -1,4 +1,3 @@
-import React from "react";
 import { motion } from "framer-motion";
 
 function PurpleBlob({ className }) {
diff --git a/components/Blobs/YellowBlob.tsx b/components/Blobs/YellowBlob.tsx
index ceb83b7..bc985e7 100644
--- a/components/Blobs/YellowBlob.tsx
+++ b/components/Blobs/YellowBlob.tsx
@@ -1,4 +1,3 @@
-import React from "react";
 import { motion } from "framer-motion";
 
 function YellowBlob({ className }) {
diff --git a/components/Footer/Footer.tsx b/components/Footer/Footer.tsx
index 93ac877..04a51a6 100644
--- a/components/Footer/Footer.tsx
+++ b/components/Footer/Footer.tsx
@@ -1,4 +1,3 @@
-import React from "react";
 import SocialLinks from "../SocialLinks/SocialLinks";
 import styles from "./Footer.module.css";
 
diff --git a/components/Icons/GithubIcon.tsx b/components/Icons/GithubIcon.tsx
index da6a641..5c05566 100644
--- a/components/Icons/GithubIcon.tsx
+++ b/components/Icons/GithubIcon.tsx
@@ -1,5 +1,3 @@
-import React from "react";
-
 function GithubIcon({ fill }) {
   return (
     <svg
diff --git a/components/Icons/LinkedinIcon.tsx b/components/Icons/LinkedinIcon.tsx
index e083179..35748d5 100644
--- a/components/Icons/LinkedinIcon.tsx
+++ b/components/Icons/LinkedinIcon.tsx
@@ -1,5 +1,3 @@
-import React from "react";
-
 function LinkedinIcon({ fill }) {
   return (
     <svg
diff --git a/components/Icons/RightArrowIcon.tsx b/components/Icons/RightArrowIcon.tsx
index 1c8ce9f..50a26af 100644
--- a/components/Icons/RightArrowIcon.tsx
+++ b/components/Icons/RightArrowIcon.tsx
@@ -1,5 +1,3 @@
-import React from "react";
-
 type RightArrowIconProps = {
   className?: string;
 };
diff --git a/components/Icons/TwitterIcon.tsx b/components/Icons/TwitterIcon.tsx
index 7c39985..d7d0c33 100644
--- a/components/Icons/TwitterIcon.tsx
+++ b/components/Icons/TwitterIcon.tsx
@@ -1,5 +1,3 @@
-import React from "react";
-
 function TwitterIcon({ fill }) {
   return (
     <svg
diff --git a/components/Layout/Layout.tsx b/components/Layout/Layout.tsx
index f9eba4e..5ad8bb2 100644
--- a/components/Layout/Layout.tsx
+++ b/components/Layout/Layout.tsx
@@ -1,4 +1,3 @@
-import React from "react";
 import NavBar from "../NavBar/NavBar";
 import Footer from "../Footer/Footer";
 import styles from "./Layout.module.css";
diff --git a/components/NavBar/NavBar.tsx b/components/NavBar/NavBar.tsx
index 27ade19..3adc6fb 100644
--- a/components/NavBar/NavBar.tsx
+++ b/components/NavBar/NavBar.tsx
@@ -1,4 +1,3 @@
-import React from "react";
 import { useRouter } from "next/router";
 import styles from "./NavBar.module.css";
 
@@ -13,7 +12,7 @@ function NavBar() {
   };
 
   const postsClick = () => {
-    router.push("/posts");
+    router.push("/timeline");
   };
 
   return (
@@ -21,8 +20,8 @@ function NavBar() {
       <a onClick={homeClick} style={router.pathname === "/" ? style : null}>
         Home
       </a>
-      <a onClick={postsClick} style={router.pathname === "/posts" ? style : null}>
-        Posts
+      <a onClick={postsClick} style={router.pathname === "/timeline" ? style : null}>
+        Timeline
       </a>
     </nav>
   );
diff --git a/components/ProjectCard/ProjectCard.tsx b/components/ProjectCard/ProjectCard.tsx
index 298ed82..2360096 100644
--- a/components/ProjectCard/ProjectCard.tsx
+++ b/components/ProjectCard/ProjectCard.tsx
@@ -1,4 +1,3 @@
-import React from "react";
 import RightArrowIcon from "../Icons/RightArrowIcon";
 import styles from "./ProjectCard.module.css";
 
diff --git a/components/SocialLinks/SocialLinks.tsx b/components/SocialLinks/SocialLinks.tsx
index 032a32d..99c4873 100644
--- a/components/SocialLinks/SocialLinks.tsx
+++ b/components/SocialLinks/SocialLinks.tsx
@@ -1,4 +1,3 @@
-import React from "react";
 import { motion } from "framer-motion";
 import GithubIcon from "../Icons/GithubIcon";
 import LinkedinIcon from "../Icons/LinkedinIcon";