Add Open Graph, Twitter Card, SEO meta tags, and canonical URL for social preview

index.html

@@ -4,6 +4,28 @@
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Crypto Team Build Network — ClickBaitPays Training Hub</title>
+<meta name="description" content="Join the Crypto Team Build Network on ClickBaitPays. Click ads, earn crypto, build together. Use our profit calculator to model your ladder strategy.">
+<meta name="keywords" content="ClickBaitPays, crypto, earn crypto, click ads, team build, referral, profit calculator, CBP ladder">
+
+<!-- Open Graph / Social Preview -->
+<meta property="og:type" content="website">
+<meta property="og:url" content="https://cbp-calculator.saasy.top/">
+<meta property="og:title" content="Crypto Team Build Network — ClickBaitPays Profit Calculator">
+<meta property="og:description" content="Click ads. Earn crypto. Build together. Model your CBP ladder strategy with our profit calculator and join the team.">
+<meta property="og:image" content="https://git.saasy.top/marty/cbp-calculator/raw/branch/main/hero-banner.jpg">
+<meta property="og:image:width" content="1200">
+<meta property="og:image:height" content="630">
+<meta property="og:image:alt" content="Crypto Team Build Network — Join Our CBP Team">
+
+<!-- Twitter Card -->
+<meta name="twitter:card" content="summary_large_image">
+<meta name="twitter:title" content="Crypto Team Build Network — ClickBaitPays Profit Calculator">
+<meta name="twitter:description" content="Click ads. Earn crypto. Build together. Model your CBP ladder strategy with our profit calculator.">
+<meta name="twitter:image" content="https://git.saasy.top/marty/cbp-calculator/raw/branch/main/hero-banner.jpg">
+
+<!-- Canonical -->
+<link rel="canonical" href="https://cbp-calculator.saasy.top/">
+
 <style>
   @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&family=Orbitron:wght@600;700;900&display=swap');
   :root {