Added Open Graph Generator

public/og-image.svg

@@ -0,0 +1,27 @@
+<svg width="1200" height="630" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#1a1a2e;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#16213e;stop-opacity:1" />
+    </linearGradient>
+  </defs>
+
+  <!-- Background -->
+  <rect width="1200" height="630" fill="url(#bg)"/>
+
+  <!-- Decorative code brackets -->
+  <text x="100" y="150" font-family="monospace" font-size="120" fill="#0f4c75" opacity="0.3">{</text>
+  <text x="1050" y="500" font-family="monospace" font-size="120" fill="#0f4c75" opacity="0.3">}</text>
+
+  <!-- Main title -->
+  <text x="600" y="250" font-family="Arial, sans-serif" font-size="72" font-weight="bold" fill="#ffffff" text-anchor="middle">Code Formatter</text>
+
+  <!-- Subtitle -->
+  <text x="600" y="330" font-family="Arial, sans-serif" font-size="36" fill="#3282b8" text-anchor="middle">Форматирование JSON и SQL</text>
+
+  <!-- Features -->
+  <text x="600" y="420" font-family="monospace" font-size="28" fill="#bbe1fa" text-anchor="middle">✓ Валидация   ✓ Подсветка синтаксиса   ✓ Минификация</text>
+
+  <!-- URL -->
+  <text x="600" y="520" font-family="monospace" font-size="24" fill="#3282b8" text-anchor="middle">formatter.abaidulin.ru</text>
+</svg>