added new portfolio element and updated metadata

src/app/layout.tsx

@@ -18,7 +18,7 @@ const italianno = Italianno({
 
 export const metadata: Metadata = {
   title: "unemployment heaven",
-  description: "AI sucks. but who cares, i'll never let it take my job",
+  description: "Imagine getting a j*b",
 };
 
 export default function RootLayout({

src/app/portfolio/layout.tsx

@@ -1,5 +1,5 @@
 import Project from "@/components/project_card";
-import { nextjs_tag, typescript_tag } from "@/types/tags";
+import { nextjs_tag, sql_tag, typescript_tag, go_tag } from "@/types/tags";
 
 export default function Portfolio({
   children,
@@ -24,6 +24,13 @@ export default function Portfolio({
           imgsrc="/placeholder.png"
           link="/portfolio/ongoingmaintenance/"
         />
+        <Project
+          tags={[nextjs_tag, typescript_tag, sql_tag, go_tag]}
+          title="nozzle"
+          desc="sum ai coding agent that integrates in github and discord i'm doing with cns-studios.com, my job is to do the discord and github part along with some of the agent and website"
+          imgsrc="/nozzle_ss.png"
+          a="https://nozzle.cns-studios.com/"
+        />
       </div>
     </>
   );

src/components/project_card.tsx

@@ -8,7 +8,8 @@ interface ProjectInt {
   title: string;
   desc: string;
   imgsrc: string;
-  link: string;
+  link?: string;
+  a?: string;
 }
 
 export default function Project({
@@ -17,8 +18,9 @@ export default function Project({
   desc,
   imgsrc,
   link,
+  a,
 }: ProjectInt) {
-  return (
+  if (link) return (
     <>
       <Link href={link} className="rounded-4xl">
         <div
@@ -45,4 +47,36 @@ export default function Project({
       </Link>
     </>
   );
+  else if (a) return (
+    <>
+      <a href={link} className="rounded-4xl">
+        <div
+          id="card_container"
+          className="bg-blue-950 flex flex-col space-y-4 w-200 border-solid border-2 border-gray-600 px-5 py-5 rounded-4xl hover:border-blue-900 transition-all duration-500 hover:shadow-[0_0_20px_rgba(30,58,138,0.5)]"
+        >
+          <Image
+            src={imgsrc}
+            alt="project image"
+            width={1920}
+            height={1080}
+            className="w-full rounded-3xl"
+          />
+          <div className="ml-3">
+            <h1 className="font-[Bitcount] text-gray-50 text-4xl">{title}</h1>
+            <p className="font-[Bitcount] text-gray-50 text-xl">{desc}</p>
+          </div>
+          <div className="flex flex-row space-x-5">
+            {tags.map((tag, index) => (
+              <Tag key={index} tag={tag} />
+            ))}
+          </div>
+        </div>
+      </a>
+    </>
+  );
+  else return (
+    <>
+      <h1>this dev doesn't know how to code bruh</h1>
+    </>
+  );
 }

src/types/tags.ts

@@ -10,3 +10,4 @@ export const javascript_tag: TagType = { text: "JavaScript", color: "#fff203"}
 export const typescript_tag: TagType = { text: "TypeScript", color: "#0378ff" };
 export const docker_tag: TagType = { text: "Docker", color: "#1353c2" };
 export const java_tag: TagType = { text: "Java", color: "#d1062b" }
+export const go_tag: TagType = { text: "GoLang", color: "#65cfdb"}