Product Comparison - Copy this React, Tailwind Component to your project

Genrate page compare product with data :{ "message": "SUCCESS", "timestamp": 1728492983483, "path": "/api/v1/compare", "requestId": "e19c8161 d526 479b beea 1176e3f2732a", "data": { "id": 22, "title": "So sánh iPhone 16 Pro Max 256GB với Samsung Galaxy S23 Ultra 5G 8GB/256GB", "content": " Content of So sánh iPhone 16 Pro Max 256GB với Samsung Galaxy S23 Ultra 5G 8GB/256GB", "slug": "so sanh iphone 16 pro max 256gb voi samsung galaxy s23 ultra 5g 8gb256gb", "product1Name": "Samsung Galaxy S23 Ultra 5G 8GB/256GB", "product2Name": "iPhone 16 Pro Max 256GB", "categoryCode": "SMARTPHONE", "categoryName": "ĐIỆN THOẠI THÔNG MINH", "product1Specs": { "id": 61, "code": "Samsung Galaxy S23 Ultra 5G 8GB/256GB", "name": "Samsung Galaxy S23 Ultra 5G 8GB/256GB", "avatarUrl": "http://localhost:8090/api/v1/storage/files/view/52abdf8c c541 4b49 8951 216abfc90aa7_samsung galaxy s23 ultra note new.jpg", "specs": { "Hệ điều hành": { "Hệ điều hành": "z", "Chip xử lý (CPU)": "z" }, "Camera trước": { "Tính năng": "z", "Độ phân giải": "z" }, "Màn hình": { "Màn hình rộng": "z", "Công nghệ màn hình": "z", "Độ phân giải": "z" } } }, "product2Specs": { "id": 62, "code": "iPhone 16 Pro Max 256GB", "name": "iPhone 16 Pro Max 256GB", "avatarUrl": "http://localhost:8090/api/v1/storage/files/view/01fe957c c112 4f7e 9250 b11fcf15c4c5_iphone 16 pro max titan den 2_0 638630301189299950 750x500.jpg", "specs": { "Hệ điều hành": { "Hệ điều hành": "yid integer default nextval('base.group_field_id_seq'::regclass) not nullyidyid integer default nextval('base.group_field_id_seq'::regclass) not nullyid integer default nextval('base.group_field_id_seq'::regclass) not nullyid integer default nextval('base.group_field_id_seq'::regclass) not null integer default nextval('base.group_field_id_seq'::regclass) not nullyid integer default nextval('base.group_field_id_seq'::regclass) not null", "Chip xử lý (CPU)": "d" }, "Camera trước": { "Tính năng": "tid integer default nextval('base.group_field_id_seq'::regclass) not null", "Độ phân giải": "tid integer default nextval('base.group_field_id_seq'::regclass) not null" }, "Màn hình": { "Màn hình rộng": "rid integer default nextval('base.group_field_id_seq'::regclass) not null", "Công nghệ màn hình": "rid integer default nextval('base.group_field_id_seq'::regclass) not null", "Độ phân giải": "rid integer default nextval('base.group_field_id_seq'::regclass) not null" } } } } }