修改footer 添加18+

public/index.html

@@ -37,6 +37,8 @@
     <meta name="format-detection" content="telephone=no">
     <link rel="manifest" href="https://progressier.app/AcUf7ja3Lb8f8w5NS4LT/progressier.json"/>
     <script defer src="https://progressier.app/AcUf7ja3Lb8f8w5NS4LT/script.js"></script>
+    <!-- footer   -->
+    <script type="text/javascript" src="https://75ede18c-13d5-4b2c-ae69-043e5c00f765.snippet.anjouangaming.org/anj-seal.js"></script>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>

src/constants/routes.js

@@ -45,6 +45,7 @@ const ROUTE_PATH={
     EDIT_PHONE:"#/editPhone",
     EDIT_EMAIL:"#/editEmail",
     PAY_ORDER_QR:"#/orderQR",
+    PROTECT_MINORS:"#/protect",
 }
 
 export {

src/db/routes.js

@@ -451,4 +451,17 @@ export const routes=[
         lpath:"#/signin",//登录path
         subs:[]
     },
+    {
+        path: "#/protect",
+        type: 1,
+        side: 0,
+        block:1,//块排序
+        title: "Gamble Aware & Protecting Minors",
+        icon:"",
+        fill:";;",//icon 颜色 默认 选中 本身颜色
+        component:"protectMinors",
+        login:0,//0,1 检不检查登录
+        lpath:"#/signin",//登录path
+        subs:[]
+    },
 ]

src/layout/Footer/index.jsx

@@ -1,9 +1,32 @@
 import styles from './styles.module.scss';
 import {NavLink} from "react-router-dom";
 import {ROUTE_PATH} from "@constants/routes";
