Files
tm-landing/public/header-bg.svg
T
AmirReza Jamali b556ceed98 feat(landing): enhance hero section and update page backgrounds
This commit introduces a significant visual overhaul to the landing page to create a more dynamic and engaging user experience.

Key changes include:
- Replaced the static mobile phone SVG in the hero section with an animated GIF, complete with a "dynamic island" overlay for a more modern look.
- Updated the main page background from a full cover image to a more subtle header background image (`header-bg.svg`).
- Added a new background layer (`bottom-bg.svg`) near the footer to create more visual depth and separation for the contact section.
- Numbered the three main feature descriptions ("1. Discover", "2. Prepare", "3. Win") for improved clarity and flow.
2025-10-21 15:17:04 +03:30

24 lines
1.6 KiB
XML

<svg width="1440" height="2155" viewBox="0 0 1440 2155" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_4328_7714)">
<path d="M169.999 1702.5C36.5901 1957.69 24.0911 2029.52 -0.000610352 2155V902H1440C1418 980.333 1308.5 1102.59 1119 1191.5C979.321 1257.03 302 1450 169.999 1702.5Z" fill="#E5EFFF"/>
<path d="M-5.36442e-06 2386C-5.36442e-06 2268.83 40 2055.21 154.824 1874.05C311.59 1626.71 1006.42 1474.12 1137.88 1412.44C1316.24 1328.77 1419.29 1213.72 1440 1140" stroke="#B4D1FF"/>
<path d="M-0.0898438 758.5C23 694.5 113.955 575.063 257.5 522C457.611 448.027 746.117 430 774 183.5C782.071 112.149 783.203 66.1507 777.779 0" stroke="#B4D1FF"/>
<path d="M954 143.5V0H1440V902H0C22 823.667 131.5 703.409 321 614.5C460.679 548.966 954 489 954 143.5Z" fill="#E5EFFF"/>
<path d="M1126 153.5V0H1440V902H552C601.5 782.5 611.5 695.083 806.5 582.5C921.531 516.087 1126 409 1126 153.5Z" fill="url(#paint0_linear_4328_7714)"/>
<path d="M1296 203.5V0H1440V902H786.5C928 813.5 1009 752.5 1143 614.5C1234 506 1296 383.5 1296 203.5Z" fill="url(#paint1_linear_4328_7714)"/>
</g>
<defs>
<linearGradient id="paint0_linear_4328_7714" x1="996" y1="648" x2="996" y2="879" gradientUnits="userSpaceOnUse">
<stop stop-color="#B4D1FF"/>
<stop offset="1" stop-color="#E5EFFF"/>
</linearGradient>
<linearGradient id="paint1_linear_4328_7714" x1="1196" y1="666.5" x2="1196" y2="902" gradientUnits="userSpaceOnUse">
<stop stop-color="#0164FF"/>
<stop offset="1" stop-color="#E5EFFF"/>
</linearGradient>
<clipPath id="clip0_4328_7714">
<rect width="1440" height="2155" fill="white"/>
</clipPath>
</defs>
</svg>