From 3696dc528af2384c927f9657340e0025f1e4e5af Mon Sep 17 00:00:00 2001
From: nomi-nonsz <norman25.na@gmail.com>
Date: Thu, 26 Jun 2025 14:13:33 +0700
Subject: [PATCH] it's canon now

---
 src/app/globals.css            |  8 +++++++
 src/app/page.tsx               | 38 +++++++++++++++++++++++++++++-----
 src/components/nola-glitch.tsx |  6 +++---
 3 files changed, 44 insertions(+), 8 deletions(-)

diff --git a/src/app/globals.css b/src/app/globals.css
index 6b7fac8..ec2ed83 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -5,4 +5,12 @@
 :root {
   --background: #0F0A1F;
   --primary: #FFA826;
+}
+
+h2 {
+  @apply text-2xl font-bold
+}
+
+ul {
+  @apply list-disc ms-8
 }
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3fdb11f..3b3c63b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -16,8 +16,8 @@ export default function Home() {
         <noscript>
           <Image
             className="mb-12 mx-auto"
-            alt="Spining ENA <3"
-            src="https://media.tenor.com/1BCeG1aTiBAAAAAd/temptation-stairway-ena.gif"
+            alt="Coral <3"
+            src="https://media1.tenor.com/m/yMLvq5PeKUEAAAAd/coral-glasses.gif"
             width={200}
             height={200}
             unoptimized
@@ -26,11 +26,39 @@ export default function Home() {
         <NolaGlitchClientOnly />
         <Sosmed />
         <article className="space-y-6 leading-relaxed">
-          <p>What? what are you expecting specifically on this base page?</p>
+          <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
+            This is Nomi Nonsense Workspace Domain, where some services and websites that are hosted on their own servers are on this budget domain.
           </p>
-          <p>This domain will active until <ExpirationDate /></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 love building sick web apps with modern stacks (and trash) and also getting my hands dirty setting up servers, reverse proxies, and deployment flows. Into stuff like self-hosting, automating deployments, and integrating AI/LLM into web projects.
+            </p>
+            <p>
+              Big fan of open-source stuff, CLI life, Arch 💅.
+              I only into the indie game, either playing underrated gems or cooking up cursed mods just for fun.
+            </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"
+            src="https://media.tenor.com/jZkB6qUnOQUAAAAi/coral-glasses-dream-bbq-ena.gif"
+            width={350}
+            height={350}
+            unoptimized
+          />
         </article>
         <section className="my-8">
           <p>⚡ Powered with <Link href="https://www.cloudflare.com/" target="_blank" className="text-[#F48120] underline">Cloudflare</Link> ☁️</p>
diff --git a/src/components/nola-glitch.tsx b/src/components/nola-glitch.tsx
index 2865d34..5b52489 100644
--- a/src/components/nola-glitch.tsx
+++ b/src/components/nola-glitch.tsx
@@ -107,9 +107,9 @@ export const NolaGlitchClientOnly = () => {
       <Image
         className="mb-12 mx-auto"
         alt="Spining ENA <3"
-        src="https://media.tenor.com/1BCeG1aTiBAAAAAd/temptation-stairway-ena.gif"
-        width={200}
-        height={200}
+        src="https://media1.tenor.com/m/RIP2rxKM_FgAAAAC/ena-ena-dream-bbq.gif"
+        width={280}
+        height={280}
         unoptimized
       />
     )