Production ready

frontend/app/blog/page.tsx

@@ -1,7 +1,21 @@
+import type { Metadata } from 'next'
 import Link from 'next/link'
 import { ArrowLeft } from 'lucide-react'
 import { Footer } from '@/components/layout/Footer'
 
+export const metadata: Metadata = {
+  title: 'Blog — Website Monitoring Tips & Updates',
+  description:
+    'Guides, tutorials, and product updates from the SiteChangeMonitor team. Learn how to monitor websites effectively and reduce false alerts.',
+  alternates: { canonical: '/blog' },
+  openGraph: {
+    title: 'Blog — Website Monitoring Tips & Updates',
+    description:
+      'Guides, tutorials, and product updates from the SiteChangeMonitor team.',
+    url: '/blog',
+  },
+}
+
 export default function BlogPage() {
     return (
         <div className="min-h-screen bg-background flex flex-col">
@@ -14,7 +28,7 @@ export default function BlogPage() {
                         </Link>
                         <h1 className="text-4xl md:text-5xl font-bold font-display text-foreground">Blog</h1>
                         <p className="text-xl text-muted-foreground max-w-2xl">
-                            Latest updates, guides, and insights from the Alertify team.
+                            Latest updates, guides, and insights from the SiteChangeMonitor team.
                         </p>
                     </div>