ayrisdev/ayristech_new
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: move website link to header meta row

Browse Source
This commit is contained in:
mstfyldz
2026-05-30 18:58:43 +03:00
parent 0f53b0ba06
commit 38e823dff0
1 changed files with 21 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/WorkDetailClient.tsx
+21 -27
View File
@@ -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