From 12ddf4db4b4c78b50637d1705222230d9f192dd9 Mon Sep 17 00:00:00 2001
From: Leo dev <klesti.selimay@icloud.com>
Date: Wed, 3 Dec 2025 23:20:40 +0100
Subject: [PATCH] copy blog to clipboard

---
 src/app/blog/[slug]/page.tsx | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/app/blog/[slug]/page.tsx b/src/app/blog/[slug]/page.tsx
index a7bc4e0..1372477 100644
--- a/src/app/blog/[slug]/page.tsx
+++ b/src/app/blog/[slug]/page.tsx
@@ -2,7 +2,7 @@
 
 import { useEffect, useState } from "react";
 import { motion } from "framer-motion";
-import { Sparkles } from "lucide-react";
+import { Paperclip, Sparkles } from "lucide-react";
 import WebStuff from "@/components/Web";
 import { useParams } from "next/navigation";
 import { PostPreview } from "@/lib/posts";
@@ -59,11 +59,25 @@ export default function BlogPost() {
         initial="hidden"
         animate="visible"
       >
-        <motion.div variants={itemVariants} className="mb-4">
+        <motion.div
+          variants={itemVariants}
+          className="mb-4 w-full flex justify-between items-center"
+        >
           <span className="inline-flex items-center gap-2 px-4 py-2 bg-purple-500/10 border border-purple-500/20 rounded-full text-purple-400 text-sm">
             <Sparkles className="w-4 h-4" />
             {post.meta.category}
           </span>
+
+          <span
+            className="px-3 py-2 bg-slate-500/10 border border-slate-500/20 rounded-full text-slate-400 transition-colors hover:bg-purple-500/10 hover:border-purple-500/20 hover:text-purple-400 text-sm"
+            onClick={() => {
+              navigator.clipboard.writeText(
+                `https://orus-dev.netlify.app${post.meta.url}`
+              );
+            }}
+          >
+            <Paperclip className="w-4 h-4" />
+          </span>
         </motion.div>
 
         <motion.h1