Add SVG for Open Graph image featuring brand and service details

2026-06-28 22:34:28 +03:30
parent 1bf9035f5f
commit 439bb0868e
10 changed files with 61 additions and 10 deletions
@@ -0,0 +1,37 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="630" viewBox="0 0 1200 630">
+  <rect width="1200" height="630" fill="#eef2fd"/>
+  <circle cx="1080" cy="270" r="300" fill="#dbe4fb"/>
+
+  <!-- brand wordmark -->
+  <g transform="translate(96,140)">
+    <circle cx="0" cy="-16" r="14" fill="#f17a6b"/>
+    <text x="32" y="0" font-family="Arial, Helvetica, sans-serif" font-size="72" font-weight="700" fill="#312f6e">ClinicPro</text>
+  </g>
+
+  <text x="96" y="280" font-family="Arial, Helvetica, sans-serif" font-size="54" font-weight="700" fill="#3a3a7d">Clinic &amp; Appointment</text>
+  <text x="96" y="344" font-family="Arial, Helvetica, sans-serif" font-size="54" font-weight="700" fill="#3a3a7d">Management</text>
+  <text x="96" y="402" font-family="Arial, Helvetica, sans-serif" font-size="26" fill="#5a5f8a">Online booking · Patient records · Billing</text>
+
+  <!-- pills -->
+  <g font-family="Arial, Helvetica, sans-serif" font-weight="700" font-size="26">
+    <rect x="96" y="452" width="236" height="62" rx="31" fill="#5666e0"/>
+    <text x="214" y="492" fill="#ffffff" text-anchor="middle">Get started free</text>
+    <rect x="352" y="452" width="186" height="62" rx="31" fill="#ffffff" stroke="#5666e0" stroke-width="2"/>
+    <text x="445" y="492" fill="#5666e0" text-anchor="middle">Request demo</text>
+  </g>
+
+  <!-- monitor motif -->
+  <g transform="translate(800,168)">
+    <rect x="0" y="0" width="320" height="220" rx="18" fill="#ffffff" stroke="#dde3f7" stroke-width="4"/>
+    <rect x="20" y="20" width="280" height="180" rx="10" fill="#f5f7fe"/>
+    <path d="M20 28a8 8 0 0 1 8-8h264a8 8 0 0 1 8 8v20H20z" fill="#5666e0"/>
+    <circle cx="40" cy="34" r="6" fill="#aebcff"/>
+    <rect x="56" y="29" width="60" height="10" rx="5" fill="#aebcff"/>
+    <path d="M40 144 l44 -42 32 32 50 -58 46 52 h50" fill="none" stroke="#5666e0" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
+    <circle cx="40" cy="144" r="7" fill="#f17a6b"/>
+    <rect x="40" y="166" width="120" height="14" rx="7" fill="#cdd6f4"/>
+    <rect x="40" y="184" width="80" height="14" rx="7" fill="#e1e7f7"/>
+  </g>
+
+  <text x="800" y="430" font-family="Arial, Helvetica, sans-serif" font-size="22" fill="#7a7fa3">clinic-pro.ir</text>
+</svg>