import Link from "next/link" import Image from "next/image" import { ArrowRight } from "lucide-react"

export default function Home() { return ( <main className="min-h-screen flex flex-col"> {/* Split Screen Layout /} <div className="flex flex-col md:flex-row flex-1"> {/ Digital Marketing Side */} <Link href="/digital-marketing" className="group relative w-full md:w-1/2 h-[50vh] md:h-screen bg-gradient-to-br from-rose-600 to-rose-500 flex items-center justify-center overflow-hidden transition-all duration-500 hover:w-[55%] md:hover:w-[55%]" > <div className="absolute inset-0 bg-black/20 z-10"></div> <div className="absolute inset-0 opacity-20 z-0"> <Image src="/placeholder.svg?height=1080&width=1920" alt="Digital Marketing Background" fill className="object-cover" priority /> </div> <div className="relative z-20 text-center p-8 transition-all duration-500 transform group-hover:scale-105"> <h2 className="text-4xl md:text-6xl font-bold text-white mb-4">Dijital Pazarlama</h2> <p className="text-lg md:text-xl text-white/90 max-w-md mx-auto mb-6"> SEO, Sosyal Medya Yönetimi, Reklamcılık, İçerik Üretimi ve daha fazlası </p> <div className="inline-flex items-center gap-2 text-white border-b-2 border-white/50 pb-1 transition-all duration-300 group-hover:border-white"> <span className="font-medium">Keşfet</span> <ArrowRight className="h-4 w-4 transition-transform duration-300 group-hover:translate-x-1" /> </div> </div> </Link>

    {/* Software Development Side */}
    <Link
      href="/software-development"
      className="group relative w-full md:w-1/2 h-[50vh] md:h-screen bg-gradient-to-br from-slate-900 to-slate-800 flex items-center justify-center overflow-hidden transition-all duration-500 hover:w-[55%] md:hover:w-[55%]"
    >
      <div className="absolute inset-0 bg-black/20 z-10"></div>
      <div className="absolute inset-0 opacity-20 z-0">
        <Image
          src="/placeholder.svg?height=1080&width=1920"
          alt="Software Development Background"
          fill
          className="object-cover"
          priority
        />
      </div>
      <div className="relative z-20 text-center p-8 transition-all duration-500 transform group-hover:scale-105">
        <h2 className="text-4xl md:text-6xl font-bold text-white mb-4">Yazılım Geliştirme</h2>
        <p className="text-lg md:text-xl text-white/90 max-w-md mx-auto mb-6">
          Web & Mobil Geliştirme, API Entegrasyonu, Kurumsal Yazılım Çözümleri
        </p>
        <div className="inline-flex items-center gap-2 text-white border-b-2 border-white/50 pb-1 transition-all duration-300 group-hover:border-white">
          <span className="font-medium">Keşfet</span>
          <ArrowRight className="h-4 w-4 transition-transform duration-300 group-hover:translate-x-1" />
        </div>
      </div>
    </Link>
  </div>
</main>

) }

Bak kodum bu halen düzelmedi