wip

app/[locale]/blog/[slug]/page.tsx

@@ -10,7 +10,6 @@ interface BlogPostProps {
 }
 
 import Link from 'next/link';
-import Image from 'next/image';
 import VisualLinkPreview from '@/components/blog/VisualLinkPreview';
 import Callout from '@/components/blog/Callout';
 import HighlightBox from '@/components/blog/HighlightBox';
@@ -20,6 +19,7 @@ import ChatBubble from '@/components/blog/ChatBubble';
 import SplitHeading from '@/components/blog/SplitHeading';
 import PostNavigation from '@/components/blog/PostNavigation';
 import PowerCTA from '@/components/blog/PowerCTA';
+import ShareButton from '@/components/blog/ShareButton';
 
 const components = {
   VisualLinkPreview,
@@ -187,6 +187,14 @@ export default async function BlogPost({ params: { locale, slug } }: BlogPostPro
                 </time>
                 <span className="w-1.5 h-1.5 bg-primary rounded-full" />
                 <span>KLZ Cables</span>
+                <div className="ml-auto hidden md:block">
+                  <ShareButton 
+                    title={post.frontmatter.title} 
+                    text={post.frontmatter.excerpt || ''} 
+                    url={`https://klz-cables.com/${locale}/blog/${slug}`} 
+                    locale={locale} 
+                  />
+                </div>
               </div>
             </div>
           </div>
@@ -195,6 +203,15 @@ export default async function BlogPost({ params: { locale, slug } }: BlogPostPro
 
       {/* Content */}
       <div className="container mx-auto px-4 py-16 md:py-24 max-w-3xl">
+        {/* Mobile Share Button */}
+        <div className="md:hidden mb-8 flex justify-end">
+          <ShareButton 
+            title={post.frontmatter.title} 
+            text={post.frontmatter.excerpt || ''} 
+            url={`https://klz-cables.com/${locale}/blog/${slug}`} 
+            locale={locale} 
+          />
+        </div>
         {/* If no featured image, show header here */}
         {!post.frontmatter.featuredImage && (
           <header className="mb-16 text-center">