default
b98500e61f
Redesigned ProductCard and Product page based on original prototype: ProductCard Component: - Added gradient background matching prototype style - Copied all SVG icons from prototype (US flags, HK flag, etc.) - Implemented proper icon display with white background container - Added category color variants (blue, green, purple) - Risk level indicators with accurate colors - Styled progress bar matching prototype - Proper spacing and typography from CSS Visual Elements: - Radial gradient backgrounds on cards - Glass-morphism effect with transparency - Shadow and border effects from prototype - Icon container with white background and shadow ring - Category badges with colored backgrounds Assets Added: - frame-9230.svg, frame-9231.svg (US flag icons) - hk0.svg (HK flag icon) - chart-square1.svg - All component SVG files from prototype - View toggle icons Styling: - Followed prototype's style.css specifications - Maintained exact color values and gradients - Proper border radius and spacing - Typography matching prototype Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
11 lines
2.5 KiB
XML
11 lines
2.5 KiB
XML
<svg width="69" height="49" viewBox="0 0 69 49" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<rect width="68.3994" height="48.8567" rx="1.71429" fill="white"/>
|
|
<mask id="mask0_4_5494" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="69" height="49">
|
|
<rect width="68.3994" height="48.8567" rx="1.71429" fill="white"/>
|
|
</mask>
|
|
<g mask="url(#mask0_4_5494)">
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 48.8567H68.3994V0H0V48.8567Z" fill="#F0371D"/>
|
|
<path d="M37.8003 25.5918C39.5109 25.0367 41.7999 27.3594 42.9116 30.7803C44.023 34.2012 43.5368 37.4259 41.8267 37.9824C40.1161 38.5376 37.8281 36.2147 36.7163 32.7939C35.6049 29.373 36.0902 26.1484 37.8003 25.5918ZM27.6128 29.835C30.5229 27.7209 33.7398 27.186 34.7974 28.6406C35.8539 30.096 34.3509 32.9901 31.4409 35.1045C28.5307 37.2186 25.3139 37.7535 24.2563 36.2988C23.1998 34.8434 24.7028 31.9494 27.6128 29.835ZM29.4126 32.3125C29.1482 31.9491 28.6386 31.8678 28.2749 32.1318C27.9117 32.3962 27.8314 32.9059 28.0952 33.2695C28.3595 33.6329 28.8692 33.7131 29.2329 33.4492C29.596 33.1849 29.6764 32.6761 29.4126 32.3125ZM40.6558 32.3691C40.5167 31.9421 40.0567 31.7074 39.6294 31.8457C39.2022 31.9848 38.9684 32.4447 39.1069 32.8721C39.246 33.2993 39.705 33.533 40.1323 33.3945C40.5594 33.2554 40.7941 32.7964 40.6558 32.3691ZM20.4282 19.0674C21.4858 17.6127 24.7026 18.1475 27.6128 20.2617C30.523 22.3762 32.0252 25.2702 30.9683 26.7256C29.9108 28.1807 26.6942 27.6458 23.7837 25.5312C20.8735 23.4166 19.371 20.5226 20.4282 19.0674ZM42.3433 18.5342C45.9398 18.5345 48.8559 19.9928 48.8569 21.791C48.8564 23.5895 45.9402 25.0486 42.3433 25.0488C38.7461 25.0487 35.8291 23.5896 35.8286 21.791C35.8297 19.9927 38.7465 18.5343 42.3433 18.5342ZM25.6323 21.6016C25.2686 21.3376 24.7589 21.4187 24.4946 21.7822C24.2307 22.1458 24.3113 22.6545 24.6743 22.9189C25.0381 23.1831 25.5477 23.1029 25.812 22.7393C26.0761 22.3755 25.9959 21.8659 25.6323 21.6016ZM43.1567 21.1719C42.7076 21.1724 42.3436 21.5372 42.3433 21.9863C42.3437 22.4353 42.7077 22.7993 43.1567 22.7998C43.6059 22.7994 43.9707 22.4354 43.9712 21.9863C43.9709 21.5371 43.606 21.1722 43.1567 21.1719ZM30.521 15.291C31.6326 11.8697 33.9206 9.54633 35.6313 10.1016C37.3421 10.6575 37.828 13.8822 36.7163 17.3037C35.6046 20.7251 33.3167 23.0486 31.606 22.4932C29.8952 21.9373 29.4093 18.7126 30.521 15.291ZM34.3071 14.8086C33.8794 14.6696 33.4197 14.9043 33.2808 15.332C33.142 15.7595 33.3759 16.2183 33.8032 16.3574C34.2309 16.4964 34.6906 16.2627 34.8296 15.835C34.9686 15.4073 34.7348 14.9476 34.3071 14.8086Z" fill="white"/>
|
|
</g>
|
|
</svg>
|