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>

components/Navbar.tsx

@@ -2,6 +2,7 @@
 
 import { useState, useEffect } from "react";
 import Link from "next/link";
+import Image from "next/image";
 import { usePathname } from "next/navigation";
 import { motion, AnimatePresence } from "framer-motion";
 import { Menu, X } from "lucide-react";
@@ -43,21 +44,15 @@ export default function Navbar() {
         <div className="flex justify-between items-center">
 
           {/* Logo */}
-          <Link href="/" className="flex-shrink-0 flex flex-col leading-none group">
-            <span
-              className={`font-serif text-xl font-bold tracking-[0.08em] transition-colors ${
-                scrolled ? "text-primary" : isHome ? "text-white" : "text-primary"
-              }`}
-            >
-              KITE BEACH
-            </span>
-            <span
-              className={`text-[9px] tracking-[0.3em] uppercase font-medium transition-colors ${
-                scrolled ? "text-muted" : isHome ? "text-white/50" : "text-muted"
-              }`}
-            >
-              Akyaka
-            </span>
+          <Link href="/" className="flex-shrink-0 flex items-center group">
+            <Image 
+              src="/logo.png" 
+              alt="Kite Beach Logo" 
+              width={140} 
+              height={48} 
+              className={`object-contain transition-all duration-300 ${!scrolled && isHome ? 'brightness-0 invert' : ''}`}
+              priority
+            />
           </Link>
 
           {/* Desktop links */}