Files
assetx/public/component-19.svg
default b98500e61f 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

4 lines
719 B
XML

<svg width="20" height="24" viewBox="0 0 20 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.12501 14.9585L13.8333 10.2502L12.6458 9.06266L9.12501 12.5835L7.37501 10.8335L6.18751 12.021L9.12501 14.9585ZM10 20.3335C8.06945 19.8474 6.4757 18.7397 5.21876 17.0106C3.96182 15.2814 3.33334 13.3613 3.33334 11.2502V6.16683L10 3.66683L16.6667 6.16683V11.2502C16.6667 13.3613 16.0382 15.2814 14.7813 17.0106C13.5243 18.7397 11.9306 19.8474 10 20.3335ZM10 18.5835C11.4445 18.1252 12.6389 17.2085 13.5833 15.8335C14.5278 14.4585 15 12.9307 15 11.2502V7.31266L10 5.43766L5.00001 7.31266V11.2502C5.00001 12.9307 5.47223 14.4585 6.41668 15.8335C7.36112 17.2085 8.55557 18.1252 10 18.5835Z" fill="#9CA1AF"/>
</svg>