feat: add copy URL button for repository links (JhaSourav07#2164)

feat: add copy repository URL button

Co-authored-by: Sourav Jha <souravkjha2007@gmail.com>

Author: Kokila-chandrakar

app/components/CopyRepoButton.tsx

@@ -0,0 +1,30 @@
+'use client';
+
+import { useState } from 'react';
+import { Copy } from 'lucide-react';
+
+export default function CopyRepoButton() {
+  const [copied, setCopied] = useState(false);
+
+  const repoUrl = 'https://github.com/JhaSourav07/commitpulse';
+
+  const handleCopy = async () => {
+    await navigator.clipboard.writeText(repoUrl);
+
+    setCopied(true);
+
+    setTimeout(() => {
+      setCopied(false);
+    }, 2000);
+  };
+
+  return (
+    <button
+      onClick={handleCopy}
+      className="inline-flex items-center gap-2 rounded-2xl border border-black/10 bg-white/60 px-8 py-4 font-semibold transition-all duration-300 hover:scale-105 dark:border-white/10 dark:bg-white/5"
+    >
+      <Copy className="h-5 w-5" />
+      {copied ? 'Copied!' : 'Copy URL'}
+    </button>
+  );
+}

app/contributors/page.tsx

@@ -1,10 +1,10 @@
 import Link from 'next/link';
 import { Globe, Sparkles, Users, GitPullRequest, ArrowRight } from 'lucide-react';
-
 import BrandParticles from '@/components/BrandParticles';
 import { Footer } from '@/app/components/Footer';
 import ContributorsSearch from './ContributorsSearch';
 import Leaderboard from '@/components/Leaderboard';
+import CopyRepoButton from '@/app/components/CopyRepoButton';
 
 interface Contributor {
   id: number;
@@ -231,6 +231,8 @@ export default async function ContributorsPage() {
                   View Repository
                 </Link>
 
+                <CopyRepoButton />
+
                 <Link
                   href="https://github.com/JhaSourav07/commitpulse/issues"
                   target="_blank"