| 1 |
<svg width="800" height="600" xmlns="http://www.w3.org/2000/svg"> |
| 2 |
<rect width="800" height="600" fill="#e5e7eb"/> |
| 3 |
|
| 4 |
<g transform="translate(400, 300)"> |
| 5 |
|
| 6 |
<!-- YATRA --> |
| 7 |
<text x="0" y="-30" |
| 8 |
font-family="Arial, Helvetica, sans-serif" |
| 9 |
font-size="46" |
| 10 |
font-weight="700" |
| 11 |
fill="#9ca3af" |
| 12 |
text-anchor="middle" |
| 13 |
letter-spacing="8" |
| 14 |
opacity="0.35">YATRA</text> |
| 15 |
|
| 16 |
<!-- Smile journey design --> |
| 17 |
<g opacity="0.18"> |
| 18 |
<!-- Smile curve path touching Y and A bottom - bigger curve --> |
| 19 |
<path d="M-85,0 Q0,80 85,0" stroke="#9ca3af" stroke-width="3" fill="none" stroke-linecap="round"/> |
| 20 |
|
| 21 |
<!-- Start pin at Y bottom --> |
| 22 |
<g transform="translate(-85, 0)"> |
| 23 |
<path d="M0,-10 C-4,-10 -6,-7 -6,-3 C-6,1 0,6 0,6 C0,6 6,1 6,-3 C6,-7 4,-10 0,-10 Z" fill="#9ca3af"/> |
| 24 |
<circle cx="0" cy="-3" r="2" fill="#e5e7eb"/> |
| 25 |
</g> |
| 26 |
|
| 27 |
<!-- End pin at A bottom --> |
| 28 |
<g transform="translate(85, 0)"> |
| 29 |
<path d="M0,-10 C-4,-10 -6,-7 -6,-3 C-6,1 0,6 0,6 C0,6 6,1 6,-3 C6,-7 4,-10 0,-10 Z" fill="#9ca3af"/> |
| 30 |
<circle cx="0" cy="-3" r="2" fill="#e5e7eb"/> |
| 31 |
</g> |
| 32 |
</g> |
| 33 |
|
| 34 |
<!-- No Image text centered inside the circle - visible --> |
| 35 |
<text x="0" y="5" |
| 36 |
font-family="Arial, Helvetica, sans-serif" |
| 37 |
font-size="12" |
| 38 |
fill="#9ca3af" |
| 39 |
text-anchor="middle" |
| 40 |
opacity="0.3">No Image</text> |
| 41 |
</g> |
| 42 |
</svg> |
| 43 |
|
