| 1 |
<svg height="512" viewBox="0 0 48 48" width="512" xmlns="http://www.w3.org/2000/svg"> |
| 2 |
<defs> |
| 3 |
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="0%"> |
| 4 |
<stop offset="0%" style="stop-color:#9B62FF;stop-opacity:1"/> |
| 5 |
<stop offset="100%" style="stop-color:#5B03FF;stop-opacity:1"/> |
| 6 |
</linearGradient> |
| 7 |
</defs> |
| 8 |
<g fill="url(#grad1)"> |
| 9 |
<!-- Product card 1 --> |
| 10 |
<rect x="4" y="8" width="12" height="16" rx="2" opacity="0.9"/> |
| 11 |
<rect x="6" y="10" width="8" height="6" rx="1" fill="#fff" opacity="0.3"/> |
| 12 |
<rect x="6" y="18" width="6" height="1.5" rx="0.5" fill="#fff" opacity="0.5"/> |
| 13 |
<rect x="6" y="21" width="4" height="1" rx="0.5" fill="#fff" opacity="0.3"/> |
| 14 |
|
| 15 |
<!-- Product card 2 (center, highlighted) --> |
| 16 |
<rect x="18" y="6" width="12" height="20" rx="2"/> |
| 17 |
<rect x="20" y="8" width="8" height="8" rx="1" fill="#fff" opacity="0.3"/> |
| 18 |
<rect x="20" y="18" width="6" height="2" rx="0.5" fill="#fff" opacity="0.5"/> |
| 19 |
<rect x="20" y="22" width="4" height="1.5" rx="0.5" fill="#fff" opacity="0.3"/> |
| 20 |
|
| 21 |
<!-- Product card 3 --> |
| 22 |
<rect x="32" y="8" width="12" height="16" rx="2" opacity="0.9"/> |
| 23 |
<rect x="34" y="10" width="8" height="6" rx="1" fill="#fff" opacity="0.3"/> |
| 24 |
<rect x="34" y="18" width="6" height="1.5" rx="0.5" fill="#fff" opacity="0.5"/> |
| 25 |
<rect x="34" y="21" width="4" height="1" rx="0.5" fill="#fff" opacity="0.3"/> |
| 26 |
|
| 27 |
<!-- Slider arrows --> |
| 28 |
<path d="M2 16l-1.5 2 1.5 2" stroke="url(#grad1)" stroke-width="1.5" fill="none" stroke-linecap="round"/> |
| 29 |
<path d="M46 16l1.5 2-1.5 2" stroke="url(#grad1)" stroke-width="1.5" fill="none" stroke-linecap="round"/> |
| 30 |
|
| 31 |
<!-- Dots --> |
| 32 |
<circle cx="20" cy="32" r="1.5" opacity="0.4"/> |
| 33 |
<circle cx="24" cy="32" r="1.5"/> |
| 34 |
<circle cx="28" cy="32" r="1.5" opacity="0.4"/> |
| 35 |
|
| 36 |
<!-- Price tag --> |
| 37 |
<rect x="26" y="22" width="3" height="2" rx="0.5" fill="#fff" opacity="0.6"/> |
| 38 |
|
| 39 |
<!-- Cart icon on center card --> |
| 40 |
<circle cx="27" cy="11" r="3" fill="#fff" opacity="0.2"/> |
| 41 |
<path d="M26 10.5h2m-1-1v2" stroke="url(#grad1)" stroke-width="0.8" stroke-linecap="round"/> |
| 42 |
</g> |
| 43 |
</svg> |
| 44 |
|
