remaster text

src/app/globals.css

@@ -12,5 +12,5 @@ h2 {
 }
 
 ul {
-  @apply list-disc ms-8
+  @apply list-disc ms-8 space-y-4
 }

src/app/not-found.tsx

@@ -7,8 +7,8 @@ export const metadata: Metadata = {
 export default function NotFound() {
   return (
     <main className="flex items-center h-screen pt-16 md:pt-32 pb-12 px-8 md:px-0">
-      <div className="mx-auto w-[480px]">
-        <header className="mb-8 text-center">
+      <div className="mx-auto w-[380px]">
+        <header className="mb-8 -ms-5 text-center">
           <h1 className="font-bold text-8xl">404</h1>
         </header>
         <div className="">

src/app/page.tsx

@@ -1,7 +1,8 @@
 import { LandingImage } from "@/components/landing-image";
 import { NolaGlitchClientOnly } from "@/components/nola-glitch";
 import { Sosmed } from "@/components/sosmed";
-import Image from "next/image";
+import HomeText from "@/components/home-text.mdx"
+
 import Link from "next/link";
 
 export default function Home() {
@@ -9,7 +10,7 @@ export default function Home() {
     <main className="flex items-center pt-16 md:pt-24 pb-12 px-8 md:px-0">
       <div className="mx-auto w-[480px]">
         <header className="text-center mb-8">
-          <h1 className="font-bold text-xl md:text-3xl">
+          <h1 className="font-bold text-3xl leading-normal">
             Nomi Nonsense Workspace
           </h1>
         </header>
@@ -19,46 +20,7 @@ export default function Home() {
         <NolaGlitchClientOnly />
         <Sosmed />
         <article className="space-y-6 leading-relaxed">
-          <p>Welcome!</p>
-          <p>
-            This is Nomi Nonsense Workspace Domain, where some services and websites that are hosted on their own servers are on this budget domain.
-          </p>
-          <h2>About Me</h2>
-            <p>
-              I'm Nomi Nonsense (Nomi Nonsz or Nonszy whatever, some ppl know my real name). I write code and make sure the server doesn't catch on fire 🔥 lol. 
-            </p>
-            <p>
-              I build sick web apps with modern stacks (and trash). But mad love getting my hands dirty messing up with servers.
-              Into stuff like self-hosting, automating deployments, and integrating AI/LLM into web projects. I treat my server like family.
-            </p>
-            <p>
-              Big fan of open-source stuff, CLI life, Arch 💅.
-              I only play indie games, and cooking up cursed mods just for fun.
-            </p>
-            {new Date(Date.now()) < new Date("2026-02-16") && (
-              <p>
-                Pls add my <Link href="https://steamcommunity.com/id/nomi_nonsz" target="_blank" className="text-[#F48120] underline">Steam</Link>, I am so lonely 💔. 
-              </p>
-            )}
-          {/* <h2 className="pb-4">Vision</h2>
-            Become a versatile developer who brings together web technology, AI, and game development to create innovative, meaningful, and impactful digital experiences. I aspire to blend creativity and technical mastery to shape products that empower others and reflect my passion for independent, modern technology.
-          <h2>Mission</h2>
-          <ul className="space-y-4">
-            <li>Gain a solid understanding of IT infrastructure, including how systems operate behind the scenes, how to independently manage servers, and how to ensure stability, security, and scalability throughout the development and deployment lifecycle.</li>
-            <li>Develop self-hosted systems and applications, whether on local machines or remote environments, promoting digital independence, data ownership, and efficient resource control.</li>
-            <li>Build the ability to design and develop web applications that are responsive, intuitive, fast, and visually compelling, with a strong focus on user experience and modern interface principles.</li>
-            <li>Integrate artificial intelligence into digital products, creating smart, helpful, and engaging features that elevate the overall value and interactivity of applications.</li>
-            <li>Create original indie games with unique concepts and artistic expression, combining compelling gameplay mechanics, visual design, and storytelling to deliver player emotions.</li>
-          </ul> */}
-          <Image
-            className="mb-12 mx-auto"
-            alt="Pat coral"
-            title="Pat pat pat pat pat"
-            src="https://media.tenor.com/jZkB6qUnOQUAAAAi/coral-glasses-dream-bbq-ena.gif"
-            width={350}
-            height={350}
-            unoptimized
-          />
+          <HomeText />
         </article>
         <section className="my-8">
           <p>⚡ Powered with <Link href="https://www.cloudflare.com/" target="_blank" className="text-[#F48120] underline">Cloudflare</Link> ☁️</p>