added some items #1

Author: cheddZy

src/components/Content.astro

@@ -170,42 +170,54 @@ import Card from "./ui/Card.astro";
         <!--Commerce-->
         <div class="item show commerce">
             <p class="labelText">COMMERCE</p>
-            <Card label="commerce" title="Commercial" func="Function"/>
+            <Card label="commerce" title="Gumroad" func="E-Commerce Platform"/>
         </div>
         <!--News-->
         <div class="item show news">
             <p class="labelText">NEWS</p>
-            <Card label="newsletter" title="Newsletter" func="Function"/>
+            <Card label="newsletter" title="TLDR Design" func="Short-format Design Newsletter"/>
         </div>
         <!--Tools-->
         <div class="item show tools">
             <p class="labelText">TOOLS</p>
-            <Card label="tool" title="Tool" func="Function"/>
+            <Card label="tool" title="Figma" func="Vector-based design tool"/>
         </div>
         <!--Icons-->
         <div class="item show icons">
             <p class="labelText">ICONS</p>
-            <Card label="free" title="Free" func="Function"/>
+            <Card label="free" title="Lucide Icons" func="1400+ clean & consistent icons"/>
+        </div>
+        <div class="item show icons">
+            <p class="labelText">ICONS</p>
+            <Card label="free" title="Heroicons" func="1150+ hand-crafted icons"/>
+        </div>
+        <div class="item show icons">
+            <p class="labelText">ICONS</p>
+            <Card label="free" title="Radix Icons" func="A crisp set of 15×15 icons"/>
         </div>
         <!--Webdev / Web Design-->
         <div class="item show webdev">
             <p class="labelText">WEB</p>
-            <Card label="free" title="Web Design" func="Function"/>
+            <Card label="free" title="Astro.build" func="Framework for content-driven sites"/>
+        </div>
+        <div class="item show webdev">
+            <p class="labelText">WEB</p>
+            <Card label="free" title="Wireframe.cc" func="Simple wireframing tool"/>
         </div>
         <!--Design System-->
         <div class="item show designSys">
             <p class="labelText">DESIGN SYStem</p>
-            <Card label="free" title="Free" func="Function"/>
+            <Card label="free" title="Design Systems DB" func="Database of excellent Design Systems"/>
         </div>
         <!--Free-->
         <div class="item show free">
             <p class="labelText">FREE</p>
-            <Card label="free" title="Free" func="Function"/>
+            <Card label="free" title="Open Peeps" func="Hand-drawn illustration library"/>
         </div>
         <!--Other-->
         <div class="item show other">
             <p class="labelText">OTHER</p>
-            <Card label="other" title="Other" func="Function"/>
+            <Card label="other" title="UI8 Resources" func="Curated design resources"/>
         </div>
     </div>