➕ADD: TMK in personal webapp list

Author: manuarora700

components/ProjectCard.js

@@ -10,11 +10,41 @@ export default function ProjectCard({ title, description, href, icon, tags }) {
     >
       <div className="flex items-center border border-gray-200 dark:border-gray-800 rounded p-4">
         {/* */}
+        {icon === "tailwindmasterkit" && (
+          <div className="h-8 w-8 ml-2 mr-4">
+            {/*  
+              className="h-8 w-8 min-w-lg text-gray-900 dark:text-gray-100"
+            */}
+
+            <svg
+              width="260"
+              height="260"
+              viewBox="0 0 260 260"
+              fill="none"
+              xmlns="http://www.w3.org/2000/svg"
+              className="h-8 w-8 min-w-lg text-gray-900 dark:text-gray-100 "
+            >
+              <rect width="260" height="260" rx="11" fill="#FBBF24" />
+              <path
+                d="M76.3492 60.7143C76.3492 57.9529 78.5878 55.7143 81.3492 55.7143H260V107.302H81.3492C78.5878 107.302 76.3492 105.063 76.3492 102.302V60.7143Z"
+                fill="white"
+              />
+              <rect
+                x="156.825"
+                y="260"
+                width="156.825"
+                height="51.5873"
+                transform="rotate(-90 156.825 260)"
+                fill="white"
+              />
+            </svg>
+          </div>
+        )}
         {icon === "covidrescue" && (
           <div className="h-8 w-8 ml-2 mr-4">
             <svg
               xmlns="http://www.w3.org/2000/svg"
-              className="h-8 w-8 min-w-lg text-gray-900 dark:text-gray-100"
+              className="h-8 w-8 min-w-lg text-gray-900 dark:text-gray-100 "
               fill="none"
               viewBox="0 0 24 24"
               stroke="currentColor"

pages/index.js

@@ -56,6 +56,13 @@ export default function Home() {
         <h3 className="font-bold text-2xl md:text-4xl tracking-tight mb-4 mt-8 text-black dark:text-white">
           Projects
         </h3>
+        <ProjectCard
+          title="Tailwind Master Kit"
+          description="Beautiful, Handcrafted, ready-to-use components and templates for your next Tailwind web app project."
+          href="https://tailwindmasterkit.com/"
+          icon="tailwindmasterkit"
+          tags={["Tailwind", "Next.js", "Freemium"]}
+        />
         <ProjectCard
           title="Covid Rescue"
           description="Get Real-time verified leads on Oxygen, Beds, Remdesivir and more with location and resource filtering"
@@ -69,12 +76,6 @@ export default function Home() {
           href="https://placeholdertech.in/"
           icon="placeholdertech"
         />
-        <ProjectCard
-          title="Playground"
-          description="An open-source playground to create HTML, CSS and Javascript components on the go."
-          href="https://play.placeholdertech.in/"
-          icon="play"
-        />
         <ProjectCard
           title="Feedmeback"
           description="The easiest way to add comments or reviews to your static site. Built as part of React 2025."

pages/projects.js

@@ -30,6 +30,13 @@ export default function projects() {
           Full-Stack
         </h3>
 
+        <ProjectCard
+          title="Tailwind Master Kit"
+          description="Beautiful, Handcrafted, ready-to-use components and templates for your next Tailwind web app project."
+          href="https://tailwindmasterkit.com/"
+          icon="tailwindmasterkit"
+          tags={["Tailwind", "Next.js", "Freemium"]}
+        />
         <ProjectCard
           title="Covid Rescue"
           description="Get Real-time verified leads on Oxygen, Beds, Remdesivir and more with location and resource filtering"