Skip to content

feat/add product hunt badge #14

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
isaadgulzar merged 2 commits into from
Dec 27, 2025
Merged

feat/add product hunt badge #14

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
194521d
feat: add Product Hunt badge to navbar
isaadgulzar Dec 27, 2025
e683fb8
refactor: optimize navbar buttons for mobile responsiveness
isaadgulzar Dec 27, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
29 changes: 20 additions & 9 deletions components/Navbar.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,21 +23,21 @@
/>
</Link>

{/* Right side - Twitter & GitHub */}
<div className="flex items-center gap-3">
{/* Right side - Twitter, GitHub & Product Hunt */}
<div className="flex items-center gap-2 md:gap-3">
{/* Twitter Card */}
<a
href="https://x.com/isaadgulzar"
target="_blank"
rel="noopener noreferrer"
className="flex items-center gap-2 px-4 py-2.5 rounded-xl bg-gray-800/60 hover:bg-gray-800 border border-gray-700/50 transition-all hover:scale-105"
className="flex items-center gap-2 px-2 py-1.5 md:px-4 md:py-2.5 rounded-xl bg-gray-800/60 hover:bg-gray-800 border border-gray-700/50 transition-all hover:scale-105"
>
<Image
src="/avatar.jpg"
alt="Saad Gulzar"
width={20}
height={20}
className="w-6 h-6 rounded-full border-[1.5] border-[#34d399]"
className="w-5 h-5 md:w-6 md:h-6 rounded-full border-[1.5] border-[#34d399]"
/>
<span className="text-sm font-medium text-gray-300 hover:text-white hidden sm:inline">
Built by @isaadgulzar
Expand All @@ -49,10 +49,10 @@
href="https://github.com/isaadgulzar/year-in-code"
target="_blank"
rel="noopener noreferrer"
className="flex items-center gap-2 px-4 py-2.5 rounded-xl bg-gray-800/60 hover:bg-gray-800 border border-gray-700/50 transition-all hover:scale-105 group"
className="flex items-center gap-2 px-2 py-1.5 md:px-4 md:py-2.5 rounded-xl bg-gray-800/60 hover:bg-gray-800 border border-gray-700/50 transition-all hover:scale-105 group"
>
<svg
className="w-5 h-5 text-gray-400 group-hover:text-white transition-colors"
className="w-4 h-4 md:w-5 md:h-5 text-gray-400 group-hover:text-white transition-colors"
fill="currentColor"
viewBox="0 0 24 24"
>
Expand All @@ -65,9 +65,20 @@
<span className="text-sm font-medium text-gray-300 group-hover:text-white hidden md:inline">
View on GitHub
</span>
<span className="text-sm font-medium text-gray-300 group-hover:text-white md:hidden">
GitHub
</span>
</a>

{/* Product Hunt Badge */}
<a
href="https://www.producthunt.com/products/year-in-code?embed=true&utm_source=badge-featured&utm_medium=badge&utm_campaign=badge-year-in-code"
target="_blank"
rel="noopener noreferrer"
className="transition-all hover:scale-105"
>
<img

Check warning on line 77 in components/Navbar.tsx

View workflow job for this annotation

GitHub Actions / build-and-lint 

Using `<img>` could result in slower LCP and higher bandwidth. Consider using `<Image />` from `next/image` or a custom image loader to automatically optimize images. This may incur additional usage or cost from your provider. See: https://nextjs.org/docs/messages/no-img-element
alt="Year in Code - Spotify Wrapped for your claude coding year! | Product Hunt"
src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=1054833&theme=light&t=1766825284609"
className="h-8 md:h-11 w-auto"
/>
</a>
</div>
</div>
Expand Down