From 38e823dff08777e5e23c318b341dd939dbe7347d Mon Sep 17 00:00:00 2001
From: mstfyldz <mstfyldz@mstfyldz-MacBook-Air.local>
Date: Sat, 30 May 2026 18:58:43 +0300
Subject: [PATCH] feat: move website link to header meta row

---
 components/WorkDetailClient.tsx | 48 +++++++++++++++------------------
 1 file changed, 21 insertions(+), 27 deletions(-)

diff --git a/components/WorkDetailClient.tsx b/components/WorkDetailClient.tsx
index ca33c6b..07a0cbc 100644
--- a/components/WorkDetailClient.tsx
+++ b/components/WorkDetailClient.tsx
@@ -181,7 +181,7 @@ export default function WorkDetailClient({ lang, dict, project, prev, next }: Pr
 
           {/* Meta row */}
           <motion.div
-            className="grid grid-cols-2 md:grid-cols-4 gap-px bg-[#C8C2B8] border-t border-[#C8C2B8]"
+            className={`grid grid-cols-2 ${project.website ? 'md:grid-cols-5' : 'md:grid-cols-4'} gap-px bg-[#C8C2B8] border-t border-[#C8C2B8]`}
             initial={{ opacity: 0, y: 15 }}
             animate={{ opacity: 1, y: 0 }}
             transition={{ delay: 0.5, duration: 0.6 }}
@@ -197,6 +197,25 @@ export default function WorkDetailClient({ lang, dict, project, prev, next }: Pr
                 <div className="font-display font-black text-[13px] uppercase text-[#0A0A0A] truncate">{m.value}</div>
               </div>
             ))}
+            
+            {project.website && (
+              <a
+                href={project.website.startsWith('http') ? project.website : `https://${project.website}`}
+                target="_blank"
+                rel="noopener noreferrer"
+                className="bg-[#0A0A0A] px-5 py-4 group hover:bg-[#FFE600] transition-colors col-span-2 md:col-span-1 flex flex-col justify-center"
+              >
+                <div className="font-mono text-[9px] tracking-[0.3em] uppercase text-[#A0998E] group-hover:text-[#0A0A0A] mb-1 transition-colors">
+                  {lang === "tr" ? "Canlı Proje" : "Live Project"}
+                </div>
+                <div className="font-display font-black text-[13px] uppercase text-white group-hover:text-[#0A0A0A] truncate flex items-center gap-2 transition-colors">
+                  {lang === "tr" ? "SİTEYE GİT" : "VISIT SITE"}
+                  <svg className="w-3 h-3" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                    <path strokeLinecap="square" strokeLinejoin="miter" strokeWidth="2.5" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" />
+                  </svg>
+                </div>
+              </a>
+            )}
           </motion.div>
         </div>
       </section>
@@ -360,32 +379,7 @@ export default function WorkDetailClient({ lang, dict, project, prev, next }: Pr
                 </div>
               </motion.div>
 
-              {/* Website */}
-              {project.website && (
-                <motion.div
-                  className="border border-[#C8C2B8] mb-px"
-                  initial={{ opacity: 0, x: 20 }}
-                  animate={{ opacity: 1, x: 0 }}
-                  transition={{ delay: 0.55 }}
-                >
-                  <div className="border-b border-[#C8C2B8] px-6 py-3 flex items-center gap-2">
-                    <div className="w-2 h-2" style={{ backgroundColor: accent }} />
-                    <span className="font-mono text-[9px] tracking-[0.3em] uppercase text-[#A0998E]">
-                      {lang === "tr" ? "Canlı Proje" : "Live Project"}
-                    </span>
-                  </div>
-                  <div className="px-6 py-5">
-                    <a
-                      href={project.website.startsWith('http') ? project.website : `https://${project.website}`}
-                      target="_blank"
-                      rel="noopener noreferrer"
-                      className="inline-block font-mono text-[10px] tracking-wider uppercase px-4 py-2 border border-[#0A0A0A] hover:bg-[#0A0A0A] hover:text-[#FFE600] transition-colors cursor-pointer w-full text-center"
-                    >
-                      {lang === "tr" ? "Siteyi Ziyaret Et" : "Visit Website"}
-                    </a>
-                  </div>
-                </motion.div>
-              )}
+              {/* Removed old Website block */}
 
               {/* CTA */}
               <motion.div