diff --git a/README.md b/README.md
index ea6b6a4..6f9d1ca 100644
--- a/README.md
+++ b/README.md
@@ -2,23 +2,27 @@
     <a href="https://skywalkerSam.dev">
         <img src="/starboy-inc.png" alt="Starboy Logo" height=128>
     </a>
-    <h1>Welcome to My Personal Corner of The Web!</h1>
+    <h1>Among the Stars...</h1>
     
 </div>
 
-## Domains
+&nbsp;
+
+## 🌐 Domains
 
 [skywalkerSam.dev](https://skywalkersam.dev)
 
 [skywalkerSam-dev.vercel.app](https://skywalkersam-dev.vercel.app/)
 
-## Sources
+&nbsp;
 
+## 🔗 Sources
+
+- [CREATE T3 APP](https://create.t3.gg/)
 - [shadcn/ui](https://ui.shadcn.com/)
 - [Blog Starter Kit](https://vercel.com/templates/next.js/blog-starter-kit)
-- [CREATE T3 APP](https://create.t3.gg/)
-- [Flex Docs - tailwindcss](https://tailwindcss.com/docs/flex)
-- Font: [Paprika](https://github.com/etunni/paprika)
+- tailwindcss - [Flex Docs](https://tailwindcss.com/docs/flex)
+- Font - [Paprika](https://github.com/etunni/paprika)
 
 <!-- ## initial Deployments w/ [Firebase](https://firebase.google.com/)
 
@@ -28,10 +32,24 @@
 
 &nbsp;
 
+&nbsp;
+
+&nbsp;
+
 Until Next Time...✌️
 
 &nbsp;
 
+❤️
+
+&nbsp;
+
+&nbsp;
+
+&nbsp;
+
 <div align="center">
-<p>Built w/ <a href="https://nextjs.org">Next.js</a> + <a href="https://vercel.com">Vercel</a>.</p>
+<p>Built w/ <a href="https://nextjs.org">Next.js</a> + <a href="https://vercel.com">Vercel</a></p>
 </div>
+
+&nbsp;
diff --git a/_data/constants.ts b/_data/constants.ts
deleted file mode 100644
index 57e5f0e..0000000
--- a/_data/constants.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-export const nameList: { text: string }[] = [
-  { text: "Sam" },
-  { text: "Skywalker" },
-];
-
-export const doList: { text: string }[] = [
-  { text: "Write" },
-  { text: "Build" },
-];
-
-export const emojiList: { text: string }[] = [{ text: "👋" }, { text: "✌️" }];
diff --git a/src/app/about/_components/animated-intro.tsx b/src/app/about/_components/animated-intro.tsx
index 2d9779a..ab01d64 100644
--- a/src/app/about/_components/animated-intro.tsx
+++ b/src/app/about/_components/animated-intro.tsx
@@ -1,6 +1,6 @@
 "use client";
 import "./animated-intro.css";
-import { nameList, doList, emojiList } from "_data/constants";
+import { nameList, doList, emojiList } from "~/lib/constants";
 import { useGSAP } from "@gsap/react";
 import gsap from "gsap";
 
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 27607a2..5454657 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,23 +1,9 @@
 import "~/styles/globals.css";
 import type { Metadata } from "next";
 import { ThemeProvider } from "~/components/ui/theme-provider";
-// import Footer from "~/components/footer";
-// import { Ubuntu } from "next/font/google";
-// import { Geist } from "next/font/google";
 import { Paprika } from "next/font/google";
 import { NavBar } from "~/components/NavBar";
-
-// const ubuntu = Ubuntu({
-//   weight: ["400", "700"],
-//   style: ["normal", "italic"],
-//   subsets: ["latin"],
-//   display: "swap",
-// });
-
-// const geist = Geist({
-//   subsets: ["latin"],
-//   variable: "--font-geist-sans",
-// });
+import Footer from "~/components/Footer";
 
 const paprika = Paprika({
   subsets: ["latin"],
@@ -47,13 +33,13 @@ export default function RootLayout({
         <ThemeProvider
           attribute="class"
           defaultTheme="dark"
-          enableSystem
+          // enableSystem
           disableTransitionOnChange
         >
           <NavBar></NavBar>
           <main>{children}</main>
 
-          {/* <Footer></Footer> */}
+          <Footer></Footer>
         </ThemeProvider>
       </body>
     </html>
diff --git a/src/lib/constants.ts b/src/lib/constants.ts
index e1cc96b..0f8047b 100644
--- a/src/lib/constants.ts
+++ b/src/lib/constants.ts
@@ -1,4 +1,13 @@
-export const EXAMPLE_PATH = "/blog";
-export const CMS_NAME = "Markdown";
-export const HOME_OG_IMAGE_URL =
-  "/starboy.svg";
+export const HOME_OG_IMAGE_URL = "/src/app/opengraph-image.png";
+
+export const nameList: { text: string }[] = [
+  { text: "Sam" },
+  { text: "Skywalker" },
+];
+
+export const doList: { text: string }[] = [
+  { text: "Write" },
+  { text: "Build" },
+];
+
+export const emojiList: { text: string }[] = [{ text: "👋" }, { text: "✌️" }];