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>
12 lines
6.0 KiB
XML
12 lines
6.0 KiB
XML
<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<g clip-path="url(#clip0_173_431)">
|
|
<rect x="-0.214844" width="26.2149" height="25.9644" fill="#293CA9"/>
|
|
<path d="M5.61865 22.9375H6.80322L5.84521 23.6338L6.21045 24.7598L5.25342 24.0635L4.29541 24.7598L4.66162 23.6338L3.70361 22.9375H4.88721L5.25342 21.8115L5.61865 22.9375ZM11.6099 22.9375H12.7944L11.8364 23.6338L12.2017 24.7598L11.2446 24.0635L10.2866 24.7598L10.6528 23.6338L9.69482 22.9375H10.8784L11.2446 21.8115L11.6099 22.9375ZM17.6021 22.9375H18.7856L17.8276 23.6338L18.1938 24.7598L17.2358 24.0635L16.2788 24.7598L16.644 23.6338L15.687 22.9375H16.8706L17.2358 21.8115L17.6021 22.9375ZM23.5933 22.9375H24.7769L23.8188 23.6338L24.1851 24.7598L23.2271 24.0635L22.27 24.7598L22.6353 23.6338L21.6782 22.9375H22.8618L23.2271 21.8115L23.5933 22.9375ZM2.63916 20.4336H3.82373L2.86572 21.1289L3.23096 22.2549L2.27393 21.5596L1.31592 22.2549L1.68213 21.1289L0.724121 20.4336H1.90771L2.27393 19.3076L2.63916 20.4336ZM8.63037 20.4336H9.81494L8.85693 21.1289L9.22217 22.2549L8.26514 21.5596L7.30713 22.2549L7.67334 21.1289L6.71533 20.4336H7.89893L8.26514 19.3076L8.63037 20.4336ZM14.6226 20.4336H15.8071L14.8491 21.1289L15.2144 22.2549L14.2573 21.5596L13.2993 22.2549L13.6655 21.1289L12.7075 20.4336H13.8911L14.2573 19.3076L14.6226 20.4336ZM20.6138 20.4336H21.7983L20.8403 21.1289L21.2056 22.2549L20.2485 21.5596L19.2905 22.2549L19.6567 21.1289L18.6987 20.4336H19.8823L20.2485 19.3076L20.6138 20.4336ZM5.61865 17.7715H6.80322L5.84521 18.4678L6.21045 19.5938L5.25342 18.8975L4.29541 19.5938L4.66162 18.4678L3.70361 17.7715H4.88721L5.25342 16.6455L5.61865 17.7715ZM11.6099 17.7715H12.7944L11.8364 18.4678L12.2017 19.5938L11.2446 18.8975L10.2866 19.5938L10.6528 18.4678L9.69482 17.7715H10.8784L11.2446 16.6455L11.6099 17.7715ZM17.6021 17.7715H18.7856L17.8276 18.4678L18.1938 19.5938L17.2358 18.8975L16.2788 19.5938L16.644 18.4678L15.687 17.7715H16.8706L17.2358 16.6455L17.6021 17.7715ZM23.5933 17.7715H24.7769L23.8188 18.4678L24.1851 19.5938L23.2271 18.8975L22.27 19.5938L22.6353 18.4678L21.6782 17.7715H22.8618L23.2271 16.6455L23.5933 17.7715ZM2.63916 15.2676H3.82373L2.86572 15.9639L3.23096 17.0889L2.27393 16.3936L1.31592 17.0889L1.68213 15.9639L0.724121 15.2676H1.90771L2.27393 14.1416L2.63916 15.2676ZM8.63037 15.2676H9.81494L8.85693 15.9639L9.22217 17.0889L8.26514 16.3936L7.30713 17.0889L7.67334 15.9639L6.71533 15.2676H7.89893L8.26514 14.1416L8.63037 15.2676ZM14.6226 15.2676H15.8071L14.8491 15.9639L15.2144 17.0889L14.2573 16.3936L13.2993 17.0889L13.6655 15.9639L12.7075 15.2676H13.8911L14.2573 14.1416L14.6226 15.2676ZM20.6138 15.2676H21.7983L20.8403 15.9639L21.2056 17.0889L20.2485 16.3936L19.2905 17.0889L19.6567 15.9639L18.6987 15.2676H19.8823L20.2485 14.1416L20.6138 15.2676ZM5.61865 12.6064H6.80322L5.84521 13.3018L6.21045 14.4277L5.25342 13.7314L4.29541 14.4277L4.66162 13.3018L3.70361 12.6064H4.88721L5.25342 11.4805L5.61865 12.6064ZM11.6099 12.6064H12.7944L11.8364 13.3018L12.2017 14.4277L11.2446 13.7314L10.2866 14.4277L10.6528 13.3018L9.69482 12.6064H10.8784L11.2446 11.4805L11.6099 12.6064ZM17.6021 12.6064H18.7856L17.8276 13.3018L18.1938 14.4277L17.2358 13.7314L16.2788 14.4277L16.644 13.3018L15.687 12.6064H16.8706L17.2358 11.4805L17.6021 12.6064ZM23.5933 12.6064H24.7769L23.8188 13.3018L24.1851 14.4277L23.2271 13.7314L22.27 14.4277L22.6353 13.3018L21.6782 12.6064H22.8618L23.2271 11.4805L23.5933 12.6064ZM2.63916 10.1016H3.82373L2.86572 10.7979L3.23096 11.9238L2.27393 11.2275L1.31592 11.9238L1.68213 10.7979L0.724121 10.1016H1.90771L2.27393 8.97559L2.63916 10.1016ZM8.63037 10.1016H9.81494L8.85693 10.7979L9.22217 11.9238L8.26514 11.2275L7.30713 11.9238L7.67334 10.7979L6.71533 10.1016H7.89893L8.26514 8.97559L8.63037 10.1016ZM14.6226 10.1016H15.8071L14.8491 10.7979L15.2144 11.9238L14.2573 11.2275L13.2993 11.9238L13.6655 10.7979L12.7075 10.1016H13.8911L14.2573 8.97559L14.6226 10.1016ZM20.6138 10.1016H21.7983L20.8403 10.7979L21.2056 11.9238L20.2485 11.2275L19.2905 11.9238L19.6567 10.7979L18.6987 10.1016H19.8823L20.2485 8.97559L20.6138 10.1016ZM5.61865 7.44043H6.80322L5.84521 8.13574L6.21045 9.26172L5.25342 8.56641L4.29541 9.26172L4.66162 8.13574L3.70361 7.44043H4.88721L5.25342 6.31445L5.61865 7.44043ZM11.6099 7.44043H12.7944L11.8364 8.13574L12.2017 9.26172L11.2446 8.56641L10.2866 9.26172L10.6528 8.13574L9.69482 7.44043H10.8784L11.2446 6.31445L11.6099 7.44043ZM17.6021 7.44043H18.7856L17.8276 8.13574L18.1938 9.26172L17.2358 8.56641L16.2788 9.26172L16.644 8.13574L15.687 7.44043H16.8706L17.2358 6.31445L17.6021 7.44043ZM23.5933 7.44043H24.7769L23.8188 8.13574L24.1851 9.26172L23.2271 8.56641L22.27 9.26172L22.6353 8.13574L21.6782 7.44043H22.8618L23.2271 6.31445L23.5933 7.44043ZM2.63916 4.93555H3.82373L2.86572 5.63184L3.23096 6.75781L2.27393 6.06152L1.31592 6.75781L1.68213 5.63184L0.724121 4.93555H1.90771L2.27393 3.81055L2.63916 4.93555ZM8.63037 4.93555H9.81494L8.85693 5.63184L9.22217 6.75781L8.26514 6.06152L7.30713 6.75781L7.67334 5.63184L6.71533 4.93555H7.89893L8.26514 3.81055L8.63037 4.93555ZM14.6226 4.93555H15.8071L14.8491 5.63184L15.2144 6.75781L14.2573 6.06152L13.2993 6.75781L13.6655 5.63184L12.7075 4.93555H13.8911L14.2573 3.81055L14.6226 4.93555ZM20.6138 4.93555H21.7983L20.8403 5.63184L21.2056 6.75781L20.2485 6.06152L19.2905 6.75781L19.6567 5.63184L18.6987 4.93555H19.8823L20.2485 3.81055L20.6138 4.93555ZM5.61865 2.27441H6.80322L5.84521 2.96973L6.21045 4.0957L5.25342 3.40039L4.29541 4.0957L4.66162 2.96973L3.70361 2.27441H4.88721L5.25342 1.14844L5.61865 2.27441ZM11.6099 2.27441H12.7944L11.8364 2.96973L12.2017 4.0957L11.2446 3.40039L10.2866 4.0957L10.6528 2.96973L9.69482 2.27441H10.8784L11.2446 1.14844L11.6099 2.27441ZM17.6021 2.27441H18.7856L17.8276 2.96973L18.1938 4.0957L17.2358 3.40039L16.2788 4.0957L16.644 2.96973L15.687 2.27441H16.8706L17.2358 1.14844L17.6021 2.27441ZM23.5933 2.27441H24.7769L23.8188 2.96973L24.1851 4.0957L23.2271 3.40039L22.27 4.0957L22.6353 2.96973L21.6782 2.27441H22.8618L23.2271 1.14844L23.5933 2.27441Z" fill="white"/>
|
|
</g>
|
|
<defs>
|
|
<clipPath id="clip0_173_431">
|
|
<rect width="26" height="26" fill="white"/>
|
|
</clipPath>
|
|
</defs>
|
|
</svg>
|