From 087c246759ab077f30677814b290eaebc09e74bc Mon Sep 17 00:00:00 2001
From: dheerajjha451 <dheerajjha451@gmail.com>
Date: Fri, 14 Jun 2024 07:02:45 +0530
Subject: [PATCH] add product hunt badge

---
 components/Footer.jsx    | 6 +++---
 components/Templates.jsx | 4 ++--
 pages/index.js           | 5 +++++
 styles/globals.css       | 1 +
 4 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/components/Footer.jsx b/components/Footer.jsx
index 604efd1..d72d1c3 100644
--- a/components/Footer.jsx
+++ b/components/Footer.jsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import { Github } from 'lucide-react';
-
+import Link from 'next/link';
 const Footer = () => {
   const handleFeedbackClick = () => {
     window.location.href = 'mailto:dheerajjha451@gmail.com?subject=Feedback';
@@ -11,14 +11,14 @@ const Footer = () => {
       <div className="container mx-auto max-w-6xl flex flex-col md:flex-row justify-between items-center">
         <p className="text-center md:text-left mb-4 md:mb-0 text-gray-900 dark:text-gray-100">&copy; {new Date().getFullYear()} All rights reserved.</p>
         <div className="flex items-center space-x-4">
-          <a
+          <Link
             href="https://github.com/Dheerajjha451/Design2Code"
             target="_blank"
             rel="noopener noreferrer"
             className="text-black dark:text-white hover:text-bold"
           >
             <Github size={30} />
-          </a>
+          </Link>
           <p
             className="text-blue-400 dark:text-blue-300 hover:text-blue-500 cursor-pointer"
             onClick={handleFeedbackClick}
diff --git a/components/Templates.jsx b/components/Templates.jsx
index 378c064..1b812cc 100644
--- a/components/Templates.jsx
+++ b/components/Templates.jsx
@@ -110,7 +110,7 @@ const TemplateItem = React.memo(({ template }) => {
             loading="lazy"
           />
           <div className="">
-            <h3 className="text-base font-semibold leading-7 tracking-tight">
+            <h3 className="text-base font-semibold leading-7 tracking-tight text-gray-600 dark:text-white">
               {template.user.name}
             </h3>
           </div>
@@ -121,7 +121,7 @@ const TemplateItem = React.memo(({ template }) => {
           </h3>
         </div>
       </Link>
-      <div className="absolute bottom-0 left-0 w-full border-t p-3 text-gray-500 dark:text-white text-sm">
+      <div className="absolute bottom-0 left-0 w-full border-t p-3 text-gray-600 dark:text-white text-sm">
         <div className="flex justify-between items-center">
           <p className="text-sm">{template.framework}</p>
           <Link href={template.deployedLink} target="_blank">
diff --git a/pages/index.js b/pages/index.js
index 317886e..181a649 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -84,6 +84,11 @@ export default function Home() {
                 </Button>
               )}
             </div>
+            <div className="mt-12">
+              <a href="https://www.producthunt.com/posts/design2code?embed=true&utm_source=badge-featured&utm_medium=badge&utm_souce=badge-design2code" target="_blank">
+                <img src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=462353&theme=light" alt="Design2Code - Your&#0032;Hub&#0032;for&#0032;free&#0032;Project&#0032;Templates | Product Hunt" style={{ width: '250px', height: '54px' }} width="250" height="54" />
+              </a>
+            </div>
           </div>
         </MaxWidthWrapper>
       </section>
diff --git a/styles/globals.css b/styles/globals.css
index ade41ab..0d20e92 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -143,6 +143,7 @@
   color: #ffffff !important;
 }
 
+
 @layer base {
   * {
     @apply border-border;