fix: activate all broken buttons and links across the site with WhatsApp integration

app/hizmetler/page.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import { Navbar } from "@/components/Navbar";
 import { Footer } from "@/components/Footer";
 import { FloatingWhatsApp } from "@/components/FloatingWhatsApp";
@@ -5,14 +7,7 @@ import { CTASection } from "@/components/CTASection";
 import { Settings, ArrowUp, Truck, Compass, ArrowRight, Shield, Zap, Clock } from "lucide-react";
 import Image from "next/image";
 import { cn } from "@/lib/utils";
-import { Metadata } from "next";
-import { SERVICES } from "@/lib/data";
-
-export const metadata: Metadata = {
-  title: "Muğla Vinç Kiralama ve Ağır Nakliyat Hizmetleri",
-  description: "Dalaman merkezli 500 tona kadar mobil vinç kiralama, sepetli platform, ağır nakliyat ve proje taşımacılığı. Ege Bölgesi ve Türkiye geneli profesyonel çözümler.",
-  keywords: ["muğla vinç kiralama", "dalaman vinç kiralama", "sepetli platform", "ağır nakliyat muğla", "proje taşımacılığı", "fethiye vinç", "ortaca vinç"],
-};
+import { SERVICES, siteConfig } from "@/lib/data";
 
 const FEATURES = [
   {
@@ -43,6 +38,11 @@ const STATS = [
 ];
 
 export default function ServicesPage() {
+  const handleWhatsApp = (serviceTitle: string) => {
+    const message = encodeURIComponent(`Merhaba, ${serviceTitle} hizmetiniz hakkında bilgi ve teklif almak istiyorum.`);
+    window.open(`https://wa.me/${siteConfig.contact.whatsapp}?text=${message}`, '_blank');
+  };
+
   return (
     <main className="relative min-h-screen flex flex-col bg-background selection:bg-primary selection:text-on-primary">
       <Navbar />
@@ -95,9 +95,12 @@ export default function ServicesPage() {
                   </p>
                 </div>
                 <div className="mt-12">
-                  <button className="flex items-center gap-4 bg-primary text-on-primary px-8 py-4 font-headline font-bold uppercase hover:brightness-110 transition-all">
+                  <button 
+                    onClick={() => handleWhatsApp(service.title)}
+                    className="flex items-center gap-4 bg-primary text-on-primary px-8 py-4 font-headline font-bold uppercase hover:brightness-110 transition-all group"
+                  >
                     Teklif Al
-                    <ArrowRight className="w-5 h-5" />
+                    <ArrowRight className="w-5 h-5 group-hover:translate-x-2 transition-transform" />
                   </button>
                 </div>
               </div>