diff --git a/public/assets/images/web/buy_product/1.png b/public/assets/images/web/buy_product/1.png new file mode 100644 index 0000000..4f30dbf Binary files /dev/null and b/public/assets/images/web/buy_product/1.png differ diff --git a/public/assets/images/web/buy_product/10.png b/public/assets/images/web/buy_product/10.png new file mode 100644 index 0000000..979f186 Binary files /dev/null and b/public/assets/images/web/buy_product/10.png differ diff --git a/public/assets/images/web/buy_product/11_10000.png b/public/assets/images/web/buy_product/11_10000.png new file mode 100644 index 0000000..c05bc05 Binary files /dev/null and b/public/assets/images/web/buy_product/11_10000.png differ diff --git a/public/assets/images/web/buy_product/12_10000.png b/public/assets/images/web/buy_product/12_10000.png new file mode 100644 index 0000000..062c19f Binary files /dev/null and b/public/assets/images/web/buy_product/12_10000.png differ diff --git a/public/assets/images/web/buy_product/12_100000.png b/public/assets/images/web/buy_product/12_100000.png new file mode 100644 index 0000000..3ee0010 Binary files /dev/null and b/public/assets/images/web/buy_product/12_100000.png differ diff --git a/public/assets/images/web/buy_product/12_20000.png b/public/assets/images/web/buy_product/12_20000.png new file mode 100644 index 0000000..16733fb Binary files /dev/null and b/public/assets/images/web/buy_product/12_20000.png differ diff --git a/public/assets/images/web/buy_product/12_3000.png b/public/assets/images/web/buy_product/12_3000.png new file mode 100644 index 0000000..3cbd5f4 Binary files /dev/null and b/public/assets/images/web/buy_product/12_3000.png differ diff --git a/public/assets/images/web/buy_product/12_30000.png b/public/assets/images/web/buy_product/12_30000.png new file mode 100644 index 0000000..28e1a63 Binary files /dev/null and b/public/assets/images/web/buy_product/12_30000.png differ diff --git a/public/assets/images/web/buy_product/12_5000.png b/public/assets/images/web/buy_product/12_5000.png new file mode 100644 index 0000000..2e9af2d Binary files /dev/null and b/public/assets/images/web/buy_product/12_5000.png differ diff --git a/public/assets/images/web/buy_product/12_50000.png b/public/assets/images/web/buy_product/12_50000.png new file mode 100644 index 0000000..e5613fc Binary files /dev/null and b/public/assets/images/web/buy_product/12_50000.png differ diff --git a/public/assets/images/web/buy_product/12_70000.png b/public/assets/images/web/buy_product/12_70000.png new file mode 100644 index 0000000..5cf6cc4 Binary files /dev/null and b/public/assets/images/web/buy_product/12_70000.png differ diff --git a/public/assets/images/web/buy_product/13_10000.png b/public/assets/images/web/buy_product/13_10000.png new file mode 100644 index 0000000..46f4113 Binary files /dev/null and b/public/assets/images/web/buy_product/13_10000.png differ diff --git a/public/assets/images/web/buy_product/13_100000.png b/public/assets/images/web/buy_product/13_100000.png new file mode 100644 index 0000000..12cb659 Binary files /dev/null and b/public/assets/images/web/buy_product/13_100000.png differ diff --git a/public/assets/images/web/buy_product/13_3000.png b/public/assets/images/web/buy_product/13_3000.png new file mode 100644 index 0000000..8d703f2 Binary files /dev/null and b/public/assets/images/web/buy_product/13_3000.png differ diff --git a/public/assets/images/web/buy_product/13_30000.png b/public/assets/images/web/buy_product/13_30000.png new file mode 100644 index 0000000..525322f Binary files /dev/null and b/public/assets/images/web/buy_product/13_30000.png differ diff --git a/public/assets/images/web/buy_product/13_50000.png b/public/assets/images/web/buy_product/13_50000.png new file mode 100644 index 0000000..b7426e7 Binary files /dev/null and b/public/assets/images/web/buy_product/13_50000.png differ diff --git a/public/assets/images/web/buy_product/19_cu_10000.png b/public/assets/images/web/buy_product/19_cu_10000.png new file mode 100644 index 0000000..ab681a5 Binary files /dev/null and b/public/assets/images/web/buy_product/19_cu_10000.png differ diff --git a/public/assets/images/web/buy_product/19_cu_3000.png b/public/assets/images/web/buy_product/19_cu_3000.png new file mode 100644 index 0000000..48bdd57 Binary files /dev/null and b/public/assets/images/web/buy_product/19_cu_3000.png differ diff --git a/public/assets/images/web/buy_product/19_cu_50000.png b/public/assets/images/web/buy_product/19_cu_50000.png new file mode 100644 index 0000000..2bd85b0 Binary files /dev/null and b/public/assets/images/web/buy_product/19_cu_50000.png differ diff --git a/public/assets/images/web/buy_product/19_gs_10000.png b/public/assets/images/web/buy_product/19_gs_10000.png new file mode 100644 index 0000000..087a1a5 Binary files /dev/null and b/public/assets/images/web/buy_product/19_gs_10000.png differ diff --git a/public/assets/images/web/buy_product/19_gs_30000.png b/public/assets/images/web/buy_product/19_gs_30000.png new file mode 100644 index 0000000..a7eb646 Binary files /dev/null and b/public/assets/images/web/buy_product/19_gs_30000.png differ diff --git a/public/assets/images/web/buy_product/19_gs_50000.png b/public/assets/images/web/buy_product/19_gs_50000.png new file mode 100644 index 0000000..f5ed36f Binary files /dev/null and b/public/assets/images/web/buy_product/19_gs_50000.png differ diff --git a/public/assets/images/web/buy_product/1_10000.png b/public/assets/images/web/buy_product/1_10000.png new file mode 100644 index 0000000..29f5035 Binary files /dev/null and b/public/assets/images/web/buy_product/1_10000.png differ diff --git a/public/assets/images/web/buy_product/1_100000.png b/public/assets/images/web/buy_product/1_100000.png new file mode 100644 index 0000000..db9d061 Binary files /dev/null and b/public/assets/images/web/buy_product/1_100000.png differ diff --git a/public/assets/images/web/buy_product/1_15000.png b/public/assets/images/web/buy_product/1_15000.png new file mode 100644 index 0000000..dfbac37 Binary files /dev/null and b/public/assets/images/web/buy_product/1_15000.png differ diff --git a/public/assets/images/web/buy_product/1_150000.png b/public/assets/images/web/buy_product/1_150000.png new file mode 100644 index 0000000..983999a Binary files /dev/null and b/public/assets/images/web/buy_product/1_150000.png differ diff --git a/public/assets/images/web/buy_product/1_20000.png b/public/assets/images/web/buy_product/1_20000.png new file mode 100644 index 0000000..3564fab Binary files /dev/null and b/public/assets/images/web/buy_product/1_20000.png differ diff --git a/public/assets/images/web/buy_product/1_29100.png b/public/assets/images/web/buy_product/1_29100.png new file mode 100644 index 0000000..df1d57f Binary files /dev/null and b/public/assets/images/web/buy_product/1_29100.png differ diff --git a/public/assets/images/web/buy_product/1_30000.png b/public/assets/images/web/buy_product/1_30000.png new file mode 100644 index 0000000..302b893 Binary files /dev/null and b/public/assets/images/web/buy_product/1_30000.png differ diff --git a/public/assets/images/web/buy_product/1_48500.png b/public/assets/images/web/buy_product/1_48500.png new file mode 100644 index 0000000..7b63466 Binary files /dev/null and b/public/assets/images/web/buy_product/1_48500.png differ diff --git a/public/assets/images/web/buy_product/1_50000.png b/public/assets/images/web/buy_product/1_50000.png new file mode 100644 index 0000000..670eb68 Binary files /dev/null and b/public/assets/images/web/buy_product/1_50000.png differ diff --git a/public/assets/images/web/buy_product/1_9700.png b/public/assets/images/web/buy_product/1_9700.png new file mode 100644 index 0000000..103c87c Binary files /dev/null and b/public/assets/images/web/buy_product/1_9700.png differ diff --git a/public/assets/images/web/buy_product/1_97000.png b/public/assets/images/web/buy_product/1_97000.png new file mode 100644 index 0000000..9dbb4ec Binary files /dev/null and b/public/assets/images/web/buy_product/1_97000.png differ diff --git a/public/assets/images/web/buy_product/2.png b/public/assets/images/web/buy_product/2.png new file mode 100644 index 0000000..6bb8d91 Binary files /dev/null and b/public/assets/images/web/buy_product/2.png differ diff --git a/public/assets/images/web/buy_product/3.png b/public/assets/images/web/buy_product/3.png new file mode 100644 index 0000000..cb43204 Binary files /dev/null and b/public/assets/images/web/buy_product/3.png differ diff --git a/public/assets/images/web/buy_product/30_10000.png b/public/assets/images/web/buy_product/30_10000.png new file mode 100644 index 0000000..4e20fa7 Binary files /dev/null and b/public/assets/images/web/buy_product/30_10000.png differ diff --git a/public/assets/images/web/buy_product/30_100000.png b/public/assets/images/web/buy_product/30_100000.png new file mode 100644 index 0000000..2907206 Binary files /dev/null and b/public/assets/images/web/buy_product/30_100000.png differ diff --git a/public/assets/images/web/buy_product/30_20000.png b/public/assets/images/web/buy_product/30_20000.png new file mode 100644 index 0000000..9a07a51 Binary files /dev/null and b/public/assets/images/web/buy_product/30_20000.png differ diff --git a/public/assets/images/web/buy_product/30_30000.png b/public/assets/images/web/buy_product/30_30000.png new file mode 100644 index 0000000..8704498 Binary files /dev/null and b/public/assets/images/web/buy_product/30_30000.png differ diff --git a/public/assets/images/web/buy_product/30_50000.png b/public/assets/images/web/buy_product/30_50000.png new file mode 100644 index 0000000..73bde8a Binary files /dev/null and b/public/assets/images/web/buy_product/30_50000.png differ diff --git a/public/assets/images/web/buy_product/33_10000.png b/public/assets/images/web/buy_product/33_10000.png new file mode 100644 index 0000000..6515eaf Binary files /dev/null and b/public/assets/images/web/buy_product/33_10000.png differ diff --git a/public/assets/images/web/buy_product/33_100000.png b/public/assets/images/web/buy_product/33_100000.png new file mode 100644 index 0000000..35d2360 Binary files /dev/null and b/public/assets/images/web/buy_product/33_100000.png differ diff --git a/public/assets/images/web/buy_product/33_20000.png b/public/assets/images/web/buy_product/33_20000.png new file mode 100644 index 0000000..91cafb4 Binary files /dev/null and b/public/assets/images/web/buy_product/33_20000.png differ diff --git a/public/assets/images/web/buy_product/33_30000.png b/public/assets/images/web/buy_product/33_30000.png new file mode 100644 index 0000000..6087f1d Binary files /dev/null and b/public/assets/images/web/buy_product/33_30000.png differ diff --git a/public/assets/images/web/buy_product/33_50000.png b/public/assets/images/web/buy_product/33_50000.png new file mode 100644 index 0000000..5cc733e Binary files /dev/null and b/public/assets/images/web/buy_product/33_50000.png differ diff --git a/public/assets/images/web/buy_product/34_10000.png b/public/assets/images/web/buy_product/34_10000.png new file mode 100644 index 0000000..f0ad78a Binary files /dev/null and b/public/assets/images/web/buy_product/34_10000.png differ diff --git a/public/assets/images/web/buy_product/34_100000.png b/public/assets/images/web/buy_product/34_100000.png new file mode 100644 index 0000000..7dd1ac0 Binary files /dev/null and b/public/assets/images/web/buy_product/34_100000.png differ diff --git a/public/assets/images/web/buy_product/34_30000.png b/public/assets/images/web/buy_product/34_30000.png new file mode 100644 index 0000000..b8918e5 Binary files /dev/null and b/public/assets/images/web/buy_product/34_30000.png differ diff --git a/public/assets/images/web/buy_product/34_50000.png b/public/assets/images/web/buy_product/34_50000.png new file mode 100644 index 0000000..16f6d73 Binary files /dev/null and b/public/assets/images/web/buy_product/34_50000.png differ diff --git a/public/assets/images/web/buy_product/36_100.png b/public/assets/images/web/buy_product/36_100.png new file mode 100644 index 0000000..018f293 Binary files /dev/null and b/public/assets/images/web/buy_product/36_100.png differ diff --git a/public/assets/images/web/buy_product/36_1000.png b/public/assets/images/web/buy_product/36_1000.png new file mode 100644 index 0000000..c0ec4d5 Binary files /dev/null and b/public/assets/images/web/buy_product/36_1000.png differ diff --git a/public/assets/images/web/buy_product/36_300.png b/public/assets/images/web/buy_product/36_300.png new file mode 100644 index 0000000..55bdb69 Binary files /dev/null and b/public/assets/images/web/buy_product/36_300.png differ diff --git a/public/assets/images/web/buy_product/36_500.png b/public/assets/images/web/buy_product/36_500.png new file mode 100644 index 0000000..6e52e23 Binary files /dev/null and b/public/assets/images/web/buy_product/36_500.png differ diff --git a/public/assets/images/web/buy_product/39_10000.png b/public/assets/images/web/buy_product/39_10000.png new file mode 100644 index 0000000..07dc25d Binary files /dev/null and b/public/assets/images/web/buy_product/39_10000.png differ diff --git a/public/assets/images/web/buy_product/39_100000.png b/public/assets/images/web/buy_product/39_100000.png new file mode 100644 index 0000000..ba53d61 Binary files /dev/null and b/public/assets/images/web/buy_product/39_100000.png differ diff --git a/public/assets/images/web/buy_product/39_20000.png b/public/assets/images/web/buy_product/39_20000.png new file mode 100644 index 0000000..9b8de05 Binary files /dev/null and b/public/assets/images/web/buy_product/39_20000.png differ diff --git a/public/assets/images/web/buy_product/39_30000.png b/public/assets/images/web/buy_product/39_30000.png new file mode 100644 index 0000000..3551223 Binary files /dev/null and b/public/assets/images/web/buy_product/39_30000.png differ diff --git a/public/assets/images/web/buy_product/39_50000.png b/public/assets/images/web/buy_product/39_50000.png new file mode 100644 index 0000000..eae0ebd Binary files /dev/null and b/public/assets/images/web/buy_product/39_50000.png differ diff --git a/public/assets/images/web/buy_product/4.png b/public/assets/images/web/buy_product/4.png new file mode 100644 index 0000000..967425a Binary files /dev/null and b/public/assets/images/web/buy_product/4.png differ diff --git a/public/assets/images/web/buy_product/41_10000.png b/public/assets/images/web/buy_product/41_10000.png new file mode 100644 index 0000000..8c45dbf Binary files /dev/null and b/public/assets/images/web/buy_product/41_10000.png differ diff --git a/public/assets/images/web/buy_product/41_30000.png b/public/assets/images/web/buy_product/41_30000.png new file mode 100644 index 0000000..bb7f1f3 Binary files /dev/null and b/public/assets/images/web/buy_product/41_30000.png differ diff --git a/public/assets/images/web/buy_product/41_5000.png b/public/assets/images/web/buy_product/41_5000.png new file mode 100644 index 0000000..02cb469 Binary files /dev/null and b/public/assets/images/web/buy_product/41_5000.png differ diff --git a/public/assets/images/web/buy_product/41_50000.png b/public/assets/images/web/buy_product/41_50000.png new file mode 100644 index 0000000..5ce8ac9 Binary files /dev/null and b/public/assets/images/web/buy_product/41_50000.png differ diff --git a/public/assets/images/web/buy_product/42_10000.png b/public/assets/images/web/buy_product/42_10000.png new file mode 100644 index 0000000..0058595 Binary files /dev/null and b/public/assets/images/web/buy_product/42_10000.png differ diff --git a/public/assets/images/web/buy_product/42_30000.png b/public/assets/images/web/buy_product/42_30000.png new file mode 100644 index 0000000..fb4feb2 Binary files /dev/null and b/public/assets/images/web/buy_product/42_30000.png differ diff --git a/public/assets/images/web/buy_product/42_5000.png b/public/assets/images/web/buy_product/42_5000.png new file mode 100644 index 0000000..ae398e5 Binary files /dev/null and b/public/assets/images/web/buy_product/42_5000.png differ diff --git a/public/assets/images/web/buy_product/43_10000.png b/public/assets/images/web/buy_product/43_10000.png new file mode 100644 index 0000000..09828a0 Binary files /dev/null and b/public/assets/images/web/buy_product/43_10000.png differ diff --git a/public/assets/images/web/buy_product/43_30000.png b/public/assets/images/web/buy_product/43_30000.png new file mode 100644 index 0000000..b9ea10e Binary files /dev/null and b/public/assets/images/web/buy_product/43_30000.png differ diff --git a/public/assets/images/web/buy_product/43_50000.png b/public/assets/images/web/buy_product/43_50000.png new file mode 100644 index 0000000..fcedad5 Binary files /dev/null and b/public/assets/images/web/buy_product/43_50000.png differ diff --git a/public/assets/images/web/buy_product/44_10000.png b/public/assets/images/web/buy_product/44_10000.png new file mode 100644 index 0000000..371a3e2 Binary files /dev/null and b/public/assets/images/web/buy_product/44_10000.png differ diff --git a/public/assets/images/web/buy_product/44_20000.png b/public/assets/images/web/buy_product/44_20000.png new file mode 100644 index 0000000..38ac65e Binary files /dev/null and b/public/assets/images/web/buy_product/44_20000.png differ diff --git a/public/assets/images/web/buy_product/44_30000.png b/public/assets/images/web/buy_product/44_30000.png new file mode 100644 index 0000000..8874855 Binary files /dev/null and b/public/assets/images/web/buy_product/44_30000.png differ diff --git a/public/assets/images/web/buy_product/44_50000.png b/public/assets/images/web/buy_product/44_50000.png new file mode 100644 index 0000000..3cdefef Binary files /dev/null and b/public/assets/images/web/buy_product/44_50000.png differ diff --git a/public/assets/images/web/buy_product/47_10000.png b/public/assets/images/web/buy_product/47_10000.png new file mode 100644 index 0000000..2bcaa05 Binary files /dev/null and b/public/assets/images/web/buy_product/47_10000.png differ diff --git a/public/assets/images/web/buy_product/47_30000.png b/public/assets/images/web/buy_product/47_30000.png new file mode 100644 index 0000000..dc428ab Binary files /dev/null and b/public/assets/images/web/buy_product/47_30000.png differ diff --git a/public/assets/images/web/buy_product/48_10000.png b/public/assets/images/web/buy_product/48_10000.png new file mode 100644 index 0000000..dae20ba Binary files /dev/null and b/public/assets/images/web/buy_product/48_10000.png differ diff --git a/public/assets/images/web/buy_product/48_30000.png b/public/assets/images/web/buy_product/48_30000.png new file mode 100644 index 0000000..397dd50 Binary files /dev/null and b/public/assets/images/web/buy_product/48_30000.png differ diff --git a/public/assets/images/web/buy_product/49_10000.png b/public/assets/images/web/buy_product/49_10000.png new file mode 100644 index 0000000..92db096 Binary files /dev/null and b/public/assets/images/web/buy_product/49_10000.png differ diff --git a/public/assets/images/web/buy_product/49_30000.png b/public/assets/images/web/buy_product/49_30000.png new file mode 100644 index 0000000..4f6910d Binary files /dev/null and b/public/assets/images/web/buy_product/49_30000.png differ diff --git a/public/assets/images/web/buy_product/49_50000.png b/public/assets/images/web/buy_product/49_50000.png new file mode 100644 index 0000000..4886aa1 Binary files /dev/null and b/public/assets/images/web/buy_product/49_50000.png differ diff --git a/public/assets/images/web/buy_product/5.png b/public/assets/images/web/buy_product/5.png new file mode 100644 index 0000000..a04dd6e Binary files /dev/null and b/public/assets/images/web/buy_product/5.png differ diff --git a/public/assets/images/web/buy_product/6.png b/public/assets/images/web/buy_product/6.png new file mode 100644 index 0000000..18d9df5 Binary files /dev/null and b/public/assets/images/web/buy_product/6.png differ diff --git a/public/assets/images/web/buy_product/7.png b/public/assets/images/web/buy_product/7.png new file mode 100644 index 0000000..831cedf Binary files /dev/null and b/public/assets/images/web/buy_product/7.png differ diff --git a/public/assets/images/web/buy_product/8.png b/public/assets/images/web/buy_product/8.png new file mode 100644 index 0000000..60ef0a6 Binary files /dev/null and b/public/assets/images/web/buy_product/8.png differ diff --git a/public/assets/images/web/buy_product/9.png b/public/assets/images/web/buy_product/9.png new file mode 100644 index 0000000..dd8a326 Binary files /dev/null and b/public/assets/images/web/buy_product/9.png differ diff --git a/public/assets/images/web/buy_product/9_10000.png b/public/assets/images/web/buy_product/9_10000.png new file mode 100644 index 0000000..c4102c7 Binary files /dev/null and b/public/assets/images/web/buy_product/9_10000.png differ diff --git a/public/assets/images/web/buy_product/9_100000.png b/public/assets/images/web/buy_product/9_100000.png new file mode 100644 index 0000000..fd7105d Binary files /dev/null and b/public/assets/images/web/buy_product/9_100000.png differ diff --git a/public/assets/images/web/buy_product/9_30000.png b/public/assets/images/web/buy_product/9_30000.png new file mode 100644 index 0000000..9af57af Binary files /dev/null and b/public/assets/images/web/buy_product/9_30000.png differ diff --git a/public/assets/images/web/buy_product/9_5000.png b/public/assets/images/web/buy_product/9_5000.png new file mode 100644 index 0000000..1d2da79 Binary files /dev/null and b/public/assets/images/web/buy_product/9_5000.png differ diff --git a/public/assets/images/web/buy_product/9_50000.png b/public/assets/images/web/buy_product/9_50000.png new file mode 100644 index 0000000..deeca5c Binary files /dev/null and b/public/assets/images/web/buy_product/9_50000.png differ diff --git a/public/assets/images/web/buy_product/card.png b/public/assets/images/web/buy_product/card.png new file mode 100644 index 0000000..f2fe443 Binary files /dev/null and b/public/assets/images/web/buy_product/card.png differ diff --git a/public/assets/images/web/buy_product/cardphone.png b/public/assets/images/web/buy_product/cardphone.png new file mode 100644 index 0000000..205955e Binary files /dev/null and b/public/assets/images/web/buy_product/cardphone.png differ diff --git a/public/assets/images/web/buy_product/hot.png b/public/assets/images/web/buy_product/hot.png new file mode 100644 index 0000000..19a09ad Binary files /dev/null and b/public/assets/images/web/buy_product/hot.png differ diff --git a/public/assets/images/web/buy_product/new.png b/public/assets/images/web/buy_product/new.png new file mode 100644 index 0000000..909a8dc Binary files /dev/null and b/public/assets/images/web/buy_product/new.png differ diff --git a/public/assets/images/web/buy_product/new_2.png b/public/assets/images/web/buy_product/new_2.png new file mode 100644 index 0000000..06707b0 Binary files /dev/null and b/public/assets/images/web/buy_product/new_2.png differ diff --git a/public/assets/images/web/buy_product/new_3.png b/public/assets/images/web/buy_product/new_3.png new file mode 100644 index 0000000..0b5548a Binary files /dev/null and b/public/assets/images/web/buy_product/new_3.png differ diff --git a/public/assets/images/web/buy_product/phone.png b/public/assets/images/web/buy_product/phone.png new file mode 100644 index 0000000..d27e937 Binary files /dev/null and b/public/assets/images/web/buy_product/phone.png differ diff --git a/public/assets/images/web/buy_product/pinforyou.png b/public/assets/images/web/buy_product/pinforyou.png new file mode 100644 index 0000000..8170e4b Binary files /dev/null and b/public/assets/images/web/buy_product/pinforyou.png differ diff --git a/public/assets/images/web/buy_product/sale.png b/public/assets/images/web/buy_product/sale.png new file mode 100644 index 0000000..71a2b76 Binary files /dev/null and b/public/assets/images/web/buy_product/sale.png differ diff --git a/public/assets/images/web/giftimg/bookgift.png b/public/assets/images/web/giftimg/bookgift.png new file mode 100644 index 0000000..b8918e5 Binary files /dev/null and b/public/assets/images/web/giftimg/bookgift.png differ diff --git a/public/assets/images/web/giftimg/culturegift.png b/public/assets/images/web/giftimg/culturegift.png new file mode 100644 index 0000000..98d755e Binary files /dev/null and b/public/assets/images/web/giftimg/culturegift.png differ diff --git a/public/assets/images/web/giftimg/googlegift.png b/public/assets/images/web/giftimg/googlegift.png new file mode 100644 index 0000000..670eb68 Binary files /dev/null and b/public/assets/images/web/giftimg/googlegift.png differ diff --git a/public/assets/images/web/giftimg/happymoney.png b/public/assets/images/web/giftimg/happymoney.png new file mode 100644 index 0000000..deeca5c Binary files /dev/null and b/public/assets/images/web/giftimg/happymoney.png differ diff --git a/public/assets/images/web/giftimg/itembay.png b/public/assets/images/web/giftimg/itembay.png new file mode 100644 index 0000000..fcedad5 Binary files /dev/null and b/public/assets/images/web/giftimg/itembay.png differ diff --git a/public/assets/images/web/giftimg/itemmania.png b/public/assets/images/web/giftimg/itemmania.png new file mode 100644 index 0000000..73bde8a Binary files /dev/null and b/public/assets/images/web/giftimg/itemmania.png differ diff --git a/resources/css/web.css b/resources/css/web.css index 2ef674f..8c778da 100644 --- a/resources/css/web.css +++ b/resources/css/web.css @@ -14,7 +14,7 @@ --color-text-tertiary: #9CA3AF; --color-text-white: #FFFFFF; - --color-border: #E5E7EB; + --color-border: #d5dff6; --color-accent-blue: #2563EB; --color-accent-blue-hover: #1D4ED8; @@ -94,6 +94,64 @@ img { display: block; } +.thumb-badges{ + position: absolute; + left: 10px; + top: 10px; + display: flex; + flex-wrap: wrap; + gap: 6px; + max-width: calc(100% - 20px); + pointer-events: none; /* 이미지 클릭 방해 X */ +} + +.pay-tag{ + display: inline-flex; + align-items: center; + height: 22px; + padding: 0 8px; + border-radius: 8px; + font-size: 11px; + font-weight: 800; + letter-spacing: .2px; + backdrop-filter: blur(6px); + border: 1px solid rgba(255,255,255,.7); + box-shadow: 0 1px 2px rgba(0,0,0,.08); +} + +.pay-tag--phone{ + background: rgba(16,185,129,.18); /* green tint */ + color: #047857; +} + +.pay-tag--card{ + background: rgba(37,99,235,.18); /* blue tint */ + color: #1D4ED8; +} + +.pay-tag--kbank{ + background: rgba(139,92,246,.18); /* violet tint */ + color: #6D28D9; +} + +.pay-tag--sale{ + background: rgba(245,158,11,.18); /* amber tint */ + color: #B45309; +} + +.product-img{ + width: 250px; + padding-top: 22px; + object-fit: cover; + display: block; +} +.product-img-s{ + width: 220px; + padding-top: 22px; + object-fit: cover; + display: block; +} + /* Header layout fix */ .site-header .container{ height: 100%; @@ -424,7 +482,19 @@ h1, h2, h3, h4, h5, h6 { .card-thumb { width: 100%; - aspect-ratio: 1/1; + height: 190px; + aspect-ratio: auto; + background-color: #F3F4F6; + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; +} + +.card-thumb-s { + width: 100%; + height: 170px; + aspect-ratio: auto; background-color: #F3F4F6; display: flex; align-items: center; @@ -448,46 +518,83 @@ h1, h2, h3, h4, h5, h6 { -webkit-box-orient: vertical; overflow: hidden; color: var(--color-text-primary); - height: 48px; /* Fixed for 2 lines */ + height: 20px; /* Fixed for 2 lines */ } .card-price-area { margin-top: auto; } -.price-row { - display: flex; - align-items: baseline; - gap: 8px; +.price-row{ + display:flex; + align-items: center; + justify-content: space-between; /* 좌/우 분리 */ + gap: 10px; } -.discount { +.discount{ + display:inline-flex; + align-items:center; + height: 26px; + padding: 0 10px; + border-radius: 9999px; + background: #EFF6FF; /* 연한 블루 */ + border: 1px solid #BFDBFE; color: var(--color-accent-blue); - font-weight: 700; + font-weight: 800; + font-size: 13px; + letter-spacing: -0.2px; + flex: 0 0 auto; +} + +.price{ font-size: 18px; + font-weight: 800; + line-height: 1; + color: #111827; + white-space: nowrap; } -.price { - font-size: 20px; - font-weight: 700; -} - -.original-price { +.original-price{ + margin-left: auto; /* ✅ 여기서 오른쪽으로 밀어줌 */ text-decoration: line-through; color: var(--color-text-tertiary); - font-size: 14px; + font-size: 13px; + line-height: 1; + white-space: nowrap; } -.payment-badge { - display: inline-block; +.original-price + .price{ + margin-left: 10px; +} + +.payment-badge{ + display: inline; + padding: 0; + border: 0; + background: transparent; + font-size: 11px; - padding: 2px 8px; - background-color: var(--color-bg-tint); - color: var(--color-accent-blue); - border: 1px solid #DBEAFE; - border-radius: var(--radius-pill); - margin-top: 8px; - font-weight: 600; + font-weight: 700; + letter-spacing: .2px; + color: #94A3B8; /* 아주 옅게 */ + text-transform: uppercase; +} + +.payment-badge + .payment-badge::before{ + content: "·"; + margin: 0 6px; + color: #CBD5E1; + font-weight: 900; +} + +.payment-badge:last-child{ + color: #2563EB; /* 블루 포인트 */ +} + +.card-price-area .payment-badge:first-child{ + display: inline-block; + margin-top: 8px; /* 메타라인은 아래로 내려오게 */ } /* Sections */ @@ -550,6 +657,7 @@ h1, h2, h3, h4, h5, h6 { overflow-y:hidden; -webkit-overflow-scrolling: touch; padding-bottom: 8px; + padding-top: 8px; } .snap-carousel > *{ scroll-snap-align: start; /* 원치 않으면 삭제 */ @@ -918,3 +1026,189 @@ h1, h2, h3, h4, h5, h6 { gap: 4px; } } + +/* ===== Support strip (refined) ===== */ +.section--support{ padding: 10px 0 8px; } + +.support-grid{ + display:grid; + grid-template-columns: 1.45fr 1fr; + gap: 12px; + align-items: stretch; +} + +/* Notice panel */ +.notice-panel{ + background:#FFFFFF; + border: 1px solid #E5E7EB; + border-radius: 16px; + padding: 12px 14px; /* ✅ 여백 축소 */ + box-shadow: 0 1px 2px rgba(15,23,42,.04); +} + +.notice-head{ + display:flex; + align-items:center; + justify-content:space-between; + gap: 10px; + margin-bottom: 6px; /* ✅ 타이트 */ +} + +.notice-title{ + font-size: 13px; + font-weight: 900; + color:#0F172A; + letter-spacing: -0.2px; + margin:0; +} + +.notice-more{ + font-size: 12px; + font-weight: 900; + color:#2563EB; + padding: 6px 8px; + border-radius: 10px; +} +.notice-more:hover{ background:#EFF6FF; } + +.notice-list{ + display:grid; +} + +/* ✅ 공지 사이 얇은 줄 */ +.notice-item + .notice-item{ + border-top: 1px solid #EEF2F7; +} + +.notice-link{ + display:grid; + grid-template-columns: 44px 1fr auto; + align-items:center; + gap: 10px; + padding: 10px 2px; /* ✅ 줄간격/여백 축소 */ + border-radius: 10px; + transition: background-color .16s ease; +} +.notice-link:hover{ background:#F8FAFC; } + +.notice-badge{ + display:inline-flex; + align-items:center; + justify-content:center; + height: 20px; + padding: 0 9px; + border-radius: 9999px; + font-size: 11px; + font-weight: 900; + color:#1D4ED8; + background:#EFF6FF; + border: 1px solid #BFDBFE; +} + +.notice-badge--info{ + color:#334155; + background:#F1F5F9; + border-color:#E2E8F0; +} + +.notice-text{ + font-size: 13px; + font-weight: 700; + color:#334155; + white-space: nowrap; + overflow:hidden; + text-overflow: ellipsis; +} + +.notice-date{ + font-size: 12px; + color:#94A3B8; + white-space: nowrap; +} + +/* Banners */ +.support-banners{ + display:grid; + gap: 10px; +} + +.support-banner{ + position: relative; + overflow: hidden; + border-radius: 16px; + border: 1px solid #E5E7EB; + padding: 14px 14px; /* ✅ 타이트 */ + background: #FFFFFF; + box-shadow: 0 1px 2px rgba(15,23,42,.04); + transition: transform .16s ease, border-color .16s ease; +} +.support-banner:hover{ + transform: translateY(-1px); + border-color: #BFDBFE; +} + +/* ✅ “배경 이미지 느낌” (그라데이션 없이, 패턴/하이라이트) */ +.support-banner::before{ + content:""; + position:absolute; + inset: -40px -60px auto auto; + width: 220px; + height: 220px; + border-radius: 9999px; + background: rgba(37, 99, 235, 0.08); + filter: blur(0); + transform: rotate(15deg); +} +.support-banner::after{ + content:""; + position:absolute; + inset:auto -40px -40px auto; + width: 180px; + height: 120px; + border-radius: 9999px; + background: rgba(2, 132, 199, 0.06); +} + +.support-banner--qna::before{ + background: rgba(37, 99, 235, 0.10); +} +.support-banner--guide::before{ + background: rgba(15, 23, 42, 0.06); +} +.support-banner--guide::after{ + background: rgba(37, 99, 235, 0.05); +} + +.support-banner > *{ position: relative; z-index: 1; } + +.support-banner-title{ + font-size: 14px; + font-weight: 900; + color:#0F172A; + letter-spacing: -0.2px; +} + +.support-banner-desc{ + margin-top: 6px; + font-size: 12.5px; + line-height: 1.5; + color:#64748B; +} + +.support-banner-cta{ + margin-top: 10px; + font-size: 12px; + font-weight: 900; + color:#2563EB; +} + +/* responsive */ +@media (max-width: 1024px){ + .support-grid{ grid-template-columns: 1fr; } + .support-banners{ grid-template-columns: 1fr 1fr; } +} +@media (max-width: 560px){ + .support-banners{ grid-template-columns: 1fr; } + .notice-link{ grid-template-columns: 44px 1fr; } + .notice-date{ display:none; } +} diff --git a/resources/views/web/home.blade.php b/resources/views/web/home.blade.php index 6840598..b9e26ba 100644 --- a/resources/views/web/home.blade.php +++ b/resources/views/web/home.blade.php @@ -8,6 +8,8 @@ {{-- Quick Categories --}} @include('web.main.quick-categories') + @include('web.main.notice-support') + {{-- Monthly Deals --}}
diff --git a/resources/views/web/main/notice-support.blade.php b/resources/views/web/main/notice-support.blade.php new file mode 100644 index 0000000..19fa63c --- /dev/null +++ b/resources/views/web/main/notice-support.blade.php @@ -0,0 +1,64 @@ +
+
+
+ + {{-- Notices --}} +
+
+

