🎨 Fix social media previews with proper Open Graph implementation

- Use absolute URLs for social media image (og-image.png)
- Implement clean Open Graph and Twitter Card structure
- Remove nested block tags that caused template errors
- Follow proven approach from successful implementation

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

templates/base.html

@@ -11,19 +11,23 @@
     <meta name="keywords" content="AI, artificial intelligence, automation, task management, AI agents, quantum computing">
     <meta name="author" content="Quantum Tasks AI">
     
-    <!-- Open Graph Meta Tags for Social Media -->
+    <!-- Open Graph Meta Tags for Rich Link Previews -->
-    <meta property="og:title" content="{% block og_title %}Quantum Tasks AI - AI Platform{% endblock %}">
+    <meta property="og:type" content="website">
-    <meta property="og:description" content="{% block og_description %}Quantum Tasks AI - Advanced AI platform for automation and intelligent task management. Access powerful AI agents for your business needs.{% endblock %}">
-    <meta property="og:image" content="{% block og_image %}{% static 'img/social-preview.png' %}{% endblock %}">
-    <meta property="og:url" content="{% block og_url %}{{ request.build_absolute_uri }}{% endblock %}">
-    <meta property="og:type" content="{% block og_type %}website{% endblock %}">
     <meta property="og:site_name" content="Quantum Tasks AI">
+    <meta property="og:title" content="{% block og_title %}Quantum Tasks AI - AI Platform{% endblock %}">
+    <meta property="og:description" content="{% block og_description %}Advanced AI agent marketplace for automation, analysis, and productivity. Access powerful AI tools for business and personal use.{% endblock %}">
+    <meta property="og:url" content="{% block og_url %}https://www.quantumtaskai.com{{ request.get_full_path }}{% endblock %}">
+    <meta property="og:image" content="{% block og_image %}https://www.quantumtaskai.com{% static 'img/og-image.png' %}{% endblock %}">
+    <meta property="og:image:width" content="1200">
+    <meta property="og:image:height" content="630">
+    <meta property="og:image:type" content="image/png">
     
     <!-- Twitter Card Meta Tags -->
     <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:site" content="@quantumtaskai">
     <meta name="twitter:title" content="{% block twitter_title %}Quantum Tasks AI - AI Platform{% endblock %}">
-    <meta name="twitter:description" content="{% block twitter_description %}Quantum Tasks AI - Advanced AI platform for automation and intelligent task management. Access powerful AI agents for your business needs.{% endblock %}">
+    <meta name="twitter:description" content="{% block twitter_description %}Advanced AI agent marketplace for automation, analysis, and productivity. Access powerful AI tools for business and personal use.{% endblock %}">
-    <meta name="twitter:image" content="{% block twitter_image %}{% static 'img/social-preview.png' %}{% endblock %}">
+    <meta name="twitter:image" content="{% block twitter_image %}https://www.quantumtaskai.com{% static 'img/og-image.png' %}{% endblock %}">
     
     <!-- Unified Font Loading - Single Source of Truth -->
     <link rel="preconnect" href="https://fonts.googleapis.com">