groupRules.html 9.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
  6. <meta http-equiv="Pragma" content="no-cache" />
  7. <meta http-equiv="Expires" content="0" />
  8. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  9. <title>Group Buying Rules</title>
  10. <!-- Tailwind CSS -->
  11. <script src="https://cdn.tailwindcss.com?plugins=forms,typography,aspect-ratio"></script>
  12. <!-- Font Awesome -->
  13. <link
  14. href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css"
  15. rel="stylesheet"
  16. />
  17. <!-- Google Fonts -->
  18. <link
  19. href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap"
  20. rel="stylesheet"
  21. />
  22. <style>
  23. .prose-lg {
  24. line-height: 1.5 !important;
  25. }
  26. </style>
  27. <script>
  28. tailwind.config = {
  29. theme: {
  30. extend: {
  31. colors: {
  32. primary: '#0066CC',
  33. secondary: '#333333',
  34. light: '#F5F5F7',
  35. dark: '#1D1D1F',
  36. },
  37. fontFamily: {
  38. sans: ['Inter', 'sans-serif'],
  39. },
  40. },
  41. },
  42. };
  43. </script>
  44. <style type="text/tailwindcss">
  45. @layer utilities {
  46. .transition-smooth {
  47. transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
  48. }
  49. }
  50. </style>
  51. </head>
  52. <body class="font-sans bg-white text-dark antialiased">
  53. <main class="py-12">
  54. <div class="container mx-auto px-4 sm:px-6 lg:px-8 max-w-4xl">
  55. <!-- 标题 -->
  56. <h1 class="text-sm md:text-4xl font-bold mb-8">
  57. <span class="lang-en">Group Buying Rules</span>
  58. <span class="lang-zh hidden">BandhuBuy拼团规则</span>
  59. </h1>
  60. <!-- 图片 -->
  61. <div class="mb-8">
  62. <img
  63. src="./img/20250916-153510.jpg"
  64. alt="Group Buying Rules"
  65. class="w-full h-auto rounded-lg shadow-lg"
  66. />
  67. </div>
  68. <!-- 内容 -->
  69. <div class="prose prose-lg text-xs md:text-xl max-w-none">
  70. <!-- 英文版本 -->
  71. <div class="lang-en">
  72. <section class="mb-8">
  73. <div class="space-y-4">
  74. <p>
  75. <strong>1. Activity Name:</strong> Lucky Group Buying (10 or
  76. 20 participants)
  77. </p>
  78. <p>
  79. <strong>2. Participation Requirements:</strong> Payment of the
  80. product amount
  81. </p>
  82. <p>
  83. <strong>3. Group Formation Rules:</strong> The group will be
  84. successfully formed if the required number of participants (10
  85. or 20 people) is reached within the specified time limit.
  86. </p>
  87. <div>
  88. <p><strong>4. Lottery Rules:</strong></p>
  89. <ul class="list-disc pl-6 space-y-1">
  90. <li>
  91. <strong>Lottery Time:</strong> Immediately after the group
  92. is successfully formed
  93. </li>
  94. <li>
  95. <strong>Lottery Method:</strong> One person will be
  96. randomly selected from among all participants
  97. </li>
  98. </ul>
  99. </div>
  100. <div>
  101. <p><strong>5. Fund Processing Rules:</strong></p>
  102. <ul class="list-disc pl-6 space-y-1">
  103. <li>
  104. <strong>Winner:</strong> The full payment will be deducted
  105. as the product payment
  106. </li>
  107. <li>
  108. <strong>Non-winners:</strong> The full payment amount will
  109. be refunded to the user's account wallet balance instantly
  110. </li>
  111. <li>
  112. <strong>Group Buying Failure:</strong> If the required
  113. number of participants is not reached within the specified
  114. time, the group buying fails, and the full payment amount
  115. will be refunded to the user's account wallet balance
  116. instantly
  117. </li>
  118. </ul>
  119. </div>
  120. <div>
  121. <p><strong>6. Product Distribution Rules:</strong></p>
  122. <ul class="list-disc pl-6 space-y-1">
  123. <li>
  124. <strong>Successful Group Buying:</strong> The winner will
  125. receive the product
  126. </li>
  127. <li>
  128. <strong>Failed Group Buying:</strong> No product will be
  129. shipped
  130. </li>
  131. </ul>
  132. </div>
  133. <p>
  134. <strong>7. Product Shipping:</strong> The platform will ship
  135. the product within 72 hours
  136. </p>
  137. <p>
  138. <strong>8. Risk Warning:</strong> Winning in Lucky Group
  139. Buying is random. Participation indicates understanding and
  140. acceptance of this risk.
  141. </p>
  142. <p>
  143. <strong>9. User Agreement:</strong> Payment constitutes
  144. acceptance and agreement to these group buying rules.
  145. </p>
  146. <p>
  147. <strong>10. Customer Support:</strong> Contact official
  148. customer service for inquiries.
  149. </p>
  150. <p class="mt-6 font-semibold">
  151. BandhuBuy reserves the right of final interpretation of these
  152. rules.
  153. </p>
  154. </div>
  155. </section>
  156. </div>
  157. <!-- 中文版本 -->
  158. <div class="lang-zh hidden">
  159. <section class="mb-8">
  160. <h2 class="text-2xl font-semibold mb-4">团购详细规则</h2>
  161. <div class="space-y-4">
  162. <p><strong>1.玩法名称:</strong> 幸运团购(10人或20人)</p>
  163. <p><strong>2.参与条件:</strong> 支付商品金额</p>
  164. <p>
  165. <strong>3.成团规则:</strong>
  166. 成团规定时间内达到成团人数要求即可成团(10人或20人)
  167. </p>
  168. <div>
  169. <p><strong>4.抽奖规则:</strong></p>
  170. <ul class="list-disc pl-6 space-y-1">
  171. <li><strong>抽奖时间:</strong>成团后立即抽奖</li>
  172. <li>
  173. <strong>抽奖方式:</strong>从已参团人数中随机选中1人
  174. </li>
  175. </ul>
  176. </div>
  177. <div>
  178. <p><strong>5.资金处理规则:</strong></p>
  179. <ul class="list-disc pl-6 space-y-1">
  180. <li>
  181. <strong>抽中者:</strong>支付金额全部扣除作为商品货款
  182. </li>
  183. <li>
  184. <strong>未抽中者:</strong
  185. >支付金额全额退还至账户钱包余额、即时到账
  186. </li>
  187. <li>
  188. <strong>拼团失败:</strong
  189. >成团规定时间内未达到成团人数要求则拼团失败,支付金额全额退还至账户钱包余额、即时到账
  190. </li>
  191. </ul>
  192. </div>
  193. <div>
  194. <p><strong>6.商品发放规则:</strong></p>
  195. <ul class="list-disc pl-6 space-y-1">
  196. <li><strong>拼团成功:</strong>抽中者将获得商品</li>
  197. <li><strong>拼团失败:</strong>不发货</li>
  198. </ul>
  199. </div>
  200. <p><strong>7.商品发货:</strong>平台将会在72小时内发货</p>
  201. <p>
  202. <strong>8.风险提示:</strong>
  203. 幸运团购中奖具有随机性,参与者参与即表示理解并接受该风险
  204. </p>
  205. <p><strong>9.用户支付即视为了解并同意以上团购规则</strong></p>
  206. <p><strong>10.问题咨询:</strong>联系官方客服</p>
  207. <p class="mt-6 font-semibold">BandhuBuy保留规则最终解释权</p>
  208. </div>
  209. </section>
  210. </div>
  211. </div>
  212. </div>
  213. </main>
  214. <!-- 页脚 -->
  215. <footer class="bg-dark text-white py-8">
  216. <div class="container mx-auto px-4 text-center">
  217. <p class="text-gray-500 text-sm">
  218. &copy; 2025 Aisoco, Inc. All rights reserved.
  219. </p>
  220. </div>
  221. </footer>
  222. <script>
  223. // 语言切换功能
  224. const langEnBtn = document.getElementById('lang-en');
  225. const langZhBtn = document.getElementById('lang-zh');
  226. const langEnElements = document.querySelectorAll('.lang-en');
  227. const langZhElements = document.querySelectorAll('.lang-zh');
  228. langEnBtn.addEventListener('click', function () {
  229. langEnBtn.classList.add('text-primary');
  230. langEnBtn.classList.remove('text-gray-500');
  231. langZhBtn.classList.add('text-gray-500');
  232. langZhBtn.classList.remove('text-primary');
  233. langEnElements.forEach((el) => el.classList.remove('hidden'));
  234. langZhElements.forEach((el) => el.classList.add('hidden'));
  235. });
  236. langZhBtn.addEventListener('click', function () {
  237. langZhBtn.classList.add('text-primary');
  238. langZhBtn.classList.remove('text-gray-500');
  239. langEnBtn.classList.add('text-gray-500');
  240. langEnBtn.classList.remove('text-primary');
  241. langZhElements.forEach((el) => el.classList.remove('hidden'));
  242. langEnElements.forEach((el) => el.classList.add('hidden'));
  243. });
  244. </script>
  245. </body>
  246. </html>