import { isEmpty } from "lodash";
import React, { useEffect, useState } from "react";
import { useContext } from "react";
import { Link, useNavigate } from "react-router-dom";
import AuthProvider from "../context/AuthContext";
import { apiGet, apiPost } from "../Utils/apiFetch";
import apiPath from "../Utils/apiPath";
import obj from "../Utils/helpers";
import Slider from "react-slick";
import Aboutus from "../components/staticContent/Aboutus";
import GeneralTerms from "../components/staticContent/GeneralTerms";
import Kyc from "../components/staticContent/Kyc";
import PrivacyPolicy from "../components/staticContent/PrivacyPolicy";
import RulesRegulation from "../components/staticContent/RulesRegulation";
import ResponsibleGaming from "../components/staticContent/ResponsibleGaming";
import { LazyLoadImage } from "react-lazy-load-image-component";
// import Play111Apk from "../assets/images/Play111.apk";
import {
  NavDepositWithrawData,
  // DepositWithrawDataArray,
} from "../Utils/constants";
function Home() {
  var settings = {
    dots: false,
    infinite: true,
    speed: 500,
    slidesToShow: 1,
    slidesToScroll: 1,
    autoplay: true,
    arrows: false,
  };
   var settings1 = {
    dots: false,
    infinite: true,
    speed: 500,
    slidesToShow: 1,
    slidesToScroll: 1,
    autoplay: true,
    arrows: false,
  };
  const [inplayCountData, setInplayCountData] = useState({});

  const navigate = useNavigate();
  let {
    isLoged,
    setIsLoged,
    setCasinoModel,
    setCasinoObj,
    launchCasino,
    user,
    open,
    setOpen,
    content,
    slug,
    setSlug,
    handleContentToggle,
    launchGis,
    dolaunchCasinoNew,
    setAnnouncmentToogle
  } = useContext(AuthProvider);
  const inPlayCount = async () => {
    const { status, data: response_users } = await apiGet(apiPath.inPlayCount);
    if (status === 200) {
      if (response_users.success) {
        if (response_users.results) {
          setInplayCountData(response_users.results);
        }
      }
    }
  };
  const [linkData, setLinkData] = useState([]);
  const getSetting = async (event) => {
    try {
      const { status, data: response_users } = await apiGet(apiPath.getSetting);
      if (status === 200) {
        if (response_users.success) {
          setLinkData(response_users.results);
        }
      }
    } catch (err) {}
  };

  const [bannerData, setBannerData] = useState([]);
  const getData = async () => {
    const { status, data } = await apiPost(apiPath.getBanner, {
      type: "home_top",
    });
    if (status == 200) {
      if (data?.success) {
        setBannerData(data?.results?.banners);
      }
    }
  };

  useEffect(() => {
    inPlayCount();
    getSetting();
    getData();
  }, []);

  const [data, setData] = useState([]);
  const [key, setKey] = useState("homegame");
  // useEffect(() => {
  //   setData(
  //     DepositWithrawDataArray?.find((res) => {
  //       {
  //         return res?.key == "homegame";
  //       }
  //     })
  //   );
  // }, []);

  // const setFunc = (type) => {
  //   setData(
  //     DepositWithrawDataArray?.find((res) => {
  //       {
  //         return res?.key == type;
  //       }
  //     })
  //   );
  //   setKey(type);
  // };
 const [message, setMessage] = useState([]);
  const messageList = async () => {
    let hostname = window.location.hostname;
    hostname = hostname.replace(/^www\./, "");
    hostname = hostname.replace(/^ag\./, "");
    hostname = hostname || "sabaexch.com";

    const { status, data: response_users } = await apiGet(
      apiPath.messageList + "?domain=" + hostname
    );
    if (status === 200) {
      if (response_users.success) {
        setMessage(response_users.results);
      }
    }
  };
  useEffect(() => {
    messageList();
  }, []);
  return (
    <div>
      <div className="promo-viewport">
        {bannerData?.length > 0 ? (
          <Slider {...settings}>
            {bannerData?.length > 0 &&
              bannerData?.map((item) => {
                return (
                  <div>
                    <LazyLoadImage
                      src={
                        import.meta.env.VITE_API_BASE_URL + item?.banner_path
                      }
                      style={{ width: "100%" }}
                      alt=""
                    />
                  </div>
                );
              })}
          </Slider>
        ) : (
          <Slider {...settings}>
            <div>
              <LazyLoadImage
                src={
                  
                  "/assets/images/banner1.jpeg"
                }
                style={{ width: "100%" }}
                alt=""
              />
            </div>
            
          </Slider>
        )} 
      </div>
      {!isEmpty(user) && (
              <div
                id="headerMain2"
                className="marquee-box"
                style={{ display: "flex" }}
              >
                <h4>News</h4>
                <div
                  class="marquee"
                  onClick={() => {
                    setAnnouncmentToogle(message.length > 0 ? true : false);
                  }}
                >
                  <marquee class="js-marquee-wrapper">
                    <div class="js-marquee">
                      {message?.length > 0 &&
                        message?.map((item) => {
                          return (
                            <a>
                              <span> {obj.msgDateFormat(item.msgDate)}</span>
                              {item.message}
                            </a>
                          );
                        })}
                    </div>
                  </marquee>
                </div>
              </div>
            )}
      <div className="home-tabing-slider">
        <div className="payment-sec">
          <div className="hometab-sub">
          {NavDepositWithrawData?.map((item) => {
            return (
              
              <div
                onClick={() => {
                  if (!isEmpty(item?.link)) {
                    navigate(item?.link);
                  } else if (item?.platForm) {
                    if (isEmpty(user)) {
                      navigate("/login");
                    } else {
                      launchCasino({
                        platForm: item?.platForm,
                        gameType: item?.gameType,
                        casinoType: item?.casinoType,
                      });
                    }
                  } else {
                  }
                }}
                className={`payment-box ${
                  key == item?.type ? "active" : ""
                }`}
              >
                {item?.type=="homegame"?
                <figure>
                <LazyLoadImage 
                  src={item?.icons}
                  alt=""
               
                />
              </figure> 
              :
               <figure> <i  className={"v-icon notranslate menu-icon icon theme--light "+item?.icons}></i></figure>
             
                }
                <span>{item?.title}</span>
        
              </div>
              
            );
          })}
          </div>
        </div>

        {/* {
        key!="homegame"?
      
      <div className="main-slider-div">
        <div className="main-slider-inner-div">
          
          <ul>
            {data?.array && data?.array.length>0 &&  data?.array?.map((res) => {
              return (
                <li  style={{color:`red`,backgroundImage: res?.legacy || res?.gameCode== "98789"  ?`url(${import.meta.env.REACT_APP_MOBILE_URL+res?.image})`:`url(${res?.image})`}}
                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":""}
                
                onClick={() => {
                  if (!isEmpty(user)) {
                    // console.log(key,res?.gameCode);
                      if (!isEmpty(user)) {
                       if (res?.gameTypeCheck == "cricket") {
                        window.open(res?.link, "_self");
                       } else if (res?.gameTypeCheck == "platForm") {
                          launchCasino({
                            platForm: res?.platForm,
                            gameType: res?.gameType,
                            casinoType: res?.casinoType,
                          });
                        
                        }
                       
                         else {
                          if (
                            res?.platForm !== "" &&
                            res?.gameType !== "" &&
                            res?.casinoType !== ""
                          ) {
                            launchCasino({
                              platForm: res?.platForm,
                              gameType: res?.gameType,
                              casinoType: res?.casinoType,
                            });
                          }
                        }
                      } else {
                        navigate("/login");
                      }
                    
                  } else {
                    navigate("/login");
                  }
                }}>
                  
                </li>
              );
            })}
           
          </ul>
        </div>
      
      </div>:""} */}
      </div>
      <div id="page">
        <div className="mian-wrap">
          <div className="gamehall">
            <a
              className="entrance-half shine shine"
              href="javascript:void(0)"
              onClick={() => {
                if (!isEmpty(user)) {
                  launchCasino({
                    platForm: "EVOLUTION",
                    gameType: "",
                    casinoType: "",
                  });
                } else {
                  navigate("/login");
                }
              }}
              neua="AEIndia Banner"
            >
              <dl className="entrance-title">
                <dt>Evolution</dt>
                <dd>
                  <span>Play Now</span>
                </dd>
              </dl>
              <img
              className=""
                src={
                  
                  "/assets/images/home/banner_evo-half.webp"
                }
                alt=""
              />
            </a>
            <a href="#" neua="InPlay Banner" className="entrance-half shine">
              <dl className="entrance-title">
                <dt>Play111</dt>
                <dd>
                  <span>Play Now</span>
                </dd>
              </dl>
              <dl
                id="onLiveBoard"
                onClick={() => navigate("/inplay")}
                className="on_live"
              >
                {/* <dt>
                  <p className="live_icon">
                    <span></span> LIVE
                  </p>
                </dt> */}

                {/* <dd id="onLiveCount_CRICKET">
                  <p>Cricket</p>
                  <span id="count">
                    {inplayCountData?.cricketInplayCount || 0}
                  </span>
                </dd>

                <dd id="onLiveCount_SOCCER">
                  <p>Soccer</p>
                  <span id="count">
                    {inplayCountData?.soccerInplayCount || 0}
                  </span>
                </dd> */}

                {/* <dd id="onLiveCount_E_SOCCER">
                  <p>E-Soccer</p>
                  <span id="count">
                    {inplayCountData?.soccerInplayCount || 0}
                  </span>
                </dd> */}

                {/* <dd id="onLiveCount_TENNIS">
                  <p>Tennis</p>
                  <span id="count">
                    {inplayCountData?.tennisInplayCount || 0}
                  </span>
                </dd> */}
              </dl>
              <Link to="/inplay">
                <LazyLoadImage
                  src={
                    
                    "/assets/images/home/banner_sports.webp"
                  }
                  alt=""
                />
              </Link>
            </a>
            <a
              className="entrance-half shine"
              href="javascript:void(0)"
              onClick={() => {
                if (!isEmpty(user)) {
                  launchCasino({
                    platForm: "SPRIBE",
                    gameType: "EGAME",
                    casinoType: "SPRIBE-EGAME-001",
                  });
                } else {
                  navigate("/login");
                }
              }}
              neua="AEIndia Banner"
            >
              <dl className="entrance-title">
                <dt>Aviator</dt>
                <dd>
                  <span>Play Now</span>
                </dd>
              </dl>
              <LazyLoadImage
                src={
                  
                  "/assets/images/home/aviator.webp"
                }
                alt=""
              />
            </a>

            <a
              className="entrance-half shine"
              href="javascript:void(0)"
              onClick={() => {
                if (!isEmpty(user)) {
                  launchCasino({
                    platForm: "SEXYBCRT",
                    gameType: "LIVE",
                    casinoType: "MX-LIVE-002",
                  });
                } else {
                  navigate("/login");
                }
              }}
              neua="AEIndia Banner"
            >
              <dl className="entrance-title">
                <dt>AE Sexy</dt>
                <dd>
                  <span>Play Now</span>
                </dd>
              </dl>
              <LazyLoadImage
                src={
                  
                  "/assets/images/home/aesexy.webp"
                }
                alt=""
              />
            </a>
            <a
              className="entrance-half shine"
              href="javascript:void(0)"
              onClick={() => {
                if (!isEmpty(user)) {
                  launchCasino({
                    platForm: "JILI",
                    gameType: "",
                    casinoType: "",
                  });
                } else {
                  navigate("/login");
                }
              }}
              neua="32Cards Banner"
            >
              <dl className="entrance-title">
                <dt>Jili</dt>
                <dd>
                  <span>Play Now</span>
                </dd>
              </dl>
              <LazyLoadImage
                src={
                  
                  "/assets/images/home/jililobby.webp"
                }
                alt=""
              />
            </a>
            <a
              className="entrance-half shine"
              href="javascript:void(0)"
              onClick={() => {
                if (!isEmpty(user)) {
                  launchCasino({
                    platForm: "JILI",
                    gameType: "SLOT",
                    casinoType: "JILI-SLOT-029",
                  });
                } else {
                  navigate("/login");
                }
              }}
              neua="32Cards Banner"
            >
              <dl className="entrance-title">
                <dt>Money Coming</dt>
                <dd>
                  <span>Play Now</span>
                </dd>
              </dl>
              <LazyLoadImage
                src={
                  
                  "/assets/images/home/moneycoming.webp"
                }
                alt=""
              />
            </a>
            <a
              className="entrance-half shine"
              href="javascript:void(0)"
              onClick={() => {
                if (!isEmpty(user)) {
                  launchCasino({
                    platForm: "KINGMAKER",
                    gameType: "TABLE",
                    casinoType: "KM-TABLE-015",
                  });
                } else {
                  navigate("/login");
                }
              }}
            >
              <dl className="entrance-title">
                <dt>Sicbo</dt>
                <dd>
                  <span>Play Now</span>
                </dd>
              </dl>
              <LazyLoadImage
                src={
                  
                  "/assets/images/home/banner-sicbo-half.webp"
                }
                alt=""
              />
            </a>
            <a
              className="entrance-half shine"
              href="javascript:void(0)"
              onClick={() => {
                if (!isEmpty(user)) {
                  launchCasino({
                    platForm: "KINGMAKER",
                    gameType: "TABLE",
                    casinoType: "KM-TABLE-032",
                  });
                } else {
                  navigate("/login");
                }
              }}
              neua="Rummy Banner"
            >
              <dl className="entrance-title">
                <dt>Andar Bahar</dt>
                <dd>
                  <span>Play Now</span>
                </dd>
              </dl>
              <LazyLoadImage
                src={
                  
                  "/assets/images/home/25.webp"
                }
                alt=""
              />
            </a>
            <a
              className="entrance-half shine"
              id="pokerLoginBtn"
              neua="Bpoker Banner"
              onClick={() => {
                if (!isEmpty(user)) {
                  launchCasino({
                    platForm: "JILI",
                    gameType: "SLOT",
                    casinoType: "JILI-SLOT-027",
                  });
                } else {
                  navigate("/login");
                }
              }}
              href="javascript:void(0)"
            >
              <dl className="entrance-title">
                <dt>Super Ace</dt>
                <dd>
                  <span>Play Now</span>
                </dd>
              </dl>
              <LazyLoadImage
                src={
                  
                  "/assets/images/home/superace.webp"
                }
                alt=""
              />
            </a>

            <a
              className="entrance-half shine"
              href="javascript:void(0)"
              onClick={() => {
                if (!isEmpty(user)) {
                  launchCasino({
                    platForm: "KINGMAKER",
                    gameType: "TABLE",
                    casinoType: "KM-TABLE-046",
                  });
                } else {
                  navigate("/login");
                }
              }}
              neua="BetGames Banner"
            >
              <dl className="entrance-title">
                <dt>Teen Patti</dt>
                <dd>Play Now</dd>
              </dl>
              <LazyLoadImage
                src={
                  
                  "//assets/images/home/tp.webp"
                }
                alt=""
              />
            </a>
            <a
              className="entrance-half shine"
              href="javascript:void(0)"
              onClick={() => {
                if (!isEmpty(user)) {
                  launchCasino({
                    platForm: "KINGMAKER",
                    gameType: "",
                    casinoType: "",
                  });
                } else {
                  navigate("/login");
                }
              }}
              neua="AEIndia Banner"
            >
              <dl className="entrance-title">
                <dt>Kingmaker</dt>
                <dd>
                  <span>Play Now</span>
                </dd>
              </dl>
              <LazyLoadImage
                src={
                  
                  "/assets/images/home/kingmakerlobby.webp"
                }
                alt=""
              />
            </a>
            <a
              className="entrance-half shine"
              href="javascript:void(0)"
              onClick={() => {
                if (!isEmpty(user)) {
                  launchCasino({
                    platForm: "JILI",
                    gameType: "TABLE",
                    casinoType: "JILI-TABLE-018",
                  });
                } else {
                  navigate("/login");
                }
              }}
              neua="AEIndia Banner"
            >
              <dl className="entrance-title">
                <dt>Super Bingo</dt>
                <dd>
                  <span>Play Now</span>
                </dd>
              </dl>
              <LazyLoadImage
                src={
                  
                  "/assets/images/home/super-bingo.webp"
                }
                alt=""
              />
            </a>
            <a
              className="entrance-half shine"
              onClick={() => {
                if (!isEmpty(user)) {
                  launchCasino({
                    platForm: "KINGMAKER",
                    gameType: "TABLE",
                    casinoType: "KM-TABLE-043",
                  });
                } else {
                  navigate("/login");
                }
              }}
              href="javascript:void(0)"
              neua="7Up7Down Banner"
            >
              <dl className="entrance-title">
                <dt>Bonus Dice</dt>
                <dd>
                  <span>Play Now</span>
                </dd>
              </dl>
              <LazyLoadImage
                src={
                  
                  "/assets/images/home/7up7down.webp"
                }
                alt=""
              />
            </a>
            <a
              className="entrance-half shine"
              onClick={() => {
                if (!isEmpty(user)) {
                  launchCasino({
                    platForm: "JILI",
                    gameType: "SLOT",
                    casinoType: "JILI-SLOT-029",
                  });
                } else {
                  navigate("/login");
                }
              }}
              href="javascript:void(0)"
              neua="7Up7Down Banner"
            >
              <dl className="entrance-title">
                <dt>Money Coming</dt>
                <dd>
                  <span>Play Now</span>
                </dd>
              </dl>
              <LazyLoadImage
                src={
                  
                  "/assets/images/home/money-coming.webp"
                }
                alt=""
              />
            </a>
            <a
              className="entrance-half shine"
              onClick={() => {
                if (!isEmpty(user)) {
                  launchCasino({
                    platForm: "JILI",
                    gameType: "SLOT",
                    casinoType: "JILI-SLOT-014",
                  });
                } else {
                  navigate("/login");
                }
              }}
              href="javascript:void(0)"
              neua="7Up7Down Banner"
            >
              <dl className="entrance-title">
                <dt>Crazy777</dt>
                <dd>
                  <span>Play Now</span>
                </dd>
              </dl>
              <LazyLoadImage
                src={
                  
                  "/assets/images/home/crazy777.webp"
                }
                alt=""
              />
            </a>
            <a
              className="entrance-half shine"
              onClick={() => {
                if (!isEmpty(user)) {
                  launchCasino({
                    platForm: "JILI",
                    gameType: "SLOT",
                    casinoType: "JILI-SLOT-006",
                  });
                } else {
                  navigate("/login");
                }
              }}
              href="javascript:void(0)"
              neua="7Up7Down Banner"
            >
              <dl className="entrance-title">
                <dt>Lottery</dt>
                <dd>
                  <span>Play Now</span>
                </dd>
              </dl>
              <LazyLoadImage
                src={
                  
                  "/assets/images/home/lottery.webp"
                }
                alt=""
              />
            </a>
            <a
              className="entrance-half shine"
              onClick={() => {
                if (!isEmpty(user)) {
                  launchCasino({
                    platForm: "HOTROAD",
                    gameType: "",
                    casinoType: "J",
                  });
                } else {
                  navigate("/login");
                }
              }}
              href="javascript:void(0)"
              neua="7Up7Down Banner"
            >
              <dl className="entrance-title">
                <dt>Ezugi</dt>
                <dd>
                  <span>Play Now</span>
                </dd>
              </dl>
              <LazyLoadImage
                src={
                  
                  "/assets/images/home/ezugi.webp"
                }
                alt=""
              />
            </a>
            <a
              className="entrance-half shine"
              onClick={() => {
                if (!isEmpty(user)) {
                  launchCasino({
                    platForm: "EVOLUTION",
                    gameType: "LIVE",
                    casinoType: "EVOLUTION-LIVE-001",
                  });
                } else {
                  navigate("/login");
                }
              }}
              href="javascript:void(0)"
              neua="7Up7Down Banner"
            >
              <dl className="entrance-title">
                <dt>Roulette</dt>
                <dd>
                  <span>Play Now</span>
                </dd>
              </dl>
              <LazyLoadImage
                src={
                  
                  "/assets/images/home/roulette.webp"
                }
                alt=""
              />
            </a>

            {/* new-phase */}
          </div>
           <div className="promo-viewport ambassador-viewport">
       
          <Slider {...settings}>
            <div>
              <LazyLoadImage
                src={
                  
                  "/assets/images/s-01.webp"
                }
                style={{ width: "100%" }}
                alt=""
              />
            </div>
              <div>
              <LazyLoadImage
                src={
                  
                  "/assets/images/s-02.webp"
                }
                style={{ width: "100%" }}
                alt=""
              />
            </div>  <div>
              <LazyLoadImage
                src={
                  
                  "/assets/images/s-03.webp"
                }
                style={{ width: "100%" }}
                alt=""
              />
            </div>  <div>
              <LazyLoadImage
                src={
                  
                  "/assets/images/s-04.webp"
                }
                style={{ width: "100%" }}
                alt=""
              />
            </div>
          </Slider> 
      </div>
      <div className="promo-viewport youtube-viewport">
       
          <Slider {...settings}>
            <div>
               <a href="#">
              <LazyLoadImage
                src={
                  
                  "/assets/images/s-05.webp"
                }
                style={{ width: "100%" }}
                alt=""
                
              /></a>
            </div>
              <div>
                <a href="#">
              <LazyLoadImage
                src={
                  
                  "/assets/images/s-06.webp"
                }
                style={{ width: "100%" }}
                alt=""
              /></a>
            </div> 
          </Slider> 
      </div>
          {/* <div class="ambassador-image default-center">
            <img
              src={
                
                "/assets/images/ambassador.png"
              }
              
              style={{ maxWidth: `100%`, maxHeight: `100%`, display: `block` }}
              alt="james"
            />
          </div> */}
          
          <footer class="mobile-footer-container">
            <div class="about-wrapper">
              <h6 class="default-title">About Play111</h6>
              <p class="content">
                Play111 was established in 2017 and&nbsp;operated under a
                Curacao gaming license&nbsp;with more than 2 million users. One
                of top&nbsp;Asia's most trusted and leading online casinos and
                sports betting platforms. Play111 offers a wide selection of
                slot games, live&nbsp;casinos, lotteries, sportsbooks,
                sports&nbsp;exchanges, and e-sports. Offers you a
                variety&nbsp;of secure and easy payment methods along&nbsp;with
                24-hour friendly live customer support to&nbsp;ensure that any
                queries are dealt with and&nbsp;resolved quickly.
              </p>
            </div>
            <div class="payment-partner-wrapper">
              <h6 class="default-title">Payment Methods</h6>
              <div class="method-list">
            <LazyLoadImage
                src={
                  
                  "/assets/images/payment.gif"
                }
                style={{ width: "100%" }}
                alt=""
              />
                {/* <div class="method" onclick="gotodeposit()">
                  <img
                    loading="lazy"
                    alt="bank"
                    src={
                      
                      "/assets/images/footer-payment-bank.da1da3b.svg"
                    }
                    
                    lazy="loaded"
                  />
                </div>
                <div class="method" onclick="gotodeposit()">
                  <img
                    loading="lazy"
                    alt="bkash"
                    src={
                      
                      "/assets/images/footer-payment-bkash.f086c33.svg"
                    }
                   
                    lazy="loaded"
                  />
                </div>
                <div class="method" onclick="gotodeposit()">
                  <img
                    loading="lazy"
                    alt="nagad"
                    src={
                      
                      "/assets/images/footer-payment-nagad.6780d47.svg"
                    }
                 
                    lazy="loaded"
                  />
                </div>
                <div class="method" onclick="gotodeposit()">
                  <img
                    loading="lazy"
                    alt="upi.svg"
                    src={
                      
                      "/assets/images/footer-payment-upi.546e10f.svg"
                    }
                    
                    lazy="loaded"
                  />
                </div>
                <div class="method" onclick="gotodeposit()">
                  <img
                    loading="lazy"
                    alt="imps"
                    src={
                      
                      "/assets/images/footer-payment-imps.0aed7a9.svg"
                    }
                  
                    lazy="loaded"
                  />
                </div>
                <div class="method" onclick="gotodeposit()">
                  <img
                    loading="lazy"
                    alt="paytm"
                    src={
                      
                      "/assets/images/footer-payment-paytm.380eb53.svg"
                    }
                    
                    lazy="loaded"
                  />
                </div>
                <div class="method" onclick="gotodeposit()">
                  <img
                    loading="lazy"
                    alt="net-banking"
                    src={
                      
                      "/assets/images/footer-payment-net-banking.f442616.svg"
                    }
                    
                    lazy="loaded"
                  />
                </div> */}
              </div>
            </div>
            <div class="social-links-wrapper">
              <h6 class="default-title">Follow Us</h6>
              <ul class="social-icon">
                <li>
                  <a
                    href="javascript:void(0);"
                    onclick="gotosuppport('facebook')"
                    rel="noopener"
                    class="default-center facebook"
                  >
                    <i
                      aria-hidden="true"
                      class="v-icon notranslate mdi mdi-facebook theme--light"
                    ></i>
                  </a>
                </li>
                <li>
                  <a
                    href="javascript:void(0);"
                    onclick="gotosuppport('instagram')"
                    rel="noopener"
                    class="default-center instagram"
                  >
                    <i
                      aria-hidden="true"
                      class="v-icon notranslate mdi mdi-instagram theme--light"
                    ></i>
                  </a>
                </li>
                <li>
                  <a
                    href="javascript:void(0);"
                    onclick="gotwhatsapp()"
                    rel="noopener"
                    class="default-center whatsapp"
                  >
                    <i
                      aria-hidden="true"
                      class="v-icon notranslate mdi mdi-whatsapp theme--light"
                    ></i>
                  </a>
                </li>
                <li>
                  <a
                    href="javascript:void(0);"
                    onclick="gototelegram()"
                    rel="noopener"
                    class="default-center telegram"
                  >
                    <i
                      aria-hidden="true"
                      class="v-icon notranslate icon icon-jw-telegram theme--light"
                    ></i>
                  </a>
                </li>
                <li>
                  <a
                    href="javascript:void(0);"
                    rel="noopener"
                    class="default-center twitter"
                  >
                    <img
                      src="data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjxjaXJjbGUgY3g9IjIwIiBjeT0iMjAiIHI9IjE5Ljg2NCIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE5LjE4OCwyMi4yMWwtNC40NzUsNS4xMTNoLTIuNWw1LjgxMS02LjY0LTYuMTMtOGg1LjEzN2wzLjU0LDQuNjc1LDQuMDgyLTQuNjc2aDIuNWwtNS40MjksNi4yTDI4LjEsMjcuMzE3SDIzLjFaTTE0LjgxOSwxNC4xbDguOTY3LDExLjcyNWgxLjM2NUwxNi4yODMsMTQuMVoiLz48L3N2Zz4="
                      lazy="loaded"
                    />
                  </a>
                </li>
                <li>
                  <a
                    href="javascript:void(0);"
                    rel="noopener"
                    class="default-center email"
                  >
                    <i
                      aria-hidden="true"
                      class="v-icon notranslate mdi mdi-email theme--light"
                    ></i>
                  </a>
                </li>
              </ul>
            </div>
            <div class="licenses-wrapper">
              <h6 class="default-title">Licenses</h6>
              <div class="licenses-list">
                <div class="image-wrapper">
                  <img
                    loading="lazy"
                    alt="gc"
                    src={
                      
                      "/assets/images/gc.f267a07.svg"
                    }
                  
                    lazy="loaded"
                  />
                </div>
                <div class="image-wrapper">
                  <img
                    loading="lazy"
                    alt="18"
                    src="data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0My45NCA0My45NCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNkOTRhMzc7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTM0LjcyLDMxLjdsMS44MiwxLjQ3YTE5Ljk0LDE5Ljk0LDAsMSwxLDEtMjAuNzlsLTIsMS4xN2ExNy42MiwxNy42MiwwLDEsMC0uOCwxOC4xNVptNC41Ny0xMC42M1YxNi41M0gzNi4yM3Y0LjU0SDMxLjd2My4wNmg0LjUzdjQuNTNoMy4wNlYyNC4xM2g0LjU0VjIxLjA3Wk0xNC44NCwzMC44OVYxNC4yNGgtNWwtMS4xOCwxdjIuNjJoMi4zOHYxM1ptNC44NC05LjFhNC40MSw0LjQxLDAsMCwxLTEuOTQtMy41M2MwLTIuNjQsMi42NC00Ljc3LDUuODktNC43N3M1Ljg5LDIuMTMsNS44OSw0Ljc3YTQuMzgsNC4zOCwwLDAsMS0xLjk0LDMuNTMsNS4xMSw1LjExLDAsMCwxLDIuNjgsNC4zMWMwLDMtMyw1LjM3LTYuNjMsNS4zN1MxNywyOS4wNywxNywyNi4xQTUuMTMsNS4xMywwLDAsMSwxOS42OCwyMS43OVptMS40Ni0zLjUzYTIuMjksMi4yOSwwLDAsMCwyLjQ5LDIsMi4zLDIuMywwLDAsMCwyLjUtMiwyLjMsMi4zLDAsMCwwLTIuNS0yQTIuMjksMi4yOSwwLDAsMCwyMS4xNCwxOC4yNlptLS4zMSw3Ljg0YTIuNTcsMi41NywwLDAsMCwyLjgsMi4yNywyLjU4LDIuNTgsMCwwLDAsMi44MS0yLjI3LDIuNTksMi41OSwwLDAsMC0yLjgxLTIuMjdBMi41OCwyLjU4LDAsMCwwLDIwLjgzLDI2LjFaIi8+PC9zdmc+"
                    lazy="loaded"
                  />
                </div>
              </div>
            </div>
          </footer>
        </div>
      </div>
    </div>
  );
}

export default Home;