+import React, {useEffect, useRef} from "react";
+import {stringFormat} from "@utils/helpers";
 const i18n=global.i18n;
 const Footer=()=>{
-    const renderGameing=()=>{
+    const anjRef = useRef(null);
+    useEffect(()=>{
+        if(window.anj_75ede18c_13d5_4b2c_ae69_043e5c00f765){
+            window.anj_75ede18c_13d5_4b2c_ae69_043e5c00f765.init()
+        }
+    },[])
+    useEffect(()=>{
+        if (anjRef.current!=null){
+            let ganj=document.getElementById('anj-75ede18c-13d5-4b2c-ae69-043e5c00f765');
+            if (ganj!=null){
+                anjRef.current['innerHTML']=ganj.innerHTML;
+            }
+        }
+    },[anjRef.current])
+    const renderAnjBasic=()=>{
+        return (
+            <div ref={anjRef} id="anj-75ede18c-13d5-4b2c-ae69-043e5c00f765"
+                 data-anj-seal-id="75ede18c-13d5-4b2c-ae69-043e5c00f765"
+                 data-anj-image-size="60" data-anj-image-type="basic-small"></div>
+        )
+    }
+    const renderGameing = () => {
         return (
             <div className={styles.footer_block}>
                 <div className={styles.tit}>{i18n.t('footer.game_res')}</div>
@@ -24,19 +47,30 @@ const Footer=()=>{
                         </a>
                     </div>
                     <div className={styles.gameing_item18}>
-                        <a href="https://www.ouro777.com/protect.html" keep-scroll-position="true" rel="noopener noreferrer" className="">
-                            <img src="https://cdn.ouro777.com/img/18.png" style={{width:'40px'}} />
-                        </a>
+                        {/*<a href="https://www.ouro777.com/protect.html" keep-scroll-position="true" rel="noopener noreferrer" className="">*/}
+                        {/*    <img src="https://cdn.ouro777.com/img/18.png" style={{width:'40px'}} />*/}
+                        {/*</a>*/}
+                        <NavLink to={ROUTE_PATH.PROTECT_MINORS}>
+                            <img src="https://cdn.ouro777.com/img/18.png" style={{width: '40px'}}/>
+                        </NavLink>
+                    </div>
+                    <div className={styles.gameing_item_anj}>
+                        {renderAnjBasic()}
                     </div>
                 </div>
             </div>
         )
     }
-    const renderPolicy=()=>{
+    const renderPolicy = () => {
+        let domain="24680.com";
+        let email="cs@24680.com";
         return (
             <div className={styles.footer_block}>
+                <div className={styles.footer_copyright}>
+                    {stringFormat(i18n.t('footer.copyright'),[domain,email])}
+                </div>
                 <div>
-                    <NavLink to={ROUTE_PATH.PRIVACY}>{i18n.t("footer.privacy_policy")}</NavLink>
+                <NavLink to={ROUTE_PATH.PRIVACY}>{i18n.t("footer.privacy_policy")}</NavLink>
                     {" | "}
                     <NavLink to={ROUTE_PATH.SERVICES}>{i18n.t("footer.terms_of_service")}</NavLink>
                     {" | "}

src/layout/Footer/styles.module.scss

@@ -17,6 +17,15 @@
     font-size: 18px;
     color: var(--header);
   }
+  color: var(--text);
+  gap: 0.5rem;
+}
+.footer_copyright{
+  display: flex;
+  width: 90%;
+  text-align: center;
+  color: var(--text);
+  user-select: text;
 }
 .footer_gaming_wrap{
   display: flex;
@@ -36,4 +45,8 @@
     width: 4.5rem;
     height: auto;
   }
+  .gameing_item_anj{
+    width: 4.5rem;
+    height: auto;
+  }
 }

src/locales/languages/en_US.json

@@ -73,7 +73,8 @@
     "game_res": "Gaming Responsibilities",
     "privacy_policy": "Privacy Policy",
     "terms_of_service": "Terms of Service",
-    "kyc_policy": "AML & KYC Policy"
+    "kyc_policy": "AML & KYC Policy",
+    "copyright": "{0} is owned and operated by JACK ENTERTAINMENT N.V registration number: 160337, registered address: Abraham de Veerstraat 9, Curacao. Contact us {1}. {0} is licensed and regulated by the Government of the Autonomous Island of Anjouan, Union of Comoros and operates under License No. ALSI-202410050-F12. {0} has passed all regulatory compliance and is legally authorized to conduct gaming operations for any and all games of chance and wagering."
   },
   "color_card": {
     "go_to": "Go to "

src/locales/languages/es_MX.json

@@ -70,7 +70,8 @@
     "game_res": "Responsabilidades del Juego",
     "privacy_policy": "Política de Privacidad",
     "terms_of_service": "Términos de Servicio",
-    "kyc_policy": "Política de AML y KYC"
+    "kyc_policy": "Política de AML y KYC",
+    "copyright": "{0} es propiedad de JACK ENTERTAINMENT N.V., con número de registro 160337 y domicilio social en Abraham de Veerstraat 9, Curazao. Póngase en contacto con nosotros en {1}. {0} está autorizado y regulado por el Gobierno de la Isla Autónoma de Anjouan, Unión de las Comoras, y opera con la licencia n.º ALSI-202410050-F12. {0} ha cumplido con todos los requisitos reglamentarios y está legalmente autorizado para realizar operaciones de juego para todos y cada uno de los juegos de azar y apuestas."
   },
   "color_card": {
     "go_to": "Ir a "

src/locales/languages/pt_BR.json

@@ -70,7 +70,8 @@
     "game_res": "Responsabilidades de Jogo",
     "privacy_policy": "Política de Privacidade",
     "terms_of_service": "Termos de Serviço",
-    "kyc_policy": "Política de AML & KYC"
+    "kyc_policy": "Política de AML & KYC",
+    "copyright": "{0} é de propriedade e operado pela JACK ENTERTAINMENT N.V número de registro: 160337, endereço registrado: Abraham de Veerstraat 9, Curaçao. Entre em contato conosco {1}. {0} é licenciado e regulamentado pelo Governo da Ilha Autônoma de Anjouan, União das Comores e opera sob a Licença No. ALSI-202410050-F12. {0} passou por todas as conformidades regulatórias e está legalmente autorizado a conduzir operações de jogos para todos e quaisquer jogos de azar e apostas."
   },
   "color_card": {
     "go_to": "Ir para "

src/locales/languages/ru_RU.json

@@ -70,7 +70,8 @@
     "game_res": "Безопасность и условия работы сайта",
     "privacy_policy": "Политика конфиденциальности",
     "terms_of_service": "Пользовательское соглашение",
-    "kyc_policy": "Политика AML & KYC"
+    "kyc_policy": "Политика AML & KYC",
+    "copyright": "{0} принадлежит и управляется JACK ENTERTAINMENT N.V. Регистрационный номер: 160337, зарегистрированный адрес: Abraham de Veerstraat 9, Curacao. Свяжитесь с нами по адресу {1}. {0} лицензирован и регулируется правительством автономного острова Анжуан, Союз Коморских Островов, и работает по лицензии № ALSI-202410050-F12. {0} прошел все нормативные проверки и имеет законное право проводить игровые операции для любых азартных игр и ставок."
   },
   "color_card": {
     "go_to": "Перейти"

src/locales/languages/zh_TW.json

@@ -70,7 +70,8 @@
     "game_res": "遊戲責任",
     "privacy_policy": "隱私政策",
     "terms_of_service": "服務條款",
-    "kyc_policy": "反洗錢與KYC政策"
+    "kyc_policy": "反洗錢與KYC政策",
+    "copyright": "{0} 由 JACK ENTERTAINMENT N.V 所有和經營，註冊號碼：160337，註冊地址：Abraham de Veerstraat 9, Curacao。聯絡我們{1}。 {0} 經科摩羅聯盟昂儒昂自治島政府許可並受其監管，營運許可證編號為 ALSI-202410050-F12。 {0} 已通過所有監管合規性，並獲得合法授權開展任何及所有機會遊戲和投注遊戲的博彩運營。"
   },
   "color_card": {
     "go_to": "前往"

src/pages/ProtectMinors.jsx

@@ -0,0 +1,10 @@
+import WProtectMinors from "@widgets/WProtectMinors";
+
+const ProtectMinors = ({...props}) => {
+    return (
+        <>
+            <WProtectMinors {...props}/>
+        </>
+    )
+}
+export default ProtectMinors;

src/pages/index.jsx

@@ -32,6 +32,7 @@ const Services=lazy(()=>import("@pages/Services"));
 const KycPolicy=lazy(()=>import("@pages/KycPolicy"));
 const CheckIn=lazy(()=>import("@pages/CheckIn"));
 const Sport=lazy(()=>import("@pages/Sport"));
+const ProtectMinors=lazy(()=>import("@pages/ProtectMinors"));
 export default {
     ModulePage:ModulePage,
     Home:Home,
@@ -63,6 +64,7 @@ export default {
     checkIn:CheckIn,
     Sport:Sport,
     paymentOrderQR:PaymentOrder,
+    protectMinors:ProtectMinors
 }
 export const Header={
     deposit: DepositHeader,

src/widgets/WKycPolicy/index.jsx

@@ -157,7 +157,7 @@ const WKycPolicy=({close})=>{
                     <p>Contact us:
                     </p>
                     <p>If you have any questions or complaints about our AML Policy, please contact us by email:
-                        aries@ouro777.com
+                        compliance@24680.com
                     </p>
                 </div>
                 <Footer/>
@@ -165,4 +165,4 @@ const WKycPolicy=({close})=>{
         </div>
     )
 }
-export default WKycPolicy;
+export default WKycPolicy;

src/widgets/WProtectMinors/index.jsx

@@ -0,0 +1,52 @@
+import styles from "./styles.module.scss";
+import Spring from "@components/Spring";
+import logo_dark from '@assets/logo/logo.png';
+import logo_light from '@assets/logo/logo_w.png';
+import {useThemeProvider} from "@contexts/themeContext";
+import {APP_THEME} from "@constants/app";
+import React from "react";
+import Footer from "@layout/Footer";
+
+const WProtectMinors = ({close}) => {
+    const {theme,isMobile} = useThemeProvider();
+    const logourl=(theme===APP_THEME.DARK?logo_dark:logo_light);
+    const renderLogo=()=>{
+        return (
+            <div className={styles.l_logo}>
+                <img className={styles.logo_img} src={logourl}/>
+            </div>
+        )
+    }
+    return (
+        <div className={styles.container}>
+            <Spring className={styles.content}>
+                <div className={styles.text_con}>
+                    {renderLogo()}
+                    <p>
+                        Betting at an online casino is primarily done for recreational purposes. However, a small
+                        percentage of people experience a loss of control of themselves while gambling. Before beginning
+                        to play, it is critical to understand that gaming should not be regarded as a source of revenue
+                        or a means of debt repayment. It is beneficial to keep track of the amount of time and money
+                        spent at an online casino on a daily basis.
+
+                    </p>
+                    <p>
+                        24680.com only accepts players who are at least 18 years old and employs all applicable
+                        methods to prevent underage people from registering and playing at our casino. The casino holds
+                        the right to request identification, and if the player is not of legal gambling age, access to
+                        the website will be refused. However, we recognize that due to the widespread availability of
+                        the Internet, people under the age of 18 can still sign up and play at an online casino. As a
+                        result, we strongly encourage parents to work together to protect their children from free
+                        access to betting websites. There is specialized software available to assist in this situation.
+                        For more information, please see the websites listed below.</p>
+                    <p><a href="http://www.cyberpatrol.com/" target="_blank">•
+                        http://www.cyberpatrol.com/</a></p>
+                    <p><a href="http://www.gamblock.com/" target="_blank">•
+                        http://www.gamblock.com/</a></p>
+                </div>
+                <Footer/>
+            </Spring>
+        </div>
+    )
+}
+export default WProtectMinors;

src/widgets/WProtectMinors/styles.module.scss

@@ -0,0 +1,41 @@
+.container{
+  width: 100%;
+  min-height: 100%;
+  background-color: var(--widget-bg);
+}
+.content{
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+  color: var(--header);
+  & .l_logo{
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    min-height: 8rem;
+    padding: 1rem;
+    & .logo_img{
+      width: 75%;
+      height: auto;
+    }
+  }
+  & .text_con{
+    display: flex;
+    flex-direction: column;
+    padding: 1rem;
+    gap: 1rem;
+    line-height: 1.3rem;
+    white-space: pre-line;
+    word-wrap: break-word;
+    word-break: break-all;
+    min-height: 90vh;
+    a{
+      color: #6ae;
+      text-decoration: none;
+    }
+    a:visited {
+      color: #a6e;
+    }
+  }
+}