공지사항

+ 더보기 +
+ + +
+ + {{-- Banners --}} +
+ +
1:1 문의함
+
주문/환불/발송 문의를 빠르게 접수하세요
+
바로가기 →
+ + + +
이용안내
+
구매 절차 · 결제 · 발송 흐름 한눈에
+
바로가기 →
+ +
+ +
+
+
diff --git a/resources/views/web/main/product-carousel.blade.php b/resources/views/web/main/product-carousel.blade.php index 620b905..4f68233 100644 --- a/resources/views/web/main/product-carousel.blade.php +++ b/resources/views/web/main/product-carousel.blade.php @@ -6,18 +6,24 @@
- IMG + 사이트명 +
+ SALE + PHONE + CARD + K-BANK +
-

구글플레이 기프트카드 5만원권 특가 할인 [{{$i}}]

+

문화상품권 {{$i}}만원권 즉시발송

- -8% - 46,000 + -{{$i}}% + 50,000 + {{50 - $i}},000
- 50,000 -
- Card
diff --git a/resources/views/web/main/product-grid.blade.php b/resources/views/web/main/product-grid.blade.php index 18baf91..111c7da 100644 --- a/resources/views/web/main/product-grid.blade.php +++ b/resources/views/web/main/product-grid.blade.php @@ -18,19 +18,27 @@
- IMG + 사이트명 +
+ PHONE + CARD + K-BANK + SALE +

문화상품권 {{$i}}만원권 즉시발송

-{{$i}}% + 50,000 {{50 - $i}},000
- {{ $i % 3 == 0 ? 'Card' : 'Phone' }}
@endfor -
\ No newline at end of file +
diff --git a/resources/views/web/main/product-row-scroll.blade.php b/resources/views/web/main/product-row-scroll.blade.php index afdf270..c2f6e89 100644 --- a/resources/views/web/main/product-row-scroll.blade.php +++ b/resources/views/web/main/product-row-scroll.blade.php @@ -1,15 +1,26 @@
@for($i = 1; $i <= 8; $i++) -
+
-
- Icon +
+ 사이트명 +
+ SALE + PHONE + CARD + K-BANK +
-

해피머니 상품권 {{$i}}만원권

+

문화상품권 {{$i}}만원권 즉시발송

- -5% - {{$i}}9,000 +
+ -{{$i}}% + 50,000 + {{50 - $i}},000 +