{"version":3,"sources":["containers/Home/MobileSlide/index.js","containers/Home/Slides/Carousel/Dost.js","containers/Home/Slides/Carousel/Carousel.js","containers/Home/Slides/Carousel/Card.js","containers/Home/Slides/index.js","containers/Home/index.js","pages/HomePage.js","containers/Home/Slides/Carousel/style.module.scss","containers/Home/styled.module.scss","containers/Home/MobileSlide/styled.module.scss","containers/Home/Slides/styled.module.scss"],"names":["MobileSlide","swiperRef","useRef","className","styles","wrapperSlide","blockChildSlideContent","slidesPerView","spaceBetween","pagination","clickable","modules","Navigation","onBeforeInit","swiper","current","blockChildSlideBot","blockSlide","src","width","height","titleSlide","content","onClickChangeSlide","button","onClick","slidePrev","slideNext","Dots","slides","currentSlide","goToSlide","Styles","converDot","dots","length","map","s","i","key","dot","active","interval","Example","sourceSlides","ref","useState","setCurrentSlide","offsetRadius","showNavigation","config","gentle","state","setState","slide","index","updateSlide","useEffect","setInterval","clearInterval","xDown","yDown","onTouchStart","evt","firstTouch","touches","originalEvent","MouseEvent","layerX","getTouches","clientX","clientY","onTouchMove","xUp","yUp","xDiff","yDiff","Math","abs","v","carousel","animationConfig","Card","imagen","show","setShown","props3","useSpring","transform","boxShadow","div","card","style","onMouseEnter","onMouseLeave","alt","SlideDemo","cards","wrapper","Carousel","Home","count","setCount","open","setOpen","offsetTop","id","item","setOffSetTop","handleOnScroll","window","pageYOffset","addEventListener","removeEventListener","ReactGA","send","rowContainerSecond","span","once","sectiontwo","blockLeftSectiontwo","titleProtec","blockRightSectiontwo","gridBlockSctiontwo","target","blockGritwo","GetDeal","PhoneFree","blockRightSectionChange","gridBlockSctiontwoChange","href","blockGritwoChange","footer","onCancel","centered","ModalOpen","rowContainerThree","blockAboutChek","blockAboutChekLeft","blockAboutChekRight","gridBlockAboutChekRight","gridBlockAboutChekRightButton","rowContainerSix","colContainerSix","secureBlockSlide","HomePage","module","exports"],"mappings":"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","file":"static/js/8.5b8f9f2c.chunk.js","sourcesContent":["import React, { useRef, useState } from \"react\";\n// Import Swiper React components\nimport { Swiper, SwiperSlide, useSwiper } from \"swiper/react\";\nimport styles from \"./styled.module.scss\";\nimport { Navigation } from \"swiper\";\n// import \"swiper/swiper-bundle.js\";\nimport \"swiper/swiper-bundle.min.css\";\n\n// Import Swiper styles\nimport \"swiper/swiper.min.css\";\nimport { left } from \"styled-system\";\n// import \"swiper/components/pagination\";\n\n// import \"./slide.css\";\n// import required modules\n\nexport default function MobileSlide() {\n  const swiperRef = useRef();\n  return (\n    <>\n      <div className={styles.wrapperSlide}>\n        <div className={styles.blockChildSlideContent}>\n          <Swiper\n            slidesPerView={1}\n            spaceBetween={10}\n            pagination={{\n              clickable: true,\n            }}\n            modules={[Navigation]}\n            onBeforeInit={(swiper) => {\n              swiperRef.current = swiper;\n            }}\n          >\n            <SwiperSlide className={styles.blockChildSlideBot}>\n              <div className={styles.blockSlide}>\n                <img\n                  src=\"/GhostHome/Tab_Banking.jpg\"\n                  width={\"100%\"}\n                  height={\"auto\"}\n                />\n              </div>\n              <div className={styles.titleSlide}>Banking & financials</div>\n              <div className={styles.content}>\n                <p>\n                  Information in the financial industry is of high value across\n                  the board. This creates a situation where every part of it is\n                  a potentially lucrative target. This threat model suggests a\n                  holistic approach to cybersecurity that leaves no attack\n                  surfaces uncovered. Regarding communications, protecting the\n                  exchanged information is of fundamental importance for both\n                  clients and financial institutions.\n                </p>\n              </div>\n            </SwiperSlide>\n            <SwiperSlide className={styles.blockChildSlideBot}>\n              <div className={styles.blockSlide}>\n                <img\n                  src=\"/GhostHome/Tab_Consulting.jpg\"\n                  width={\"100%\"}\n                  height={\"auto\"}\n                />\n              </div>\n              <div className={styles.titleSlide}>Consulting & accountancy</div>\n              <div className={styles.content}>\n                <p>\n                  Securing the confidentiality of high-value information is an\n                  integral part of the service consulting, and accounting\n                  companies offer. They access such information daily through\n                  multiple channels and devices. This, in turn, creates an\n                  attack vector for cybercriminals to target employee accounts\n                  with phishing schemes to obtain corporate information.\n                </p>\n              </div>\n            </SwiperSlide>\n            <SwiperSlide className={styles.blockChildSlideBot}>\n              <div className={styles.blockSlide}>\n                <img\n                  src=\"/GhostHome/Tab_Energy.jpg\"\n                  width={\"100%\"}\n                  height={\"auto\"}\n                />\n              </div>\n              <div className={styles.titleSlide}>Energy</div>\n              <div className={styles.content}>\n                <p>\n                  High stakes mark communication in the energy industry.\n                  Information regarding one company’s drilling, extraction,\n                  refining, shipping, and logistic activities, can be enough to\n                  affect prices in the sector instantly – causing a domino\n                  effect that can influence stock markets and national\n                  economies. The global scope of operations calls for\n                  communicating freely, regardless of borders.\n                </p>\n              </div>\n            </SwiperSlide>\n            <SwiperSlide className={styles.blockChildSlideBot}>\n              <div className={styles.blockSlide}>\n                <img\n                  src=\"/GhostHome/Tab_Legal.jpg\"\n                  width={\"100%\"}\n                  height={\"auto\"}\n                />\n              </div>\n              <div className={styles.titleSlide}>Legal professionals</div>\n              <div className={styles.content}>\n                <p>\n                  Lawyers are obligated to protect the confidentiality of their\n                  client's data, and law firms have to pay closer attention to\n                  confidentiality than the average business. If law firms do not\n                  secure their client communications and other data, they could\n                  violate the attorney-client privilege, lose clients, be\n                  subject to malpractice actions, damage their reputation, and\n                  possibly also lose their license to practice law.\n                </p>\n              </div>\n            </SwiperSlide>\n            <SwiperSlide className={styles.blockChildSlideBot}>\n              <div className={styles.blockSlide}>\n                <img\n                  src=\"/GhostHome/Tab_Pharmaceuticals.jpg\"\n                  width={\"100%\"}\n                  height={\"auto\"}\n                />\n              </div>\n              <div className={styles.titleSlide}>Pharmaceuticals</div>\n              <div className={styles.content}>\n                <p>\n                  The pharmaceutical industry is one of the top cybercrime\n                  targets due to the high value of companies’ intellectual\n                  property and R&D data. For example, drug formulas are some of\n                  the highest-value assets in the industry. At the same time,\n                  enterprises in the sector are often present in multiple\n                  markets, and R&D operations are spread across several\n                  locations.\n                </p>\n              </div>\n            </SwiperSlide>\n            <SwiperSlide className={styles.blockChildSlideBot}>\n              <div className={styles.blockSlide}>\n                <img\n                  src=\"/GhostHome/Tab_Security.jpg\"\n                  width={\"100%\"}\n                  height={\"auto\"}\n                />\n              </div>\n              <div className={styles.titleSlide}>Security & defense</div>\n              <div className={styles.content}>\n                <p>\n                  When it comes to the protection of people and property, having\n                  the right information at the right time is of critical\n                  importance. The defense industry calls for the highest\n                  available security and reliability standards and independence\n                  from third-party providers.\n                </p>\n              </div>\n            </SwiperSlide>\n          </Swiper>\n        </div>\n        <div className={styles.onClickChangeSlide}>\n          <button\n            className={styles.button}\n            onClick={() => swiperRef.current?.slidePrev()}\n          >\n            <img src=\"/iconback.png\" width={\"48px\"} height={\"48px\"} />\n          </button>\n          <button\n            className={styles.button}\n            onClick={() => swiperRef.current?.slideNext()}\n          >\n            <img src=\"/iconnext.png\" width={\"48px\"} height={\"48px\"} />\n          </button>\n        </div>\n      </div>\n    </>\n  );\n}\n","import React, { useEffect } from \"react\";\nimport Styles from \"./style.module.scss\";\n\nexport default function Dots({ slides = [], currentSlide = 0, goToSlide }) {\n  return (\n    <div className={Styles.converDot}>\n      <hr />\n      <div className={Styles.dots}>\n        {slides.length &&\n          slides.map((s, i) => {\n            return (\n              <div\n                key={i}\n                onClick={() => goToSlide(i)}\n                className={`${Styles.dot} ${\n                  i === currentSlide ? Styles.active : \"\"\n                }`}\n              >\n                {s.key}\n              </div>\n            );\n          })}\n      </div>\n      <hr />\n    </div>\n  );\n}\n","import React, { useEffect, useRef, useState } from \"react\";\nimport Carousel from \"react-spring-3d-carousel\";\nimport { config, useSpring, animated, useSprings } from \"react-spring\";\nimport Dots from \"./Dost\";\nimport Styles from \"./style.module.scss\";\n\nlet interval = null;\n\nfunction Example({ slides: sourceSlides = [] }) {\n  const ref = useRef();\n  const [currentSlide, setCurrentSlide] = useState(0);\n  const [state, setState] = useState({\n    goToSlide: 0,\n    offsetRadius: 2,\n    showNavigation: false,\n    config: config.gentle,\n  });\n\n  const slides = [...sourceSlides].map((slide, index) => {\n    return {\n      ...slide,\n      onClick: () => setState({ ...state, goToSlide: index }),\n    };\n  });\n\n  const updateSlide = () => {\n    setCurrentSlide(ref.current.state.index + 1);\n  };\n\n  useEffect(() => {\n    interval = setInterval(updateSlide, 30000);\n    return () => {\n      clearInterval(interval);\n    };\n  }, []);\n\n  useEffect(() => {\n    setState({ ...state, goToSlide: currentSlide });\n\n    // eslint-disable-next-line\n  }, [currentSlide]);\n\n  const handleClick = (v) => {\n    clearInterval(interval);\n    interval = setInterval(updateSlide, 5000);\n    setCurrentSlide(v);\n  };\n  // Handle click Card change Dost.\n  useEffect(() => {\n    setCurrentSlide(state.goToSlide);\n  }, [state.goToSlide]);\n\n  // ===============================================>>>>>>>\n  // Handle touch Mouse\n  let xDown = null;\n  let yDown = null;\n\n  const getTouches = (evt) => {\n    return (\n      evt.touches || evt.originalEvent.touches || MouseEvent.layerX // browser API\n    ); // jQuery\n  };\n\n  const handleTouchStart = (evt) => {\n    const firstTouch = getTouches(evt)[0];\n    xDown = firstTouch.clientX;\n    yDown = firstTouch.clientY;\n  };\n\n  const handleTouchMove = (evt) => {\n    if (!xDown || !yDown) {\n      return;\n    }\n\n    let xUp = evt.touches[0].clientX;\n    let yUp = evt.touches[0].clientY;\n\n    let xDiff = xDown - xUp;\n    let yDiff = yDown - yUp;\n\n    if (Math.abs(xDiff) > Math.abs(yDiff)) {\n      /*most significant*/\n      if (xDiff >= 0) {\n        /* left swipe */\n        setState({ goToSlide: ref.current.state.index + 1 });\n      } else {\n        /* right swipe */\n        setState({ goToSlide: ref.current.state.index - 1 });\n      }\n    } else {\n      if (yDiff > 0) {\n        /* up swipe */\n      } else {\n        /* down swipe */\n      }\n    }\n    /* reset values */\n    xDown = null;\n    yDown = null;\n  };\n  // ===============================================>>>>>>>\n  // Handle touch Mouse\n  return (\n    <div\n      onTouchStart={handleTouchStart}\n      onTouchMove={handleTouchMove}\n      className={Styles.wrapperSlide}\n    >\n      <Dots\n        slides={slides}\n        currentSlide={currentSlide >= slides.length ? 0 : currentSlide}\n        goToSlide={handleClick}\n      />\n      <div className={Styles.carousel}>\n        <Carousel\n          ref={ref}\n          slides={slides}\n          goToSlide={state.goToSlide}\n          offsetRadius={state.offsetRadius}\n          showNavigation={state.showNavigation}\n          animationConfig={state.config}\n        />\n      </div>\n    </div>\n  );\n}\n// ================================>Card\nexport function Carroussel(props) {\n  const table = props.cards.map((element, index) => {\n    return { ...element, onClick: () => setGoToSlide(index) };\n  });\n\n  const [offsetRadius, setOffsetRadius] = useState(2);\n  const [showArrows, setShowArrows] = useState(false);\n  const [goToSlide, setGoToSlide] = useState(null);\n  const [cards] = useState(table);\n\n  useEffect(() => {\n    setOffsetRadius(props.offset);\n    setShowArrows(props.showArrows);\n  }, [props.offset, props.showArrows]);\n  return (\n    <div\n      style={{ width: props.width, height: props.height, margin: props.margin }}\n    >\n      <Carousel\n        slides={cards}\n        goToSlide={goToSlide}\n        offsetRadius={offsetRadius}\n        showNavigation={showArrows}\n        animationConfig={config.gentle}\n      />\n    </div>\n  );\n}\n\nexport default Example;\n","import Styles from \"./style.module.scss\";\nimport React, { useState } from \"react\";\nimport { useSpring, animated } from \"react-spring\";\n\nfunction Card({ imagen }) {\n  const [show, setShown] = useState(false);\n\n  const props3 = useSpring({\n    transform: show ? \"scale(1.03)\" : \"scale(1)\",\n    boxShadow: show\n      ? \"0 20px 25px rgb(0 0 0 / 25%)\"\n      : \"0 2px 10px rgb(0 0 0 / 8%)\",\n  });\n  // ==================>>>>>>>>>>>>>>>>\n\n  return (\n    <animated.div\n      className={Styles.card}\n      style={props3}\n      onMouseEnter={() => setShown(true)}\n      onMouseLeave={() => setShown(false)}\n      // ref={sliderRef}\n    >\n      <img src={imagen} alt=\"\" />\n    </animated.div>\n  );\n}\n\nexport default Card;\n","import React from \"react\";\nimport Carousel from \"./Carousel/Carousel\";\nimport { v4 as uuidv4 } from \"uuid\";\nimport Card from \"./Carousel/Card\";\nimport Styles from \"./styled.module.scss\";\nconst SlideDemo = () => {\n  let cards = [\n    {\n      key: \"Bank\",\n      content: <Card imagen=\"/GhostHome/Tab_Banking_new.png\" />,\n    },\n    {\n      key: \"Consulting\",\n      content: <Card imagen=\"/GhostHome/Tab_Consulting.png\" />,\n    },\n    {\n      key: \"Energy\",\n      content: <Card imagen=\"/GhostHome/Tab_Energy.png\" />,\n    },\n    {\n      key: \"Legal\",\n      content: <Card imagen=\"/GhostHome/Tab_Legal.png\" />,\n    },\n    {\n      key: \"Pharmaceuticals\",\n      content: <Card imagen=\"/GhostHome/Tab_Pharmace.png\" />,\n    },\n    {\n      key: \"Security\",\n      content: <Card imagen=\"/GhostHome/Tab_Security.png\" />,\n    },\n  ];\n  return (\n    <div className={Styles.wrapper}>\n      <Carousel slides={cards} />\n    </div>\n  );\n};\nexport default SlideDemo;\n","import { Col, Row } from \"antd\";\nimport React, { useEffect, useState } from \"react\";\nimport styles from \"./styled.module.scss\";\nimport LazyLoad from \"react-lazyload\";\nimport MobileSlide from \"./MobileSlide/index\";\nimport SlideDemo from \"./Slides/index\";\nimport ReactGA from \"react-ga4\";\nimport { Modal, Upload } from \"antd\";\n\nconst Home = () => {\n  // Handle scroll run number\n  const [count, setCount] = useState(0);\n  const [open, setOpen] = useState(false);\n  const handleCancel = () => {\n    setOpen(false);\n  };\n  const handleOpenModal = () => {\n    setOpen(true);\n  };\n  useEffect(() => {\n    if (offsetTop && count < 180) {\n      const id = setInterval(() => setCount((item) => item + 1), 10);\n      return () => {\n        clearInterval(id);\n      };\n    }\n  });\n\n  const [offsetTop, setOffSetTop] = useState(false);\n  const isTop = 450 || 100; // check position mouse\n  const handleOnScroll = () => {\n    if (window.pageYOffset > isTop) {\n      setOffSetTop(true);\n    } else {\n      setOffSetTop(false);\n    }\n  };\n\n  useEffect(() => {\n    window.addEventListener(\"scroll\", handleOnScroll);\n    return () => {\n      window.removeEventListener(\"scroll\", handleOnScroll);\n    };\n  }, [isTop, handleOnScroll]);\n  // Handle scroll run number\n\n  useEffect(() => {\n    ReactGA.send(\"pageview\");\n  }, []);\n\n  return (\n    <>\n      {/* <Row className={styles.rowContainer}>\n        <Col span={24} className={styles.container}>\n          <img\n            src=\"/GhostHome/home_background.png\"\n            width={'auto'}\n            height={'100%'}\n          />\n        </Col>\n        <Col span={20} className={styles.blockImage}>\n          <div className={styles.blockLeft}>\n            <h1>SECURED ANONYMITY</h1>\n            <a>\n              TRUSTED BY TOP FIRMS <br />\n              AROUND THE WORLD\n            </a>\n            <p>\n              Built from the ground up and designed <br /> for maximum security.\n            </p>\n          </div>\n          <div className={styles.blockRight}>\n            <img\n              src=\"/GhostHome/home_block_background.png\"\n              width={'548px'}\n              height={'719px'}\n            />\n          </div>\n        </Col>\n      </Row> */}\n      <Row className={styles.rowContainerSecond}>\n        <Col span={20}>\n          <LazyLoad once={true} height={\"938px\"} className={styles.sectiontwo}>\n            <div className={styles.blockLeftSectiontwo}>\n              <h1>CHEK</h1>\n              {/* <h4>SECURED ANONYMITY</h4> */}\n              {/* <a>\n                <img src=\"/ButtonMore.png\" />\n                Learn more\n              </a> */}\n              <div className={styles.titleProtec}>\n                {/* 360° <span>protection</span> */}\n                Your Privacy is <span>Our Commitment</span>\n                <p>\n                  Preserving your fundamental right to privace with\n                  uncompromising security.\n                </p>\n              </div>\n            </div>\n            <div className={styles.blockRightSectiontwo}>\n              <div className={styles.gridBlockSctiontwo}>\n                {/* <a href=\"#\" className={styles.blockGridone}>\n                  <a>CHEK STACK</a>\n                  <img\n                    src=\"/PhoneBlock1.png\"\n                    width={'312px'}\n                    height={'142px'}\n                  />{' '}\n                </a> */}\n                <a\n                  // href=\"https://shop.getchek.com/partners/create_account\"\n                  target=\"_blank\"\n                  className={styles.blockGritwo}\n                  onClick={handleOpenModal}\n                >\n                  <h3>Launch Promo</h3>\n                  <h1>9 Months FREE</h1>\n                  <p>\n                    Limited Time Promo Expires:\n                    <br /> October 31, 2024 11:59 PM ICT\n                  </p>\n                  <div>\n                    <a className={styles.GetDeal}>\n                      Show regular retail pricing\n                    </a>\n                  </div>\n                  <div className={styles.PhoneFree}>\n                    <img src=\"/Ghost_OS.png\" width={\"252px\"} height={\"360px\"} />\n                  </div>\n                </a>\n\n                {/* <a href=\"/chek-os\" className={styles.blockGrithree}>\n                  <a>CHEK OS</a>\n                  <img\n                    src=\"/PhoneBlock2.png\"\n                    width={'315px'}\n                    height={'308px'}\n                  />\n                </a> */}\n              </div>\n            </div>\n            <div className={styles.blockRightSectionChange}>\n              <div className={styles.gridBlockSctiontwoChange}>\n                <a\n                  href=\"https://shop.getchek.com/partners/create_account\"\n                  target=\"_blank\"\n                  className={styles.blockGritwoChange}\n                >\n                  <a>\n                    CHEK Member\n                    <br /> System\n                  </a>{\" \"}\n                  <div>\n                    <img\n                      src=\"/PhoneBlock3-new001.png\"\n                      width={\"312px\"}\n                      height={\"272px\"}\n                    />\n                  </div>\n                </a>\n              </div>\n            </div>\n          </LazyLoad>\n          <Modal\n            open={open}\n            footer={null}\n            onCancel={handleCancel}\n            centered\n            className={styles.ModalOpen}\n          >\n            <p>\n              <b>Price list</b>\n            </p>\n            <p>1 Month - $125 USD</p>\n            <p>3 Months - $350 USD</p>\n            <p>6 Months - $650 USD</p>\n            <p>12 Months - $1200 USD</p>\n          </Modal>\n        </Col>\n      </Row>\n      {/* SectionThree */}\n      <Row className={styles.rowContainerThree}>\n        <Col span={20}>\n          <div className={styles.blockAboutChek}>\n            <div className={styles.blockAboutChekLeft}>\n              <h1>About CHEK</h1>\n              <p>\n                In the ever-growing digital world where it seems every action\n                can be tracked, privacy may seem more like an ideal concept than\n                reality. With an exponentially increasing number of data\n                breaches and other malicious attackers looking to intercept,\n                monitor, or exploit your data, your personal data and privacy\n                are at risk daily.\n              </p>\n              <p>\n                In thí day and age where more and more are working from home,\n                there's little distinction between personal and professional\n                when it comes to data. This means organizations must protect the\n                privacy of customers and employees to protect themselves.\n              </p>\n              <p>\n                Our mission at CHEK is to provide the tools to navigate this\n                digital world world and communicate securely while preserving\n                the peace of mind that your data remains yours, and yours alone.\n              </p>\n            </div>\n\n            <div className={styles.blockAboutChekRight}>\n              <div className={styles.gridBlockAboutChekRight}>\n                <a\n                  href=\"https://shop.getchek.com/partners/create_account\"\n                  target=\"_blank\"\n                  className={styles.gridBlockAboutChekRightButton}\n                >\n                  <a>\n                    CHEK Member\n                    <br /> System\n                  </a>{\" \"}\n                  <div>\n                    <img src=\"/Chek_Partner_update.png\" />\n                  </div>\n                </a>\n              </div>\n            </div>\n          </div>\n          {/* <div className={styles.wrapperBlock}>\n            <div className={styles.blockNumber}>\n              <div>\n                <h1>{count < 20 ? count : 20}K</h1>\n                <p>Users around the world</p>\n              </div>\n              <img src=\"/Line1.png\" height={'140px'} />\n              <div>\n                <h1>{count < 60 ? count : 60}+</h1>\n                <p>Dedicated team members</p>\n              </div>\n            </div>\n            <div className={styles.blockNumber}>\n              <img\n                src=\"/Line1.png\"\n                height={'140px'}\n                className={styles.blockChild}\n              />\n              <div>\n                <h1 className={styles.block180}>\n                  <span>{count < 180 ? count : 180}</span>+\n                </h1>\n                <p>Countries service coverage</p>\n              </div>\n              <img src=\"/Line1.png\" height={'140px'} />\n              <div>\n                <h1 className={styles.block99}>\n                  {count < 100 ? count : 99}.9%\n                </h1>\n                <p>Uptime</p>\n              </div>\n            </div>\n          </div> */}\n        </Col>\n      </Row>\n      {/* SlideDemo */}\n      <Row className={styles.rowContainerSix}>\n        <Col span={20} className={styles.colContainerSix}>\n          <a>\n            Secure <span>your business</span> data\n          </a>\n          <div className={styles.secureBlockSlide}>\n            <p>\n              Different industries have different communication needs. As a\n              result, they face different threat models – which, in turn, calls\n              for different security setups. There is no one-size-fits-all\n              solution to secure your business communications. Our secure\n              communication solutions are designed to be flexible and scalable\n              to meet the needs of different sectors.\n            </p>\n          </div>\n          <SlideDemo />\n          <MobileSlide />\n        </Col>\n      </Row>\n      {/* SectionFour */}\n      {/* <Row className={styles.rowContainerFour}>\n        <Col span={20} className={styles.colContainerFour}>\n          <div className={styles.inLineText}>\n            Latest news <span>from Chek</span>\n          </div>\n          <div className={styles.blockAllSectionFour}>\n            <div className={styles.blockOneInSectionFour}>\n              <img src=\"/Ghost/ChekPhone.jpg\" width={'auto'} height={'220'} />\n              <a>Chek Chat 2.1.0: Streamlining the User Experience</a>\n              <p>\n                20th Oct 2022 · By &nbsp;<a>Chek Agency</a>{' '}\n              </p>\n            </div>\n            <div className={styles.blockOneInSectionFour}>\n              <img src=\"/Ghost/ChekPhone.jpg\" width={'auto'} height={'220'} />\n              <a>Chek OS 2.1.0: Better User experience</a>\n              <p>\n                20th Oct 2022 · By &nbsp;<a>Chek Agency</a>{' '}\n              </p>\n            </div>\n            <div className={styles.blockOneInSectionFour}>\n              <img src=\"/Ghost/ChekPhone.jpg\" width={'auto'} height={'220'} />\n              <a>Secure Chat 2.0.0: Enhanced Group Chat Anonymity</a>\n              <p>\n                20th Oct 2022 · By &nbsp;<a>Chek Agency</a>{' '}\n              </p>\n            </div>\n          </div>\n        </Col>\n      </Row> */}\n      {/* <Row className={styles.rowContainerFive}>\n        <Col span={20} className={styles.colContainerFive}>\n          <div className={styles.blockLeftFive}>\n            Book a personalized demo <a>Book a demo</a>\n          </div>\n          <img src=\"/PhoneSec5.png\" height={'250px'} width={'auto'} />\n        </Col>\n      </Row> */}\n    </>\n  );\n};\nexport default Home;\n","import React from \"react\";\nimport Home from \"../containers/Home\";\n\nconst HomePage = () => {\n  return <Home />;\n};\n\nexport default HomePage;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"converDot\":\"style_converDot__RpjbB\",\"dots\":\"style_dots__tIOvR\",\"dot\":\"style_dot__2foF-\",\"active\":\"style_active__28d-n\",\"card\":\"style_card__12dbS\",\"btnn\":\"style_btnn__2285p\",\"carousel\":\"style_carousel__2iaLy\",\"wrapperSlide\":\"style_wrapperSlide__3EYvr\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"container\":\"styled_container__3RFkr\",\"blockImage\":\"styled_blockImage__3HdWh\",\"rowContainer\":\"styled_rowContainer__3TvM6\",\"blockLeft\":\"styled_blockLeft__3tnPC\",\"blockRight\":\"styled_blockRight__1RZOz\",\"rowContainerSecond\":\"styled_rowContainerSecond__wmZIx\",\"sectiontwo\":\"styled_sectiontwo__1SgnN\",\"blockLeftSectiontwo\":\"styled_blockLeftSectiontwo__2zAmG\",\"blockRightSectiontwo\":\"styled_blockRightSectiontwo__1snrj\",\"gridBlockSctiontwo\":\"styled_gridBlockSctiontwo__1LMl1\",\"blockGridone\":\"styled_blockGridone__39XWI\",\"blockGritwo\":\"styled_blockGritwo__1Lw3V\",\"blockGrithree\":\"styled_blockGrithree__3jG7v\",\"titleProtec\":\"styled_titleProtec__2I3ik\",\"rowContainerThree\":\"styled_rowContainerThree__1SmY3\",\"blockNumber\":\"styled_blockNumber__3T-80\",\"rowContainerFour\":\"styled_rowContainerFour__3LbZC\",\"colContainerFour\":\"styled_colContainerFour__2Vee3\",\"inLineText\":\"styled_inLineText__21mO1\",\"blockAllSectionFour\":\"styled_blockAllSectionFour__1UjRX\",\"blockOneInSectionFour\":\"styled_blockOneInSectionFour__2zUB_\",\"rowContainerFive\":\"styled_rowContainerFive__3j6L5\",\"colContainerFive\":\"styled_colContainerFive__1jPYE\",\"blockLeftFive\":\"styled_blockLeftFive__25svC\",\"rowContainerSix\":\"styled_rowContainerSix__3PMWI\",\"colContainerSix\":\"styled_colContainerSix__Srxuh\",\"secureBlockSlide\":\"styled_secureBlockSlide__3f3_M\",\"blockChild\":\"styled_blockChild__D_brs\",\"wrapperBlock\":\"styled_wrapperBlock__3hXRj\",\"block180\":\"styled_block180__2inFh\",\"block99\":\"styled_block99__2uocH\",\"blockAboutChek\":\"styled_blockAboutChek__3I4kq\",\"blockRightSectionChange\":\"styled_blockRightSectionChange__3zCR-\",\"gridBlockSctiontwoChange\":\"styled_gridBlockSctiontwoChange__vC1cv\",\"blockGritwoChange\":\"styled_blockGritwoChange__80WRm\",\"GetDeal\":\"styled_GetDeal__w-lOz\",\"ModalOpen\":\"styled_ModalOpen__20CYS\",\"PhoneFree\":\"styled_PhoneFree__2chBs\",\"blockAboutChekLeft\":\"styled_blockAboutChekLeft__kmO3-\",\"blockAboutChekRight\":\"styled_blockAboutChekRight__3k0fX\",\"gridBlockAboutChekRight\":\"styled_gridBlockAboutChekRight__3-v2j\",\"gridBlockAboutChekRightButton\":\"styled_gridBlockAboutChekRightButton__2r9Pn\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"wrapperSlide\":\"styled_wrapperSlide__29xe4\",\"onClickChangeSlide\":\"styled_onClickChangeSlide__1xoPP\",\"button\":\"styled_button__16PSd\",\"blockChildSlideBot\":\"styled_blockChildSlideBot__3KAXH\",\"titleSlide\":\"styled_titleSlide__2CLZd\",\"content\":\"styled_content__2Y7-O\",\"blockSlide\":\"styled_blockSlide__3HyH7\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"wrapper\":\"styled_wrapper__2zGLz\"};"],"sourceRoot":""}