Enhance blog, portfolio, and service pages with related content and structured data

- Added related blog posts and portfolio items to blog and portfolio pages for improved user engagement.
- Updated structured data for blog, portfolio, and service pages to enhance SEO and provide better context to search engines.
- Improved descriptions and titles across various pages for clarity and conciseness.
- Refined contact and service pages to better reflect offerings and streamline user experience.
- Adjusted OG images for services to ensure accurate representation on social media.

Author: AR10Dev

public/og-about.png

@@ -27,21 +27,19 @@ const breadcrumbSchema = {
 ---
 
 <nav aria-label="Breadcrumb" class={`text-sm ${className}`}>
-  <ol class="flex flex-wrap items-center gap-1.5 text-[var(--text-muted)]" itemscope itemtype="https://schema.org/BreadcrumbList">
+  <ol class="flex flex-wrap items-center gap-1.5 text-[var(--text-muted)]">
     {items.map((item, index) => (
-      <li class="flex items-center gap-1.5" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
+      <li class="flex items-center gap-1.5">
         {item.href ? (
           <a 
             href={item.href} 
             class="hover:text-[var(--accent-strong)] transition-colors"
-            itemprop="item"
           >
-            <span itemprop="name">{item.label}</span>
+            {item.label}
           </a>
         ) : (
-          <span class="text-[var(--text-strong)] font-medium" itemprop="name">{item.label}</span>
+          <span class="text-[var(--text-strong)] font-medium">{item.label}</span>
         )}
-        <meta itemprop="position" content={String(index + 1)} />
         {index < items.length - 1 && (
           <span class="text-[var(--border-strong)]" aria-hidden="true">/</span>
         )}