skyflytravel.hu/public/images/booking-bg.svg

46 lines
1.8 KiB
XML

<svg width="900" height="900" viewBox="0 0 900 900" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="sky" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#fffaf0"/>
<stop offset="55%" stop-color="#fff1da"/>
<stop offset="100%" stop-color="#ffe5c1"/>
</linearGradient>
<linearGradient id="path" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#f97316" stop-opacity="0.12"/>
<stop offset="100%" stop-color="#fb923c" stop-opacity="0.06"/>
</linearGradient>
<radialGradient id="sun" cx="0.15" cy="0.2" r="0.45">
<stop offset="0%" stop-color="#ffffff" stop-opacity="0.9"/>
<stop offset="50%" stop-color="#ffe7c8" stop-opacity="0.5"/>
<stop offset="100%" stop-color="#ffd6a5" stop-opacity="0"/>
</radialGradient>
</defs>
<rect width="900" height="900" fill="url(#sky)"/>
<rect width="900" height="900" fill="url(#sun)"/>
<!-- soft route flow on the left to keep center clean for text -->
<g opacity="0.18" fill="none" stroke="url(#path)" stroke-width="14" stroke-linecap="round">
<path d="M140 120 C210 210, 240 310, 210 430 C180 560, 220 680, 330 770"/>
</g>
<g opacity="0.08" fill="none" stroke="#f97316" stroke-width="3" stroke-dasharray="10 18" stroke-linecap="round">
<path d="M150 140 C230 230, 260 330, 230 450 C200 580, 240 690, 350 780"/>
</g>
<!-- subtle boarding pass grid in the corners -->
<g opacity="0.12" stroke="#0f172a" stroke-width="1">
<path d="M610 70 H860"/>
<path d="M610 95 H860"/>
<path d="M610 120 H860"/>
<path d="M40 780 H290"/>
<path d="M40 805 H290"/>
<path d="M40 830 H290"/>
</g>
<!-- minimal plane mark bottom-right -->
<g opacity="0.2" fill="#0f172a">
<path d="M740 700 L845 740 L835 760 L720 725 Z"/>
<rect x="695" y="710" width="70" height="8" rx="4"/>
</g>
</svg>