b

components/Footer.tsx

@@ -1,4 +1,5 @@
 import Link from "next/link";
+import Image from "next/image";
 import { MapPin, Phone, Mail } from "lucide-react";
 
 const quickLinks = [
@@ -50,12 +51,13 @@ export default function Footer() {
           {/* Brand */}
           <div className="md:col-span-4">
             <Link href="/" className="inline-block mb-5">
-              <div>
-                <span className="font-serif text-2xl font-bold tracking-[0.08em] text-white block">
-                  KITE BEACH
-                </span>
-                <span className="text-[9px] tracking-[0.3em] text-white/30 uppercase">Akyaka</span>
-              </div>
+              <Image 
+                src="/logo.png" 
+                alt="Kite Beach Logo" 
+                width={160} 
+                height={55} 
+                className="object-contain brightness-0 invert opacity-90 hover:opacity-100 transition-opacity" 
+              />
             </Link>
             <p className="text-white/40 text-[13px] leading-relaxed mb-7 max-w-xs">
               Nehrin huzuru, denizin enerjisi — tek bir noktada. Akyaka'nın kalbinde butik bir kaçış noktası.
@@ -145,13 +147,17 @@ export default function Footer() {
             © 2026 Kite Beach Akyaka. Tüm hakları saklıdır.
           </p>
           <div className="flex gap-6">
-            {["KVKK", "Gizlilik Politikası", "Çerez Politikası"].map((item) => (
+            {[
+              { name: "KVKK", href: "/kvkk" }, 
+              { name: "Gizlilik Politikası", href: "/gizlilik" }, 
+              { name: "Çerez Politikası", href: "/cerez" }
+            ].map((item) => (
               <Link
-                key={item}
-                href="#"
+                key={item.name}
+                href={item.href}
                 className="text-white/25 hover:text-white/60 transition-colors text-xs"
               >
-                {item}
+                {item.name}
               </Link>
             ))}
           </div>