1. import { isEmpty } from "lodash";
  2. import React, { useEffect, useState } from "react";
  3. import { useContext } from "react";
  4. import { Link, useNavigate } from "react-router-dom";
  5. import AuthProvider from "../context/AuthContext";
  6. import { apiGet, apiPost } from "../Utils/apiFetch";
  7. import apiPath from "../Utils/apiPath";
  8. import obj from "../Utils/helpers";
  9. import Slider from "react-slick";
  10. import Aboutus from "../components/staticContent/Aboutus";
  11. import GeneralTerms from "../components/staticContent/GeneralTerms";
  12. import Kyc from "../components/staticContent/Kyc";
  13. import PrivacyPolicy from "../components/staticContent/PrivacyPolicy";
  14. import RulesRegulation from "../components/staticContent/RulesRegulation";
  15. import ResponsibleGaming from "../components/staticContent/ResponsibleGaming";
  16. import { LazyLoadImage } from "react-lazy-load-image-component";
  17. // import Play111Apk from "../assets/images/Play111.apk";
  18. import {
  19.   NavDepositWithrawData,
  20.   // DepositWithrawDataArray,
  21. } from "../Utils/constants";
  22. function Home() {
  23.   var settings = {
  24.     dots: false,
  25.     infinite: true,
  26.     speed: 500,
  27.     slidesToShow: 1,
  28.     slidesToScroll: 1,
  29.     autoplay: true,
  30.     arrows: false,
  31.   };
  32.    var settings1 = {
  33.     dots: false,
  34.     infinite: true,
  35.     speed: 500,
  36.     slidesToShow: 1,
  37.     slidesToScroll: 1,
  38.     autoplay: true,
  39.     arrows: false,
  40.   };
  41.   const [inplayCountData, setInplayCountData] = useState({});
  42.  
  43.   const navigate = useNavigate();
  44.   let {
  45.     isLoged,
  46.     setIsLoged,
  47.     setCasinoModel,
  48.     setCasinoObj,
  49.     launchCasino,
  50.     user,
  51.     open,
  52.     setOpen,
  53.     content,
  54.     slug,
  55.     setSlug,
  56.     handleContentToggle,
  57.     launchGis,
  58.     dolaunchCasinoNew,
  59.     setAnnouncmentToogle
  60.   } = useContext(AuthProvider);
  61.   const inPlayCount = async () => {
  62.     const { status, data: response_users } = await apiGet(apiPath.inPlayCount);
  63.     if (status === 200) {
  64.       if (response_users.success) {
  65.         if (response_users.results) {
  66.           setInplayCountData(response_users.results);
  67.         }
  68.       }
  69.     }
  70.   };
  71.   const [linkData, setLinkData] = useState([]);
  72.   const getSetting = async (event) => {
  73.     try {
  74.       const { status, data: response_users } = await apiGet(apiPath.getSetting);
  75.       if (status === 200) {
  76.         if (response_users.success) {
  77.           setLinkData(response_users.results);
  78.         }
  79.       }
  80.     } catch (err) {}
  81.   };
  82.  
  83.   const [bannerData, setBannerData] = useState([]);
  84.   const getData = async () => {
  85.     const { status, data } = await apiPost(apiPath.getBanner, {
  86.       type: "home_top",
  87.     });
  88.     if (status == 200) {
  89.       if (data?.success) {
  90.         setBannerData(data?.results?.banners);
  91.       }
  92.     }
  93.   };
  94.  
  95.   useEffect(() => {
  96.     inPlayCount();
  97.     getSetting();
  98.     getData();
  99.   }, []);
  100.  
  101.   const [data, setData] = useState([]);
  102.   const [key, setKey] = useState("homegame");
  103.   // useEffect(() => {
  104.   //   setData(
  105.   //     DepositWithrawDataArray?.find((res) => {
  106.   //       {
  107.   //         return res?.key == "homegame";
  108.   //       }
  109.   //     })
  110.   //   );
  111.   // }, []);
  112.  
  113.   // const setFunc = (type) => {
  114.   //   setData(
  115.   //     DepositWithrawDataArray?.find((res) => {
  116.   //       {
  117.   //         return res?.key == type;
  118.   //       }
  119.   //     })
  120.   //   );
  121.   //   setKey(type);
  122.   // };
  123.  const [message, setMessage] = useState([]);
  124.   const messageList = async () => {
  125.     let hostname = window.location.hostname;
  126.     hostname = hostname.replace(/^www\./, "");
  127.     hostname = hostname.replace(/^ag\./, "");
  128.     hostname = hostname || "sabaexch.com";
  129.  
  130.     const { status, data: response_users } = await apiGet(
  131.       apiPath.messageList + "?domain=" + hostname
  132.     );
  133.     if (status === 200) {
  134.       if (response_users.success) {
  135.         setMessage(response_users.results);
  136.       }
  137.     }
  138.   };
  139.   useEffect(() => {
  140.     messageList();
  141.   }, []);
  142.   return (
  143.     <div>
  144.       <div className="promo-viewport">
  145.         {bannerData?.length > 0 ? (
  146.           <Slider {...settings}>
  147.             {bannerData?.length > 0 &&
  148.               bannerData?.map((item) => {
  149.                 return (
  150.                   <div>
  151.                     <LazyLoadImage
  152.                       src={
  153.                         import.meta.env.VITE_API_BASE_URL + item?.banner_path
  154.                       }
  155.                       style={{ width: "100%" }}
  156.                       alt=""
  157.                     />
  158.                   </div>
  159.                 );
  160.               })}
  161.           </Slider>
  162.         ) : (
  163.           <Slider {...settings}>
  164.             <div>
  165.               <LazyLoadImage
  166.                 src={
  167.  
  168.                   "/assets/images/banner1.jpeg"
  169.                 }
  170.                 style={{ width: "100%" }}
  171.                 alt=""
  172.               />
  173.             </div>
  174.  
  175.           </Slider>
  176.         )} 
  177.       </div>
  178.       {!isEmpty(user) && (
  179.               <div
  180.                 id="headerMain2"
  181.                 className="marquee-box"
  182.                 style={{ display: "flex" }}
  183.               >
  184.                 <h4>News</h4>
  185.                 <div
  186.                   class="marquee"
  187.                   onClick={() => {
  188.                     setAnnouncmentToogle(message.length > 0 ? true : false);
  189.                   }}
  190.                 >
  191.                   <marquee class="js-marquee-wrapper">
  192.                     <div class="js-marquee">
  193.                       {message?.length > 0 &&
  194.                         message?.map((item) => {
  195.                           return (
  196.                             <a>
  197.                               <span> {obj.msgDateFormat(item.msgDate)}</span>
  198.                               {item.message}
  199.                             </a>
  200.                           );
  201.                         })}
  202.                     </div>
  203.                   </marquee>
  204.                 </div>
  205.               </div>
  206.             )}
  207.       <div className="home-tabing-slider">
  208.         <div className="payment-sec">
  209.           <div className="hometab-sub">
  210.           {NavDepositWithrawData?.map((item) => {
  211.             return (
  212.  
  213.               <div
  214.                 onClick={() => {
  215.                   if (!isEmpty(item?.link)) {
  216.                     navigate(item?.link);
  217.                   } else if (item?.platForm) {
  218.                     if (isEmpty(user)) {
  219.                       navigate("/login");
  220.                     } else {
  221.                       launchCasino({
  222.                         platForm: item?.platForm,
  223.                         gameType: item?.gameType,
  224.                         casinoType: item?.casinoType,
  225.                       });
  226.                     }
  227.                   } else {
  228.                   }
  229.                 }}
  230.                 className={`payment-box ${
  231.                   key == item?.type ? "active" : ""
  232.                 }`}
  233.               >
  234.                 {item?.type=="homegame"?
  235.                 <figure>
  236.                 <LazyLoadImage 
  237.                   src={item?.icons}
  238.                   alt=""
  239.  
  240.                 />
  241.               </figure> 
  242.               :
  243.                <figure> <i  className={"v-icon notranslate menu-icon icon theme--light "+item?.icons}></i></figure>
  244.  
  245.                 }
  246.                 <span>{item?.title}</span>
  247.  
  248.               </div>
  249.  
  250.             );
  251.           })}
  252.           </div>
  253.         </div>
  254.  
  255.         {/* {
  256.         key!="homegame"?
  257.  
  258.       <div className="main-slider-div">
  259.         <div className="main-slider-inner-div">
  260.  
  261.           <ul>
  262.             {data?.array && data?.array.length>0 &&  data?.array?.map((res) => {
  263.               return (
  264.                 <li  style={{color:`red`,backgroundImage: res?.legacy || res?.gameCode== "98789"  ?`url(${import.meta.env.REACT_APP_MOBILE_URL+res?.image})`:`url(${res?.image})`}}
  265.                 className={res?.key=="cricket" || res?.key=="sports" || res?.key=="arcade"  ?"gT_cricket":res?.key=="casino" || res?.key=="slot" || res?.key=="table" || res?.key=="fish"?"gT_ld":""}
  266.  
  267.                 onClick={() => {
  268.                   if (!isEmpty(user)) {
  269.                     // console.log(key,res?.gameCode);
  270.                       if (!isEmpty(user)) {
  271.                        if (res?.gameTypeCheck == "cricket") {
  272.                         window.open(res?.link, "_self");
  273.                        } else if (res?.gameTypeCheck == "platForm") {
  274.                           launchCasino({
  275.                             platForm: res?.platForm,
  276.                             gameType: res?.gameType,
  277.                             casinoType: res?.casinoType,
  278.                           });
  279.  
  280.                         }
  281.  
  282.                          else {
  283.                           if (
  284.                             res?.platForm !== "" &&
  285.                             res?.gameType !== "" &&
  286.                             res?.casinoType !== ""
  287.                           ) {
  288.                             launchCasino({
  289.                               platForm: res?.platForm,
  290.                               gameType: res?.gameType,
  291.                               casinoType: res?.casinoType,
  292.                             });
  293.                           }
  294.                         }
  295.                       } else {
  296.                         navigate("/login");
  297.                       }
  298.  
  299.                   } else {
  300.                     navigate("/login");
  301.                   }
  302.                 }}>
  303.  
  304.                 </li>
  305.               );
  306.             })}
  307.  
  308.           </ul>
  309.         </div>
  310.  
  311.       </div>:""} */}
  312.       </div>
  313.       <div id="page">
  314.         <div className="mian-wrap">
  315.           <div className="gamehall">
  316.             <a
  317.               className="entrance-half shine shine"
  318.               href="javascript:void(0)"
  319.               onClick={() => {
  320.                 if (!isEmpty(user)) {
  321.                   launchCasino({
  322.                     platForm: "EVOLUTION",
  323.                     gameType: "",
  324.                     casinoType: "",
  325.                   });
  326.                 } else {
  327.                   navigate("/login");
  328.                 }
  329.               }}
  330.               neua="AEIndia Banner"
  331.             >
  332.               <dl className="entrance-title">
  333.                 <dt>Evolution</dt>
  334.                 <dd>
  335.                   <span>Play Now</span>
  336.                 </dd>
  337.               </dl>
  338.               <img
  339.               className=""
  340.                 src={
  341.  
  342.                   "/assets/images/home/banner_evo-half.webp"
  343.                 }
  344.                 alt=""
  345.               />
  346.             </a>
  347.             <a href="#" neua="InPlay Banner" className="entrance-half shine">
  348.               <dl className="entrance-title">
  349.                 <dt>Play111</dt>
  350.                 <dd>
  351.                   <span>Play Now</span>
  352.                 </dd>
  353.               </dl>
  354.               <dl
  355.                 id="onLiveBoard"
  356.                 onClick={() => navigate("/inplay")}
  357.                 className="on_live"
  358.               >
  359.                 {/* <dt>
  360.                   <p className="live_icon">
  361.                     <span></span> LIVE
  362.                   </p>
  363.                 </dt> */}
  364.  
  365.                 {/* <dd id="onLiveCount_CRICKET">
  366.                   <p>Cricket</p>
  367.                   <span id="count">
  368.                     {inplayCountData?.cricketInplayCount || 0}
  369.                   </span>
  370.                 </dd>
  371.  
  372.                 <dd id="onLiveCount_SOCCER">
  373.                   <p>Soccer</p>
  374.                   <span id="count">
  375.                     {inplayCountData?.soccerInplayCount || 0}
  376.                   </span>
  377.                 </dd> */}
  378.  
  379.                 {/* <dd id="onLiveCount_E_SOCCER">
  380.                   <p>E-Soccer</p>
  381.                   <span id="count">
  382.                     {inplayCountData?.soccerInplayCount || 0}
  383.                   </span>
  384.                 </dd> */}
  385.  
  386.                 {/* <dd id="onLiveCount_TENNIS">
  387.                   <p>Tennis</p>
  388.                   <span id="count">
  389.                     {inplayCountData?.tennisInplayCount || 0}
  390.                   </span>
  391.                 </dd> */}
  392.               </dl>
  393.               <Link to="/inplay">
  394.                 <LazyLoadImage
  395.                   src={
  396.  
  397.                     "/assets/images/home/banner_sports.webp"
  398.                   }
  399.                   alt=""
  400.                 />
  401.               </Link>
  402.             </a>
  403.             <a
  404.               className="entrance-half shine"
  405.               href="javascript:void(0)"
  406.               onClick={() => {
  407.                 if (!isEmpty(user)) {
  408.                   launchCasino({
  409.                     platForm: "SPRIBE",
  410.                     gameType: "EGAME",
  411.                     casinoType: "SPRIBE-EGAME-001",
  412.                   });
  413.                 } else {
  414.                   navigate("/login");
  415.                 }
  416.               }}
  417.               neua="AEIndia Banner"
  418.             >
  419.               <dl className="entrance-title">
  420.                 <dt>Aviator</dt>
  421.                 <dd>
  422.                   <span>Play Now</span>
  423.                 </dd>
  424.               </dl>
  425.               <LazyLoadImage
  426.                 src={
  427.  
  428.                   "/assets/images/home/aviator.webp"
  429.                 }
  430.                 alt=""
  431.               />
  432.             </a>
  433.  
  434.             <a
  435.               className="entrance-half shine"
  436.               href="javascript:void(0)"
  437.               onClick={() => {
  438.                 if (!isEmpty(user)) {
  439.                   launchCasino({
  440.                     platForm: "SEXYBCRT",
  441.                     gameType: "LIVE",
  442.                     casinoType: "MX-LIVE-002",
  443.                   });
  444.                 } else {
  445.                   navigate("/login");
  446.                 }
  447.               }}
  448.               neua="AEIndia Banner"
  449.             >
  450.               <dl className="entrance-title">
  451.                 <dt>AE Sexy</dt>
  452.                 <dd>
  453.                   <span>Play Now</span>
  454.                 </dd>
  455.               </dl>
  456.               <LazyLoadImage
  457.                 src={
  458.  
  459.                   "/assets/images/home/aesexy.webp"
  460.                 }
  461.                 alt=""
  462.               />
  463.             </a>
  464.             <a
  465.               className="entrance-half shine"
  466.               href="javascript:void(0)"
  467.               onClick={() => {
  468.                 if (!isEmpty(user)) {
  469.                   launchCasino({
  470.                     platForm: "JILI",
  471.                     gameType: "",
  472.                     casinoType: "",
  473.                   });
  474.                 } else {
  475.                   navigate("/login");
  476.                 }
  477.               }}
  478.               neua="32Cards Banner"
  479.             >
  480.               <dl className="entrance-title">
  481.                 <dt>Jili</dt>
  482.                 <dd>
  483.                   <span>Play Now</span>
  484.                 </dd>
  485.               </dl>
  486.               <LazyLoadImage
  487.                 src={
  488.  
  489.                   "/assets/images/home/jililobby.webp"
  490.                 }
  491.                 alt=""
  492.               />
  493.             </a>
  494.             <a
  495.               className="entrance-half shine"
  496.               href="javascript:void(0)"
  497.               onClick={() => {
  498.                 if (!isEmpty(user)) {
  499.                   launchCasino({
  500.                     platForm: "JILI",
  501.                     gameType: "SLOT",
  502.                     casinoType: "JILI-SLOT-029",
  503.                   });
  504.                 } else {
  505.                   navigate("/login");
  506.                 }
  507.               }}
  508.               neua="32Cards Banner"
  509.             >
  510.               <dl className="entrance-title">
  511.                 <dt>Money Coming</dt>
  512.                 <dd>
  513.                   <span>Play Now</span>
  514.                 </dd>
  515.               </dl>
  516.               <LazyLoadImage
  517.                 src={
  518.  
  519.                   "/assets/images/home/moneycoming.webp"
  520.                 }
  521.                 alt=""
  522.               />
  523.             </a>
  524.             <a
  525.               className="entrance-half shine"
  526.               href="javascript:void(0)"
  527.               onClick={() => {
  528.                 if (!isEmpty(user)) {
  529.                   launchCasino({
  530.                     platForm: "KINGMAKER",
  531.                     gameType: "TABLE",
  532.                     casinoType: "KM-TABLE-015",
  533.                   });
  534.                 } else {
  535.                   navigate("/login");
  536.                 }
  537.               }}
  538.             >
  539.               <dl className="entrance-title">
  540.                 <dt>Sicbo</dt>
  541.                 <dd>
  542.                   <span>Play Now</span>
  543.                 </dd>
  544.               </dl>
  545.               <LazyLoadImage
  546.                 src={
  547.  
  548.                   "/assets/images/home/banner-sicbo-half.webp"
  549.                 }
  550.                 alt=""
  551.               />
  552.             </a>
  553.             <a
  554.               className="entrance-half shine"
  555.               href="javascript:void(0)"
  556.               onClick={() => {
  557.                 if (!isEmpty(user)) {
  558.                   launchCasino({
  559.                     platForm: "KINGMAKER",
  560.                     gameType: "TABLE",
  561.                     casinoType: "KM-TABLE-032",
  562.                   });
  563.                 } else {
  564.                   navigate("/login");
  565.                 }
  566.               }}
  567.               neua="Rummy Banner"
  568.             >
  569.               <dl className="entrance-title">
  570.                 <dt>Andar Bahar</dt>
  571.                 <dd>
  572.                   <span>Play Now</span>
  573.                 </dd>
  574.               </dl>
  575.               <LazyLoadImage
  576.                 src={
  577.  
  578.                   "/assets/images/home/25.webp"
  579.                 }
  580.                 alt=""
  581.               />
  582.             </a>
  583.             <a
  584.               className="entrance-half shine"
  585.               id="pokerLoginBtn"
  586.               neua="Bpoker Banner"
  587.               onClick={() => {
  588.                 if (!isEmpty(user)) {
  589.                   launchCasino({
  590.                     platForm: "JILI",
  591.                     gameType: "SLOT",
  592.                     casinoType: "JILI-SLOT-027",
  593.                   });
  594.                 } else {
  595.                   navigate("/login");
  596.                 }
  597.               }}
  598.               href="javascript:void(0)"
  599.             >
  600.               <dl className="entrance-title">
  601.                 <dt>Super Ace</dt>
  602.                 <dd>
  603.                   <span>Play Now</span>
  604.                 </dd>
  605.               </dl>
  606.               <LazyLoadImage
  607.                 src={
  608.  
  609.                   "/assets/images/home/superace.webp"
  610.                 }
  611.                 alt=""
  612.               />
  613.             </a>
  614.  
  615.             <a
  616.               className="entrance-half shine"
  617.               href="javascript:void(0)"
  618.               onClick={() => {
  619.                 if (!isEmpty(user)) {
  620.                   launchCasino({
  621.                     platForm: "KINGMAKER",
  622.                     gameType: "TABLE",
  623.                     casinoType: "KM-TABLE-046",
  624.                   });
  625.                 } else {
  626.                   navigate("/login");
  627.                 }
  628.               }}
  629.               neua="BetGames Banner"
  630.             >
  631.               <dl className="entrance-title">
  632.                 <dt>Teen Patti</dt>
  633.                 <dd>Play Now</dd>
  634.               </dl>
  635.               <LazyLoadImage
  636.                 src={
  637.  
  638.                   "//assets/images/home/tp.webp"
  639.                 }
  640.                 alt=""
  641.               />
  642.             </a>
  643.             <a
  644.               className="entrance-half shine"
  645.               href="javascript:void(0)"
  646.               onClick={() => {
  647.                 if (!isEmpty(user)) {
  648.                   launchCasino({
  649.                     platForm: "KINGMAKER",
  650.                     gameType: "",
  651.                     casinoType: "",
  652.                   });
  653.                 } else {
  654.                   navigate("/login");
  655.                 }
  656.               }}
  657.               neua="AEIndia Banner"
  658.             >
  659.               <dl className="entrance-title">
  660.                 <dt>Kingmaker</dt>
  661.                 <dd>
  662.                   <span>Play Now</span>
  663.                 </dd>
  664.               </dl>
  665.               <LazyLoadImage
  666.                 src={
  667.  
  668.                   "/assets/images/home/kingmakerlobby.webp"
  669.                 }
  670.                 alt=""
  671.               />
  672.             </a>
  673.             <a
  674.               className="entrance-half shine"
  675.               href="javascript:void(0)"
  676.               onClick={() => {
  677.                 if (!isEmpty(user)) {
  678.                   launchCasino({
  679.                     platForm: "JILI",
  680.                     gameType: "TABLE",
  681.                     casinoType: "JILI-TABLE-018",
  682.                   });
  683.                 } else {
  684.                   navigate("/login");
  685.                 }
  686.               }}
  687.               neua="AEIndia Banner"
  688.             >
  689.               <dl className="entrance-title">
  690.                 <dt>Super Bingo</dt>
  691.                 <dd>
  692.                   <span>Play Now</span>
  693.                 </dd>
  694.               </dl>
  695.               <LazyLoadImage
  696.                 src={
  697.  
  698.                   "/assets/images/home/super-bingo.webp"
  699.                 }
  700.                 alt=""
  701.               />
  702.             </a>
  703.             <a
  704.               className="entrance-half shine"
  705.               onClick={() => {
  706.                 if (!isEmpty(user)) {
  707.                   launchCasino({
  708.                     platForm: "KINGMAKER",
  709.                     gameType: "TABLE",
  710.                     casinoType: "KM-TABLE-043",
  711.                   });
  712.                 } else {
  713.                   navigate("/login");
  714.                 }
  715.               }}
  716.               href="javascript:void(0)"
  717.               neua="7Up7Down Banner"
  718.             >
  719.               <dl className="entrance-title">
  720.                 <dt>Bonus Dice</dt>
  721.                 <dd>
  722.                   <span>Play Now</span>
  723.                 </dd>
  724.               </dl>
  725.               <LazyLoadImage
  726.                 src={
  727.  
  728.                   "/assets/images/home/7up7down.webp"
  729.                 }
  730.                 alt=""
  731.               />
  732.             </a>
  733.             <a
  734.               className="entrance-half shine"
  735.               onClick={() => {
  736.                 if (!isEmpty(user)) {
  737.                   launchCasino({
  738.                     platForm: "JILI",
  739.                     gameType: "SLOT",
  740.                     casinoType: "JILI-SLOT-029",
  741.                   });
  742.                 } else {
  743.                   navigate("/login");
  744.                 }
  745.               }}
  746.               href="javascript:void(0)"
  747.               neua="7Up7Down Banner"
  748.             >
  749.               <dl className="entrance-title">
  750.                 <dt>Money Coming</dt>
  751.                 <dd>
  752.                   <span>Play Now</span>
  753.                 </dd>
  754.               </dl>
  755.               <LazyLoadImage
  756.                 src={
  757.  
  758.                   "/assets/images/home/money-coming.webp"
  759.                 }
  760.                 alt=""
  761.               />
  762.             </a>
  763.             <a
  764.               className="entrance-half shine"
  765.               onClick={() => {
  766.                 if (!isEmpty(user)) {
  767.                   launchCasino({
  768.                     platForm: "JILI",
  769.                     gameType: "SLOT",
  770.                     casinoType: "JILI-SLOT-014",
  771.                   });
  772.                 } else {
  773.                   navigate("/login");
  774.                 }
  775.               }}
  776.               href="javascript:void(0)"
  777.               neua="7Up7Down Banner"
  778.             >
  779.               <dl className="entrance-title">
  780.                 <dt>Crazy777</dt>
  781.                 <dd>
  782.                   <span>Play Now</span>
  783.                 </dd>
  784.               </dl>
  785.               <LazyLoadImage
  786.                 src={
  787.  
  788.                   "/assets/images/home/crazy777.webp"
  789.                 }
  790.                 alt=""
  791.               />
  792.             </a>
  793.             <a
  794.               className="entrance-half shine"
  795.               onClick={() => {
  796.                 if (!isEmpty(user)) {
  797.                   launchCasino({
  798.                     platForm: "JILI",
  799.                     gameType: "SLOT",
  800.                     casinoType: "JILI-SLOT-006",
  801.                   });
  802.                 } else {
  803.                   navigate("/login");
  804.                 }
  805.               }}
  806.               href="javascript:void(0)"
  807.               neua="7Up7Down Banner"
  808.             >
  809.               <dl className="entrance-title">
  810.                 <dt>Lottery</dt>
  811.                 <dd>
  812.                   <span>Play Now</span>
  813.                 </dd>
  814.               </dl>
  815.               <LazyLoadImage
  816.                 src={
  817.  
  818.                   "/assets/images/home/lottery.webp"
  819.                 }
  820.                 alt=""
  821.               />
  822.             </a>
  823.             <a
  824.               className="entrance-half shine"
  825.               onClick={() => {
  826.                 if (!isEmpty(user)) {
  827.                   launchCasino({
  828.                     platForm: "HOTROAD",
  829.                     gameType: "",
  830.                     casinoType: "J",
  831.                   });
  832.                 } else {
  833.                   navigate("/login");
  834.                 }
  835.               }}
  836.               href="javascript:void(0)"
  837.               neua="7Up7Down Banner"
  838.             >
  839.               <dl className="entrance-title">
  840.                 <dt>Ezugi</dt>
  841.                 <dd>
  842.                   <span>Play Now</span>
  843.                 </dd>
  844.               </dl>
  845.               <LazyLoadImage
  846.                 src={
  847.  
  848.                   "/assets/images/home/ezugi.webp"
  849.                 }
  850.                 alt=""
  851.               />
  852.             </a>
  853.             <a
  854.               className="entrance-half shine"
  855.               onClick={() => {
  856.                 if (!isEmpty(user)) {
  857.                   launchCasino({
  858.                     platForm: "EVOLUTION",
  859.                     gameType: "LIVE",
  860.                     casinoType: "EVOLUTION-LIVE-001",
  861.                   });
  862.                 } else {
  863.                   navigate("/login");
  864.                 }
  865.               }}
  866.               href="javascript:void(0)"
  867.               neua="7Up7Down Banner"
  868.             >
  869.               <dl className="entrance-title">
  870.                 <dt>Roulette</dt>
  871.                 <dd>
  872.                   <span>Play Now</span>
  873.                 </dd>
  874.               </dl>
  875.               <LazyLoadImage
  876.                 src={
  877.  
  878.                   "/assets/images/home/roulette.webp"
  879.                 }
  880.                 alt=""
  881.               />
  882.             </a>
  883.  
  884.             {/* new-phase */}
  885.           </div>
  886.            <div className="promo-viewport ambassador-viewport">
  887.  
  888.           <Slider {...settings}>
  889.             <div>
  890.               <LazyLoadImage
  891.                 src={
  892.  
  893.                   "/assets/images/s-01.webp"
  894.                 }
  895.                 style={{ width: "100%" }}
  896.                 alt=""
  897.               />
  898.             </div>
  899.               <div>
  900.               <LazyLoadImage
  901.                 src={
  902.  
  903.                   "/assets/images/s-02.webp"
  904.                 }
  905.                 style={{ width: "100%" }}
  906.                 alt=""
  907.               />
  908.             </div>  <div>
  909.               <LazyLoadImage
  910.                 src={
  911.  
  912.                   "/assets/images/s-03.webp"
  913.                 }
  914.                 style={{ width: "100%" }}
  915.                 alt=""
  916.               />
  917.             </div>  <div>
  918.               <LazyLoadImage
  919.                 src={
  920.  
  921.                   "/assets/images/s-04.webp"
  922.                 }
  923.                 style={{ width: "100%" }}
  924.                 alt=""
  925.               />
  926.             </div>
  927.           </Slider> 
  928.       </div>
  929.       <div className="promo-viewport youtube-viewport">
  930.  
  931.           <Slider {...settings}>
  932.             <div>
  933.                <a href="#">
  934.               <LazyLoadImage
  935.                 src={
  936.  
  937.                   "/assets/images/s-05.webp"
  938.                 }
  939.                 style={{ width: "100%" }}
  940.                 alt=""
  941.  
  942.               /></a>
  943.             </div>
  944.               <div>
  945.                 <a href="#">
  946.               <LazyLoadImage
  947.                 src={
  948.  
  949.                   "/assets/images/s-06.webp"
  950.                 }
  951.                 style={{ width: "100%" }}
  952.                 alt=""
  953.               /></a>
  954.             </div> 
  955.           </Slider> 
  956.       </div>
  957.           {/* <div class="ambassador-image default-center">
  958.             <img
  959.               src={
  960.  
  961.                 "/assets/images/ambassador.png"
  962.               }
  963.  
  964.               style={{ maxWidth: `100%`, maxHeight: `100%`, display: `block` }}
  965.               alt="james"
  966.             />
  967.           </div> */}
  968.  
  969.           <footer class="mobile-footer-container">
  970.             <div class="about-wrapper">
  971.               <h6 class="default-title">About Play111</h6>
  972.               <p class="content">
  973.                 Play111 was established in 2017 and&nbsp;operated under a
  974.                 Curacao gaming license&nbsp;with more than 2 million users. One
  975.                 of top&nbsp;Asia's most trusted and leading online casinos and
  976.                 sports betting platforms. Play111 offers a wide selection of
  977.                 slot games, live&nbsp;casinos, lotteries, sportsbooks,
  978.                 sports&nbsp;exchanges, and e-sports. Offers you a
  979.                 variety&nbsp;of secure and easy payment methods along&nbsp;with
  980.                 24-hour friendly live customer support to&nbsp;ensure that any
  981.                 queries are dealt with and&nbsp;resolved quickly.
  982.               </p>
  983.             </div>
  984.             <div class="payment-partner-wrapper">
  985.               <h6 class="default-title">Payment Methods</h6>
  986.               <div class="method-list">
  987.             <LazyLoadImage
  988.                 src={
  989.  
  990.                   "/assets/images/payment.gif"
  991.                 }
  992.                 style={{ width: "100%" }}
  993.                 alt=""
  994.               />
  995.                 {/* <div class="method" onclick="gotodeposit()">
  996.                   <img
  997.                     loading="lazy"
  998.                     alt="bank"
  999.                     src={
  1000.  
  1001.                       "/assets/images/footer-payment-bank.da1da3b.svg"
  1002.                     }
  1003.  
  1004.                     lazy="loaded"
  1005.                   />
  1006.                 </div>
  1007.                 <div class="method" onclick="gotodeposit()">
  1008.                   <img
  1009.                     loading="lazy"
  1010.                     alt="bkash"
  1011.                     src={
  1012.  
  1013.                       "/assets/images/footer-payment-bkash.f086c33.svg"
  1014.                     }
  1015.  
  1016.                     lazy="loaded"
  1017.                   />
  1018.                 </div>
  1019.                 <div class="method" onclick="gotodeposit()">
  1020.                   <img
  1021.                     loading="lazy"
  1022.                     alt="nagad"
  1023.                     src={
  1024.  
  1025.                       "/assets/images/footer-payment-nagad.6780d47.svg"
  1026.                     }
  1027.  
  1028.                     lazy="loaded"
  1029.                   />
  1030.                 </div>
  1031.                 <div class="method" onclick="gotodeposit()">
  1032.                   <img
  1033.                     loading="lazy"
  1034.                     alt="upi.svg"
  1035.                     src={
  1036.  
  1037.                       "/assets/images/footer-payment-upi.546e10f.svg"
  1038.                     }
  1039.  
  1040.                     lazy="loaded"
  1041.                   />
  1042.                 </div>
  1043.                 <div class="method" onclick="gotodeposit()">
  1044.                   <img
  1045.                     loading="lazy"
  1046.                     alt="imps"
  1047.                     src={
  1048.  
  1049.                       "/assets/images/footer-payment-imps.0aed7a9.svg"
  1050.                     }
  1051.  
  1052.                     lazy="loaded"
  1053.                   />
  1054.                 </div>
  1055.                 <div class="method" onclick="gotodeposit()">
  1056.                   <img
  1057.                     loading="lazy"
  1058.                     alt="paytm"
  1059.                     src={
  1060.  
  1061.                       "/assets/images/footer-payment-paytm.380eb53.svg"
  1062.                     }
  1063.  
  1064.                     lazy="loaded"
  1065.                   />
  1066.                 </div>
  1067.                 <div class="method" onclick="gotodeposit()">
  1068.                   <img
  1069.                     loading="lazy"
  1070.                     alt="net-banking"
  1071.                     src={
  1072.  
  1073.                       "/assets/images/footer-payment-net-banking.f442616.svg"
  1074.                     }
  1075.  
  1076.                     lazy="loaded"
  1077.                   />
  1078.                 </div> */}
  1079.               </div>
  1080.             </div>
  1081.             <div class="social-links-wrapper">
  1082.               <h6 class="default-title">Follow Us</h6>
  1083.               <ul class="social-icon">
  1084.                 <li>
  1085.                   <a
  1086.                     href="javascript:void(0);"
  1087.                     onclick="gotosuppport('facebook')"
  1088.                     rel="noopener"
  1089.                     class="default-center facebook"
  1090.                   >
  1091.                     <i
  1092.                       aria-hidden="true"
  1093.                       class="v-icon notranslate mdi mdi-facebook theme--light"
  1094.                     ></i>
  1095.                   </a>
  1096.                 </li>
  1097.                 <li>
  1098.                   <a
  1099.                     href="javascript:void(0);"
  1100.                     onclick="gotosuppport('instagram')"
  1101.                     rel="noopener"
  1102.                     class="default-center instagram"
  1103.                   >
  1104.                     <i
  1105.                       aria-hidden="true"
  1106.                       class="v-icon notranslate mdi mdi-instagram theme--light"
  1107.                     ></i>
  1108.                   </a>
  1109.                 </li>
  1110.                 <li>
  1111.                   <a
  1112.                     href="javascript:void(0);"
  1113.                     onclick="gotwhatsapp()"
  1114.                     rel="noopener"
  1115.                     class="default-center whatsapp"
  1116.                   >
  1117.                     <i
  1118.                       aria-hidden="true"
  1119.                       class="v-icon notranslate mdi mdi-whatsapp theme--light"
  1120.                     ></i>
  1121.                   </a>
  1122.                 </li>
  1123.                 <li>
  1124.                   <a
  1125.                     href="javascript:void(0);"
  1126.                     onclick="gototelegram()"
  1127.                     rel="noopener"
  1128.                     class="default-center telegram"
  1129.                   >
  1130.                     <i
  1131.                       aria-hidden="true"
  1132.                       class="v-icon notranslate icon icon-jw-telegram theme--light"
  1133.                     ></i>
  1134.                   </a>
  1135.                 </li>
  1136.                 <li>
  1137.                   <a
  1138.                     href="javascript:void(0);"
  1139.                     rel="noopener"
  1140.                     class="default-center twitter"
  1141.                   >
  1142.                     <img
  1143.                       src="data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjxjaXJjbGUgY3g9IjIwIiBjeT0iMjAiIHI9IjE5Ljg2NCIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE5LjE4OCwyMi4yMWwtNC40NzUsNS4xMTNoLTIuNWw1LjgxMS02LjY0LTYuMTMtOGg1LjEzN2wzLjU0LDQuNjc1LDQuMDgyLTQuNjc2aDIuNWwtNS40MjksNi4yTDI4LjEsMjcuMzE3SDIzLjFaTTE0LjgxOSwxNC4xbDguOTY3LDExLjcyNWgxLjM2NUwxNi4yODMsMTQuMVoiLz48L3N2Zz4="
  1144.                       lazy="loaded"
  1145.                     />
  1146.                   </a>
  1147.                 </li>
  1148.                 <li>
  1149.                   <a
  1150.                     href="javascript:void(0);"
  1151.                     rel="noopener"
  1152.                     class="default-center email"
  1153.                   >
  1154.                     <i
  1155.                       aria-hidden="true"
  1156.                       class="v-icon notranslate mdi mdi-email theme--light"
  1157.                     ></i>
  1158.                   </a>
  1159.                 </li>
  1160.               </ul>
  1161.             </div>
  1162.             <div class="licenses-wrapper">
  1163.               <h6 class="default-title">Licenses</h6>
  1164.               <div class="licenses-list">
  1165.                 <div class="image-wrapper">
  1166.                   <img
  1167.                     loading="lazy"
  1168.                     alt="gc"
  1169.                     src={
  1170.  
  1171.                       "/assets/images/gc.f267a07.svg"
  1172.                     }
  1173.  
  1174.                     lazy="loaded"
  1175.                   />
  1176.                 </div>
  1177.                 <div class="image-wrapper">
  1178.                   <img
  1179.                     loading="lazy"
  1180.                     alt="18"
  1181.                     src="data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0My45NCA0My45NCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNkOTRhMzc7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTM0LjcyLDMxLjdsMS44MiwxLjQ3YTE5Ljk0LDE5Ljk0LDAsMSwxLDEtMjAuNzlsLTIsMS4xN2ExNy42MiwxNy42MiwwLDEsMC0uOCwxOC4xNVptNC41Ny0xMC42M1YxNi41M0gzNi4yM3Y0LjU0SDMxLjd2My4wNmg0LjUzdjQuNTNoMy4wNlYyNC4xM2g0LjU0VjIxLjA3Wk0xNC44NCwzMC44OVYxNC4yNGgtNWwtMS4xOCwxdjIuNjJoMi4zOHYxM1ptNC44NC05LjFhNC40MSw0LjQxLDAsMCwxLTEuOTQtMy41M2MwLTIuNjQsMi42NC00Ljc3LDUuODktNC43N3M1Ljg5LDIuMTMsNS44OSw0Ljc3YTQuMzgsNC4zOCwwLDAsMS0xLjk0LDMuNTMsNS4xMSw1LjExLDAsMCwxLDIuNjgsNC4zMWMwLDMtMyw1LjM3LTYuNjMsNS4zN1MxNywyOS4wNywxNywyNi4xQTUuMTMsNS4xMywwLDAsMSwxOS42OCwyMS43OVptMS40Ni0zLjUzYTIuMjksMi4yOSwwLDAsMCwyLjQ5LDIsMi4zLDIuMywwLDAsMCwyLjUtMiwyLjMsMi4zLDAsMCwwLTIuNS0yQTIuMjksMi4yOSwwLDAsMCwyMS4xNCwxOC4yNlptLS4zMSw3Ljg0YTIuNTcsMi41NywwLDAsMCwyLjgsMi4yNywyLjU4LDIuNTgsMCwwLDAsMi44MS0yLjI3LDIuNTksMi41OSwwLDAsMC0yLjgxLTIuMjdBMi41OCwyLjU4LDAsMCwwLDIwLjgzLDI2LjFaIi8+PC9zdmc+"
  1182.                     lazy="loaded"
  1183.                   />
  1184.                 </div>
  1185.               </div>
  1186.             </div>
  1187.           </footer>
  1188.         </div>
  1189.       </div>
  1190.     </div>
  1191.   );
  1192. }
  1193.  
  1194. export default Home;