add product hunt badge

Dheerajjha451 · Jun 14, 2024 · 087c246 · 087c246
1 parent 3591a49
commit 087c246
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 5 deletions.
diff --git 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:[email protected]?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
@@ -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
@@ -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
@@ -143,6 +143,7 @@
   color: #ffffff !important;
 }
 
+
 @layer base {
   * {
     @apply border-border;
-Original file line number
+Diff line change
@@ Expand Up / @@ -143,6 +143,7 @@ @@
       color: #ffffff !important;
     }
     @layer base {
       * {
         @apply border-border;
@@ Expand Down @@