diff --git a/public/meta.png b/public/meta.png
new file mode 100644
index 0000000..ee0271b
Binary files /dev/null and b/public/meta.png differ
diff --git a/src/components/Project.astro b/src/components/Project.astro
index b88545f..824e311 100644
--- a/src/components/Project.astro
+++ b/src/components/Project.astro
@@ -1,11 +1,11 @@
 ---
-const { tech, desc, name } = Astro.props;
+const { tech, desc, name, link } = Astro.props;
 ---
 
 <div class="card w-full md:w-1/2 lg:w-1/2 self-stretch">
     <a
         class="cursor-pointer flex flex-col gap-3 md:p-2 p-2 h-full"
-        href={`https://github.com/namishh/${name}`}
+        href={link ? link : `https://github.com/namishh/${name}`}
     >
         <div
             class="border-neutral-800 lg:px-8 lg:py-6 md:px-4 px-4 py-4 bg-[#090909] rounded-lg"
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 90d9288..ad0bbb5 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -30,13 +30,13 @@ const { title, description } = Astro.props;
         <meta property="og:type" content="website" />
         <meta property="og:title" content={title} />
         <meta property="og:description" content={description} />
-        <meta property="og:image" content="https://namishh.me/cat.gif" />
+        <meta property="og:image" content="https://namishh.me/meta.png" />
 
         <!-- Twitter -->
         <meta property="twitter:card" content="summary_large_image" />
         <meta property="twitter:title" content={title} />
         <meta property="twitter:description" content={description} />
-        <meta property="twitter:image" content="https://namishh.me/cat.gif" />
+        <meta property="twitter:image" content="https://namishh.me/meta.png" />
         <link rel="preconnect" href="https://fonts.googleapis.com" />
         <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
         <script defer src="https://unpkg.com/@phosphor-icons/web"></script>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 2bd75e8..92a513a 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -11,7 +11,7 @@ let a = [blogs[0], blogs[1], blogs[2], blogs[3]];
 
 <Layout title="nam's place" description="nam's personal website and blog.">
     <div class="w-full flex justify-center md:pt-8 flex-col items-center gap-2">
-        <div class="md:w-2/3 pt-4 px-4 w-full lg:w-1/2 flex-col">
+      <div class="md:w-2/3 pt-4 px-4 w-full lg:w-1/2 xl:w-2/5 flex-col">
             <div class="flex gap-4 items-center">
                 <img
                     src="https://avatars.githubusercontent.com/u/68964499?v=4"
@@ -44,7 +44,7 @@ let a = [blogs[0], blogs[1], blogs[2], blogs[3]];
                     ><a href="/blog" class="text-fg underline">blogs</a></span
                 > in my free time.
             </p>
-            <p class="mt-2 text-[18px] md:text-[20px] text-bright">
+            <p class="mt-4 text-[18px] md:text-[20px] text-bright">
                 <span class="text-fg">Head of Systems/Operations</span> in my school's
                 computer club.
             </p>
@@ -65,17 +65,16 @@ let a = [blogs[0], blogs[1], blogs[2], blogs[3]];
             <div
                 class="cardscontainer mt-4 flex flex-wrap w-full justify-center"
             >
-                <div class="project py-2 px-0 md:px-2 text-fg w-full md:w-1/3">
-                    <a href="https://github.com/namishh/holmes">
-                        <div class="rounded-xl bg-mbg p-4">
-                            <div class="text-lg font-mono">holmes</div>
-                            <div class="text-bright text-md">
-                                0 js, 100% golang and templ starter kit for
-                                crypt hunts
-                            </div>
-                            <p class="text-md text-gray-500">golang ⋅ templ</p>
-                        </div>
-                    </a>
+                <div class="project py-2 px-0 md:pr-2 text-fg w-full md:w-1/3">
+                  <a href="https://github.com/tryfloww">
+                      <div class="rounded-xl bg-mbg p-4">
+                          <div class="text-lg font-mono">floww</div>
+                          <div class="text-bright text-md">
+                              refined and a better way for youtubers to manage their work
+                          </div>
+                          <p class="text-md text-gray-500">next ⋅ wip</p>
+                      </div>
+                  </a>
                 </div>
                 <div class="project py-2 px-0 md:px-2 text-fg w-full md:w-1/3">
                     <a href="https://github.com/namishh/pixie">
@@ -88,7 +87,7 @@ let a = [blogs[0], blogs[1], blogs[2], blogs[3]];
                         </div>
                     </a>
                 </div>
-                <div class="project py-2 px-0 md:px-2 text-fg w-full md:w-1/3">
+                <div class="project py-2 px-0 md:pl-2 text-fg w-full md:w-1/3">
                     <a href="https://github.com/namishh/pound">
                         <div class="rounded-xl bg-mbg p-4">
                             <div class="text-lg font-mono">pound</div>
@@ -99,7 +98,7 @@ let a = [blogs[0], blogs[1], blogs[2], blogs[3]];
                         </div>
                     </a>
                 </div>
-                <div class="project py-2 px-0 md:px-2 text-fg w-full md:w-1/3">
+                <div class="project py-2 px-0 md:pr-2 text-fg w-full md:w-1/3">
                     <a href="https://github.com/namishh/shawty">
                         <div class="rounded-xl bg-mbg p-4">
                             <div class="text-lg font-mono">shawty</div>
