Guest

Untitled 1500

Apr 22nd, 2026
7
0
Never
Not a member of GistPad yet? Sign Up, it unlocks many cool features!
None 95.18 KB | None | 0 0
  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;
RAW Paste Data Copied