assetx/public/component-117.svg

<svg width="20" height="24" viewBox="0 0 20 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.66663 17L1.66663 12L6.66663 7L7.85413 8.1875L4.02079 12.0208L7.83329 15.8333L6.66663 17ZM13.3333 17L12.1458 15.8125L15.9791 11.9792L12.1666 8.16667L13.3333 7L18.3333 12L13.3333 17Z" fill="#9CA1AF"/>
</svg>
feat: refactor Product page to match prototype design 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> 2026-01-30 05:35:08 +00:00			`<svg width="20" height="24" viewBox="0 0 20 24" fill="none" xmlns="http://www.w3.org/2000/svg">`
			`<path d="M6.66663 17L1.66663 12L6.66663 7L7.85413 8.1875L4.02079 12.0208L7.83329 15.8333L6.66663 17ZM13.3333 17L12.1458 15.8125L15.9791 11.9792L12.1666 8.16667L13.3333 7L18.3333 12L13.3333 17Z" fill="#9CA1AF"/>`
			`</svg>`