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

components/ProjectSlider.tsx

@@ -3,6 +3,7 @@
 import { useRef, useEffect } from 'react'
 import { motion, useAnimationFrame } from 'framer-motion'
 import Image from 'next/image'
+import Link from 'next/link'
 import { Project } from '@/data/projects'
 
 interface ProjectSliderProps {
@@ -43,9 +44,10 @@ export default function ProjectSlider({ projects }: ProjectSliderProps) {
     >
       <div className="flex space-x-6 md:space-x-12 px-6 md:px-10">
         {doubledProjects.map((project, idx) => (
-          <div 
-            key={`${project.id}-${idx}`} 
-            className="group relative flex-shrink-0 w-[80vw] sm:w-[500px] md:w-[600px]"
+          <Link
+            href={`/projects/${project.slug}`}
+            key={`${project.slug}-${idx}`} 
+            className="group relative flex-shrink-0 w-[80vw] sm:w-[500px] md:w-[600px] block"
           >
             {/* Image Container */}
             <div className="relative aspect-[4/3] overflow-hidden rounded-[1px]">
@@ -68,7 +70,7 @@ export default function ProjectSlider({ projects }: ProjectSliderProps) {
                 <span className="text-sm md:text-lg">→</span>
               </div>
             </div>
-          </div>
+          </Link>
         ))}
       </div>
     </div>