@@ -112,18 +111,18 @@ let a = [blogs[0], blogs[1], blogs[2], blogs[3]];
                     </a>
                 </div>
                 <div class="project px-0 md:px-2 py-2 text-fg w-full md:w-1/3">
-                    <a href="https://github.com/namishh/lovbyte">
+                    <a href="https://github.com/namishh/holmes">
                         <div class="rounded-xl bg-mbg p-4">
-                            <div class="text-lg font-mono">lovbyte</div>
+                            <div class="text-lg font-mono">holmes</div>
                             <div class="text-bright text-md">
-                                dating app for "coders" to finally get them a
-                                partner
+                                0 js, 100% golang and templ starter kit for
+                                crypt hunts
                             </div>
-                            <p class="text-md text-gray-500">remix ⋅ prisma</p>
+                            <p class="text-md text-gray-500">golang ⋅ templ</p>
                         </div>
                     </a>
                 </div>
-                <div class="project px-0 md:px-2 py-2 text-fg w-full md:w-1/3">
+                <div class="project px-0 md:pl-2 py-2 text-fg w-full md:w-1/3">
                     <a href="https://github.com/namishh/neuing">
                         <div class="rounded-xl bg-mbg p-4">
                             <div class="text-lg font-mono">neuing</div>
diff --git a/src/pages/stuff.astro b/src/pages/stuff.astro
index c3e069e..dc25747 100644
--- a/src/pages/stuff.astro
+++ b/src/pages/stuff.astro
@@ -49,6 +49,12 @@ const configs = [
     },
 ];
 const showoff = [
+    {
+        name: "floww",
+        desc: "redefining the way to collaborate with people on youtube channels.",
+        tech: [{ name: "next", color: "bg-blue-300" }, { name: "wip" }],
+        link: "https://github.com/tryfloww"
+    },
     {
         name: "holmes",
         desc: "0 js, 100% golang and templ batteries included starter kit for  crypt hunts",
@@ -65,7 +71,7 @@ const showoff = [
     {
         name: "biotrack",
         desc: "an online personal health diary to keep track of you life with ai assistance",
-        tech: [{ name: "golang", color: "bg-blue-300" }, { name: "js" }],
+        tech: [{ name: "golang", color: "bg-blue-300" }, { name: "js" }, {name: "gemini"}],
     },
     {
         name: "pound",
@@ -105,22 +111,24 @@ const decent = [
         name: "namishh.github.io",
         desc: "basically the blog you're seeing rn. rewritten with astro and tailwind",
         tech: [{ name: "astro", color: "bg-teal-300" }],
-    },
+        },
     {
-        name: "techfestweb",
-        desc: "a beautiful, modern, sleek and responsive website template for techfests",
+        name: "lockin",
+        desc: "24x7 lofi radio plus general productivity website",
         tech: [
-            { name: "remix", color: "bg-teal-300" },
+            { name: "next", color: "bg-teal-300" },
             { name: "tailwind", color: "bg-blue-300" },
-        ],
+            ],
+        link: "https://cafe.namishh.me",
     },
     {
-        name: "solace",
-        desc: "24x7 lofi radio plus productivity tool",
+        name: "techfestweb",
+        desc: "a beautiful, modern, sleek and responsive website template for techfests",
         tech: [
-            { name: "next", color: "bg-teal-300" },
+            { name: "remix", color: "bg-teal-300" },
             { name: "tailwind", color: "bg-blue-300" },
-        ],
+            ],
+            link: "https://techfestweb.vercel.app",
     },
     {
         name: "silxx",
@@ -129,6 +137,7 @@ const decent = [
             { name: "astro", color: "bg-teal-300" },
             { name: "tailwind", color: "bg-blue-300" },
         ],
+            link: "https://silxx.vercel.app",
     },
     {
         name: "crypt",
@@ -140,7 +149,7 @@ const decent = [
     },
     {
         name: "cyquest",
-        desc: "website for the cyquest 2023, made with a lot of head smashing and generous npm repos",
+        desc: "website for the cyquest 2023, with a complete desktop like interface",
         tech: [
             { name: "react", color: "bg-teal-300" },
             { name: "tailwind", color: "bg-blue-300" },
@@ -261,7 +270,8 @@ const meh = [
             <div class="flex flex-wrap w-full lg:w-1/2 md:w-2/3">
                 {
                     showoff.map((i) => (
-                        <Project name={i.name} desc={i.desc} tech={i.tech} />
+                        <Project name={i.name} link={i.link} desc={i.desc} tech={i.tech} />
+                      
                     ))
                 }
             </div>
@@ -275,7 +285,7 @@ const meh = [
             <div class="flex flex-wrap w-full lg:w-1/2 md:w-2/3">
                 {
                     decent.map((i) => (
-                        <Project name={i.name} desc={i.desc} tech={i.tech} />
+                    <Project name={i.name} link={i.link} desc={i.desc} tech={i.tech} />
                     ))
                 }
             </div>
@@ -291,7 +301,7 @@ const meh = [
             <div class="flex flex-wrap w-full lg:w-1/2 md:w-2/3">
                 {
                     bots.map((i) => (
-                        <Project name={i.name} desc={i.desc} tech={i.tech} />
+                        <Project name={i.name} link={i.link} desc={i.desc} tech={i.tech} />
                     ))
                 }
             </div>