ayrisdev/aycanurmimarl-k
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: update branding, SEO, slugs and social links for Fethiye location

Browse Source
This commit is contained in:
ayrisdev
2026-04-16 00:29:50 +03:00
parent b72fbc7ae8
commit b675fff437
8 changed files with 213 additions and 104 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
app/projects/page.tsx
View File

@@ -2,6 +2,7 @@
import { motion, useScroll, useTransform } from 'framer-motion'
import Image from 'next/image'
import Link from 'next/link'
import { projects } from '@/data/projects'
import { useState, useEffect } from 'react'
@@ -28,33 +29,34 @@ export default function ProjectsPage() {
<main className="relative min-h-screen bg-white pt-32 pb-60 px-6 md:px-10">
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 md:gap-8">
{projects.map((project, idx) => (
<motion.div
key={project.id}
initial={{ opacity: 0, y: 20 }}
animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.6, delay: idx * 0.05 }}
className="group cursor-pointer"
>
<div className="relative aspect-[4/3] overflow-hidden rounded-[1px] bg-zinc-100">
<Image
src={project.image}
alt={project.title}
fill
className="object-cover grayscale group-hover:grayscale-0 transition-all duration-700 ease-in-out scale-105 group-hover:scale-100"
/>
</div>
<div className="mt-4 flex flex-col space-y-1 opacity-0 group-hover:opacity-100 transition-opacity duration-300">
<span className="text-[10px] font-bold text-black/60 uppercase tracking-wider">
{project.year} — {project.location}
</span>
<div className="flex justify-between items-center">
<span className="text-[10px] font-bold text-black uppercase tracking-widest">
{project.title}
</span>
<span className="text-sm">→</span>
<Link key={project.slug} href={`/projects/${project.slug}`}>
<motion.div
initial={{ opacity: 0, y: 20 }}
animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.6, delay: idx * 0.05 }}
className="group cursor-pointer"
>
<div className="relative aspect-[4/3] overflow-hidden rounded-[1px] bg-zinc-100">
<Image
src={project.image}
alt={project.title}
fill
className="object-cover grayscale group-hover:grayscale-0 transition-all duration-700 ease-in-out scale-105 group-hover:scale-100"
/>
</div>
</div>
</motion.div>
<div className="mt-4 flex flex-col space-y-1 opacity-0 group-hover:opacity-100 transition-opacity duration-300">
<span className="text-[10px] font-bold text-black/60 uppercase tracking-wider">
{project.year} — {project.location}
</span>
<div className="flex justify-between items-center">
<span className="text-[10px] font-bold text-black uppercase tracking-widest">
{project.title}
</span>
<span className="text-sm">→</span>
</div>
</div>
</motion.div>
</Link>
))}
</div>