feat: add social media OG images and consistent titles

- Add og-image.png (1200x630) for LinkedIn/Twitter social previews
- Update to azd-web-core v2.1.0 (Twitter Card meta tags)
- Standardize page titles across all azd extension sites

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

Author: jongio

web/package.json

@@ -13,7 +13,7 @@
   },
   "dependencies": {
     "@astrojs/mdx": "^4.3.13",
-    "@jongio/azd-web-core": "^2.0.0",
+    "@jongio/azd-web-core": "^2.1.0",
     "@tailwindcss/vite": "^4.1.18",
     "astro": "^5.17.1",
     "tailwindcss": "^4.1.18"

web/pnpm-lock.yaml

@@ -13,7 +13,7 @@ interface Props {
 
 const { title, description = 'GitHub Copilot integration for Azure Developer CLI', variant = 'landing' } = Astro.props;
 
-const fullTitle = title === 'Home' ? 'Azure Copilot CLI' : `${title} | Azure Copilot CLI`;
+const fullTitle = title === 'Home' ? 'azd copilot | AI-Powered Azure Development' : `${title} | azd copilot`;
 
 const navLinks = [
   { label: 'Getting Started', href: '/azd-copilot/getting-started/' },
@@ -26,6 +26,7 @@ const navLinks = [
   title={fullTitle}
   description={description}
   extensionName="copilot"
+  ogImage="https://jongio.github.io/azd-copilot/og-image.png"
 >
   <Fragment slot="head">
     <link rel="icon" type="image/svg+xml" href="/azd-copilot/favicon.svg" />