update: added Twitter and copy-link share buttons to the profile page

Author: Biokes

frontend/src/components/profile-card.tsx

@@ -33,6 +33,7 @@ export function ProfileCard({
   githubHandle,
 }: ProfileCardProps) {
   const [copied, setCopied] = useState(false);
+  const [linkCopied, setLinkCopied] = useState(false);
   const isValid = isValidStellarAddress(walletAddress);
   const hasSocialLinks = email || websiteUrl || twitterHandle || githubHandle;
 
@@ -42,6 +43,19 @@ export function ProfileCard({
     setTimeout(() => setCopied(false), 2000);
   };
 
+  const profileUrl = typeof window !== 'undefined' 
+    ? `${window.location.origin}/profile/${username}`
+    : `https://novasupport.xyz/profile/${username}`;
+
+  const handleCopyLink = async () => {
+    await navigator.clipboard.writeText(profileUrl);
+    setLinkCopied(true);
+    setTimeout(() => setLinkCopied(false), 2000);
+  };
+
+  const tweetText = encodeURIComponent(`Support me on NovaSupport: ${profileUrl}`);
+  const tweetUrl = `https://twitter.com/intent/tweet?text=${tweetText}`;
+
   const expertUrl = `https://stellar.expert/explorer/testnet/account/${walletAddress}`;
 
   return (
@@ -60,6 +74,24 @@ export function ProfileCard({
             <h1 className="mt-3 text-2xl sm:text-3xl font-semibold text-white">{displayName}</h1>
             <p className="mt-4 max-w-2xl text-sm sm:text-base leading-relaxed sm:leading-7 text-sky/80">{bio}</p>
 
+            {/* Share Buttons */}
+            <div className="mt-4 flex flex-wrap gap-2">
+              <button
+                onClick={handleCopyLink}
+                className="rounded-full border border-white/10 bg-white/5 px-4 py-2 text-xs font-medium text-white hover:bg-white/10 transition-colors"
+              >
+                {linkCopied ? '✓ Link copied!' : '🔗 Copy link'}
+              </button>
+              <a
+                href={tweetUrl}
+                target="_blank"
+                rel="noopener noreferrer"
+                className="rounded-full border border-white/10 bg-white/5 px-4 py-2 text-xs font-medium text-white hover:bg-white/10 transition-colors inline-block"
+              >
+                𝕏 Share on X
+              </a>
+            </div>
+
             {hasSocialLinks && (
               <div className="mt-4 flex flex-wrap gap-3">
                 {websiteUrl && (