Add stuff

src/app/layout.tsx

@@ -5,9 +5,9 @@ import { type Metadata } from "next";
 import { ThemeProvider } from "~/components/theme/themeprovider"
 
 export const metadata: Metadata = {
-  title: "Create T3 App",
-  description: "Generated by create-t3-app",
-  icons: [{ rel: "icon", url: "/favicon.ico" }],
+  title: "Gabriel's Portfolio",
+  description: "A website to showcase my work & projects",
+  icons: [{ rel: "icon", url: "/favicon.png" }],
 };
 
 export default function RootLayout({

src/app/page.tsx

@@ -1,14 +1,24 @@
-import Link from "next/link";
-import { ModeToggle } from "~/components/theme/themetoggle";
+import { ThemeToggle } from "~/components/theme/themetoggle";
+import { PFPName } from "~/components/general/pfpname";
+import AboutMe from "~/components/general/aboutme";
+import TechChart from "~/components/general/techchart";
+import TechTracker from "~/components/projects/techtracker";
+//import Image from "next/image";
+//import Link from "next/link";
 
 export default function HomePage() {
   return (
     <main className="min-h-screen">
       <div className="flex flex-row items-end justify-end">
         <div className="mr-8 mt-6">
-          <ModeToggle />
+          <ThemeToggle />
         </div>
       </div>
+      <PFPName />
+      <AboutMe />
+      <TechChart />
+      <h1 className="text-3xl font-semibold text-center my-8">Projects</h1>
+      <TechTracker />
     </main>
   );
 }