feat: implement HomeHero component with image carousel and news cards

This commit is contained in:
Poyraz Avsever
2026-03-10 10:29:50 +03:00
parent 98f8f7f175
commit 449f22bf0e
5 changed files with 113 additions and 0 deletions
Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 MiB

+19
View File
@@ -0,0 +1,19 @@
<svg width="320" height="220" viewBox="0 0 320 220" fill="none" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="bgB" x1="19" y1="12" x2="287" y2="209" gradientUnits="userSpaceOnUse">
<stop stop-color="#102A43"/>
<stop offset="1" stop-color="#243B53"/>
</linearGradient>
</defs>
<rect width="320" height="220" rx="12" fill="url(#bgB)"/>
<rect x="40" y="30" width="108" height="70" rx="8" fill="#D9E2EC" fill-opacity="0.92"/>
<rect x="56" y="48" width="76" height="6" rx="3" fill="#486581"/>
<rect x="56" y="62" width="54" height="6" rx="3" fill="#829AB1"/>
<rect x="176" y="52" width="106" height="138" rx="10" fill="#F0F4F8"/>
<rect x="192" y="70" width="74" height="8" rx="4" fill="#334E68"/>
<rect x="192" y="86" width="52" height="8" rx="4" fill="#627D98"/>
<rect x="40" y="122" width="108" height="68" rx="8" fill="#9FB3C8"/>
<circle cx="72" cy="156" r="14" fill="#F0F4F8"/>
<rect x="92" y="146" width="40" height="6" rx="3" fill="#D9E2EC"/>
<rect x="92" y="158" width="30" height="6" rx="3" fill="#D9E2EC"/>
</svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

+16
View File
@@ -0,0 +1,16 @@
<svg width="320" height="220" viewBox="0 0 320 220" fill="none" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="bgA" x1="26" y1="14" x2="291" y2="198" gradientUnits="userSpaceOnUse">
<stop stop-color="#202733"/>
<stop offset="1" stop-color="#0B0F15"/>
</linearGradient>
<radialGradient id="glowA" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(82 66) rotate(43) scale(98 92)">
<stop stop-color="#FFC857" stop-opacity="0.95"/>
<stop offset="1" stop-color="#FFC857" stop-opacity="0"/>
</radialGradient>
</defs>
<rect width="320" height="220" rx="12" fill="url(#bgA)"/>
<circle cx="82" cy="66" r="98" fill="url(#glowA)"/>
<path d="M28 182L98 121L140 154L222 84L292 148" stroke="#F7FAFC" stroke-opacity="0.8" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/>
<rect x="26" y="24" width="72" height="22" rx="11" fill="#F7FAFC" fill-opacity="0.12"/>
</svg>

After

Width:  |  Height:  |  Size: 966 B