From d3e0d77172e57dbfdd315c8ea57ba02a02e699fc Mon Sep 17 00:00:00 2001
From: Izan Gil <66965250+SrIzan10@users.noreply.github.com>
Date: Fri, 26 Sep 2025 07:59:47 +0200
Subject: [PATCH] feat: add lastfm profile

---
 src/components/BentoSpotify.tsx | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/components/BentoSpotify.tsx b/src/components/BentoSpotify.tsx
index 6aaac29..f40641b 100644
--- a/src/components/BentoSpotify.tsx
+++ b/src/components/BentoSpotify.tsx
@@ -4,7 +4,7 @@
 import { useEffect, useState } from "react"
 import { Skeleton } from "./ui/skeleton"
 import { FaSpotify } from 'react-icons/fa'
-import { MoveUpRight } from "lucide-react"
+import { MoveUpRight, User } from "lucide-react"
 
 interface Track {
   name: string
@@ -129,13 +129,25 @@ export default function BentoSpotify() {
       </div>
 
       {/* Footer */}
-      <div className="mt-4 flex items-center justify-between">
+      <div className="mt-4 flex items-center justify-between gap-2">
         <div className="flex items-center gap-1">
           <div className="h-1 w-8 rounded-full bg-muted">
             <div className="h-full rounded-full bg-primary"></div>
           </div>
         </div>
+
+        <div className="flex-1" />
         
+        <a
+          href={'https://www.last.fm/user/SrIzan10'}
+          aria-label="View last.fm profile"
+          title="View last.fm profile"
+          target="_blank"
+          rel="noopener noreferrer"
+          className="flex h-8 w-8 items-center justify-center rounded-full bg-secondary/80 text-muted-foreground transition-all duration-200 hover:bg-secondary hover:text-foreground hover:scale-110"
+        >
+          <User size={14} />
+        </a>
         <a
           href={url}
           aria-label="View on last.fm"