feat: implement advanced Service, CreativeWork and Breadcrumb schema markup

app/services/[slug]/[location]/page.tsx

@@ -49,10 +49,69 @@ export default async function ServiceLocationPage({ params }: Props) {
 
     const projects = await getProjectsByService(service.title);
 
+    const breadcrumbLd = {
+        "@context": "https://schema.org",
+        "@type": "BreadcrumbList",
+        "itemListElement": [
+            {
+                "@type": "ListItem",
+                "position": 1,
+                "name": "Ana Sayfa",
+                "item": "https://mugladijitalmedya.com"
+            },
+            {
+                "@type": "ListItem",
+                "position": 2,
+                "name": "Hizmetlerimiz",
+                "item": "https://mugladijitalmedya.com/services"
+            },
+            {
+                "@type": "ListItem",
+                "position": 3,
+                "name": service.title,
+                "item": `https://mugladijitalmedya.com/services/${service.slug}`
+            },
+            {
+                "@type": "ListItem",
+                "position": 4,
+                "name": location.name,
+                "item": `https://mugladijitalmedya.com/services/${service.slug}/${location.slug}`
+            }
+        ]
+    };
+
+    const serviceLd = {
+        "@context": "https://schema.org",
+        "@type": "Service",
+        "serviceType": service.title,
+        "provider": {
+            "@type": "Organization",
+            "name": "Muğla Dijital",
+            "url": "https://mugladijitalmedya.com"
+        },
+        "areaServed": {
+            "@type": "City",
+            "name": location.name
+        },
+        "description": `${location.name} bölgesinde profesyonel ${service.title.toLowerCase()} çözümleri.`,
+        "offers": {
+            "@type": "Offer",
+            "availability": "https://schema.org/InStock",
+            "areaServed": location.name
+        }
+    };
+
     return (
         <main className="min-h-screen bg-[#f5f5f0] text-black pt-24">
             <Navbar />
-            
+            <script
+                type="application/ld+json"
+                dangerouslySetInnerHTML={{ __html: JSON.stringify(breadcrumbLd) }}
+            />
+            <script
+                type="application/ld+json"
+                dangerouslySetInnerHTML={{ __html: JSON.stringify(serviceLd) }}
+            />
             {/* Hero Section */}
             <section className="pt-24 pb-16 px-6 md:px-12 border-b border-black/10">
                 <div className="max-w-7xl mx-auto">