minor changes: (faulty)

frontend/src/pages/Home.jsx

@@ -1,13 +1,13 @@
 import { useState } from "react";
+import ProjectsReadme from "../components/ProjectsReadme";
 
 export default function Home() {
     const [active, setActive] = useState("projects");
-
     const sections = [
         {
             id: "projects",
             title: "Projects",
-            content: "Project content",
+            content: <ProjectsReadme />,
         },
         {
             id: "systems",
@@ -25,19 +25,16 @@ export default function Home() {
         <div className="text-ctp-text flex flex-col items-center justify-center px-6 py-6">
             <div className="w-full max-w-6xl text-center">
                 <h1 className="text-4xl font-bold text-ctp-mauve">
-                    Aram Jonghu
+                    AramJonghu
                 </h1>
-
                 <p className="mt-4">
                     Software engineer building systems, services, and
                     experiments across a self-hosted environment.
                 </p>
-
                 <p className="mt-3">
                     This site acts as a hub for projects, infrastructure, and
                     personal tooling.
                 </p>
-
                 <div className="mt-10 border rounded p-4">
                     <div className="flex flex-wrap justify-center gap-12">
                         {sections.map((section) => (
@@ -52,7 +49,6 @@ export default function Home() {
                             </button>
                         ))}
                     </div>
-
                     <div className="mt-6 text-left relative min-h-20">
                         {sections.map((section) => (
                             <div
@@ -66,7 +62,7 @@ export default function Home() {
                                 <h2 className="text-2xl font-bold text-ctp-mauve">
                                     {section.title}
                                 </h2>
-                                <p>{section.content}</p>
+                                <div>{section.content}</div>{" "}
                             </div>
                         ))}
                     </div>