Embed activity SVG section

src/sections/Activity.tsx

@@ -0,0 +1,37 @@
+"use client";
+
+const activitySvg =
+  "https://gitact.spaceistyping.com/activity.svg?days=365&source=all&theme=dark";
+
+export function Activity() {
+  return (
+    <section className="w-full max-w-6xl mx-auto space-y-8 px-4">
+      <div className="text-center space-y-4">
+        <h2 className="text-3xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-blue-400 to-purple-500">
+          Activity
+        </h2>
+        <p className="text-gray-400 max-w-2xl mx-auto">
+          A live snapshot of my recent Git activity.
+        </p>
+      </div>
+
+      <div className="max-w-5xl mx-auto rounded-3xl border border-white/10 bg-white/5 backdrop-blur-sm p-4 md:p-6 shadow-[0_20px_80px_rgba(0,0,0,0.35)]">
+        <a
+          href={activitySvg}
+          target="_blank"
+          rel="noreferrer"
+          className="block overflow-hidden rounded-2xl border border-white/10 bg-[#0a0a12] transition-transform duration-300 hover:scale-[1.01] hover:border-blue-400/40"
+          aria-label="Open Git activity SVG in a new tab"
+        >
+          <img
+            src={activitySvg}
+            alt="Git activity graph"
+            className="block h-auto w-full object-contain"
+            loading="lazy"
+            referrerPolicy="no-referrer"
+          />
+        </a>
+      </div>
+    </section>
+  );
+}