{"version":3,"sources":["assets/hero/talha-anis-profile.jpg","assets/navbar/mobile-menu.svg","assets/navbar/mobile-close.svg","assets/hero/talha-anis.png","assets/partners/devops.svg","assets/partners/aws.svg","assets/partners/docker.svg","assets/partners/golang.svg","assets/partners/python-3.svg","assets/partners/react.svg","assets/partners/html5.svg","assets/partners/javascript.svg","assets/partners/bootstrap.svg","assets/partners/nginx.svg","assets/partners/mysql.svg","assets/partners/mongodb.svg","assets/partners/postgres.svg","assets/partners/puppet.svg","assets/partners/terraform.svg","assets/partners/ansible.svg","assets/partners/cloudflare.svg","assets/partners/grpc.svg","assets/footer/arrow.svg","components/navbar/desktop-nav.jsx","components/navbar/mobile-nav.jsx","components/navbar/backdrop.jsx","components/ui-components/button/button.jsx","components/hero/hero.jsx","components/partners/partnerBox.jsx","components/partners/swiper.jsx","components/partners/partners.jsx","components/ui-components/title/title.jsx","components/about/about.jsx","components/contact/contactInfo/contactSocial.jsx","components/contact-modal/ModalBackdrop.jsx","components/contact-modal/SuccessModal.jsx","components/contact-modal/ErrorModal.jsx","components/contact-modal/Modal.jsx","components/contact/contact.jsx","components/footer/footer.jsx","App.js","serviceWorker.js","index.js"],"names":["module","exports","desktopNav","props","className","userIsScrolled","href","onClick","mobileMenuOpen","src","MobileMenuIcon","alt","activeClass","to","spy","smooth","offset","duration","mobileNav","isOpen","closeMobileMenu","CloseIcons","backdrop","hero","target","label","id","md","lg","HeroImage","partnerBox","partner","MutipleSlidesPerView","state","partners","preview","Partner01","Partner02","Partner03","Partner04","Partner05","Partner06","Partner07","Partner08","Partner09","Partner10","Partner11","Partner12","Partner13","Partner14","Partner15","Partner16","Partner17","Partner18","partnersRender","this","map","key","slidesPerView","delay","isMobile","params","grabCursor","spaceBetween","loop","autoplay","disableOnInteraction","React","Component","title","about","contactSocial","center","xs","bgColor","url","network","role","aria-label","tabIndex","closeModal","onKeyDown","successModal","errorModal","modal","innerModalRender","status","bottom","SuccessModal","ErrorModal","Contact","inputHandler","event","setState","name","value","handleSubmit","e","self","sending","preventDefault","template_params","email","message","emailjs","then","response","showSuccessModal","showErrorModal","error","resetForm","submitButtonRender","type","modalRender","Modal","onSubmit","placeholder","required","onChange","rows","cols","sm","Arrow","App","createBrowserHistory","basename","process","mobileNavbarOpen","window","pageYOffset","addEventListener","removeEventListener","mobileNavbar","phoneNumber","accountName","avatar","chatMessage","Boolean","location","hostname","match","ReactDOM","render","StrictMode","document","getElementById","navigator","serviceWorker","ready","registration","unregister","catch","console"],"mappings":"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","file":"static/js/main.9be66e8a.chunk.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/media/talha-anis-profile.76b9b534.jpg\";","module.exports = __webpack_public_path__ + \"static/media/mobile-menu.8608ac63.svg\";","module.exports = __webpack_public_path__ + \"static/media/mobile-close.858fbaaa.svg\";","module.exports = __webpack_public_path__ + \"static/media/talha-anis.f6672494.png\";","module.exports = __webpack_public_path__ + \"static/media/devops.e67644d2.svg\";","module.exports = __webpack_public_path__ + \"static/media/aws.9a8d4c79.svg\";","module.exports = __webpack_public_path__ + \"static/media/docker.d3430b8b.svg\";","module.exports = __webpack_public_path__ + \"static/media/golang.14e869f7.svg\";","module.exports = __webpack_public_path__ + \"static/media/python-3.53bff15d.svg\";","module.exports = __webpack_public_path__ + \"static/media/react.ddd11c2b.svg\";","module.exports = __webpack_public_path__ + \"static/media/html5.9ea30473.svg\";","module.exports = __webpack_public_path__ + \"static/media/javascript.f6d0312a.svg\";","module.exports = __webpack_public_path__ + \"static/media/bootstrap.2f571c9e.svg\";","module.exports = __webpack_public_path__ + \"static/media/nginx.30808c3e.svg\";","module.exports = __webpack_public_path__ + \"static/media/mysql.b04e488e.svg\";","module.exports = __webpack_public_path__ + \"static/media/mongodb.d571053a.svg\";","module.exports = __webpack_public_path__ + \"static/media/postgres.2671fe74.svg\";","module.exports = __webpack_public_path__ + \"static/media/puppet.0b452456.svg\";","module.exports = __webpack_public_path__ + \"static/media/terraform.3e86b227.svg\";","module.exports = __webpack_public_path__ + \"static/media/ansible.dedc74c6.svg\";","module.exports = __webpack_public_path__ + \"static/media/cloudflare.17b66214.svg\";","module.exports = __webpack_public_path__ + \"static/media/grpc.e4b9e311.svg\";","module.exports = __webpack_public_path__ + \"static/media/arrow.e2e31208.svg\";","import React from 'react';\nimport { Link } from \"react-scroll\";\n // SCSS\nimport './navbar.scss';\n// Assets\nimport MobileMenuIcon from '../../assets/navbar/mobile-menu.svg';\n\nconst desktopNav = (props) => (\n  <nav className={`Navbar ${!props.userIsScrolled ? \"extraLargeNavbar\" : \"\"}`}>\n    <div className=\"wrapper flex-s-between\">\n      <div>\n        <a className=\"navbar__brand weight800 font20\" href=\"https://codepy.io\">CODEPY</a>\n      </div>\n      <div className=\"mobile__menu\" onClick={props.mobileMenuOpen}>\n        <img src={MobileMenuIcon} alt=\"menu\" />\n      </div>\n      <div className=\"desktop__menu\">\n        <ul className=\"flex-s-between\">\n          <li>\n            <Link activeClass=\"active-link\" to=\"hero\" spy={true} smooth={true} offset={-70} duration={500}>\n              INFO\n            </Link>\n          </li>\n          <li>\n            <Link activeClass=\"active-link\" to=\"about\" spy={true} smooth={true} offset={-70} duration={500}>\n              ABOUT\n            </Link>\n          </li>\n          <li>\n            <Link activeClass=\"active-link\" to=\"contact\" spy={true} smooth={true} offset={-70} duration={500}>\n              CONTACT\n            </Link>\n          </li>\n        </ul>\n      </div>\n    </div>\n  </nav>\n);\n\nexport default desktopNav;","import React from \"react\";\nimport { Link } from \"react-scroll\";\n// SCSS\nimport \"./navbar.scss\";\n// Assets\nimport CloseIcons from '../../assets/navbar/mobile-close.svg';\n\nconst mobileNav = (props) => (\n  <div className={`mobile__navbar ${props.isOpen ? \"mobile__open\" : \"\"}`}>\n    <div className=\"mobile__navbar-close\" onClick={props.closeMobileMenu}>\n      <img src={CloseIcons} alt=\"close\" />\n    </div>\n    <div className=\"mobile__navbar-menu\">\n      <ul>\n        <li className=\"flex-center\">\n          <Link\n            activeClass=\"active-link\"\n            to=\"hero\"\n            spy={true}\n            smooth={true}\n            offset={-70}\n            duration={500}\n            onClick={props.closeMobileMenu}\n          >\n            INFO\n          </Link>\n        </li>\n        <li className=\"flex-center\">\n          <Link\n            activeClass=\"active-link\"\n            to=\"about\"\n            spy={true}\n            smooth={true}\n            offset={-70}\n            duration={500}\n            onClick={props.closeMobileMenu}\n          >\n            ABOUT\n          </Link>\n        </li>\n        <li className=\"flex-center\">\n          <Link\n            activeClass=\"active-link\"\n            to=\"contact\"\n            spy={true}\n            smooth={true}\n            offset={-70}\n            duration={500}\n            onClick={props.closeMobileMenu}\n          >\n            CONTACT\n          </Link>\n        </li>\n      </ul>\n    </div>\n  </div>\n);\n\nexport default mobileNav;\n","import React from \"react\";\n\nimport \"./navbar.scss\";\n\nconst backdrop = (props) => (\n  <div\n    onClick={props.closeMobileMenu}\n    className={`backdrop ${props.isOpen ? \"backdrop__open\" : \"\"}`}\n  ></div>\n);\n\nexport default backdrop;\n","import React from \"react\";\nimport { Link } from \"react-scroll\";\n// SCSS\nimport \"./button.scss\";\n\nconst hero = (props) => (\n  <div className=\"button\">\n    <Link\n      className=\"button-link\"\n      to={props.target}\n      spy={true}\n      smooth={true}\n      offset={-70}\n      duration={500}\n    >\n      {props.label}\n    </Link>\n  </div>\n);\n\nexport default hero;\n","import React from \"react\";\nimport { Row, Col } from \"react-flexbox-grid\";\n// SCSS\nimport \"./hero.scss\";\n//Assets\nimport HeroImage from '../../assets/hero/talha-anis.png';\n//Components\nimport Button from '../ui-components/button/button';\n\nconst hero = () => (\n  <div className=\"hero\" id=\"hero\">\n    <div className=\"wrapper\">\n      <Row>\n        <Col md={6} lg={12}>\n          <div className=\"hero-image\">\n            <img src={HeroImage} alt=\"profile\" />\n          </div>\n        </Col>\n        <Col md={6} lg={12}>\n          <div className=\"hero-info\">\n            <h1 className=\"font15\">HEY THERE !</h1>\n            <h1 className=\"font-info\">\n              I AM TALHA ANIS\n            </h1>\n            <p className=\"font14\">\n              Founder & Full-Stack Developer of <a href=\"http://codepy.io\">Codepy.io</a> and <a href=\"http://hostingwp.io\">Hostingwp.io</a>\n            </p>\n            <Button label=\"SEND MESSAGE\" target={\"contact\"} />\n          </div>\n        </Col>\n      </Row>\n    </div>\n  </div>\n);\n\nexport default hero;","import React from \"react\";\n// SCSS\nimport \"./partnerBox.scss\";\n\nconst partnerBox = (props) => (\n  <div className=\"partner__box flex-center\">\n    <img src={props.partner} alt=\"partner\" />\n  </div>\n);\n\nexport default partnerBox;\n","import React from \"react\";\nimport Swiper from \"react-id-swiper\";\nimport {isMobile} from 'react-device-detect';\n// SCSS\nimport \"swiper/css/swiper.css\";\n// Components\nimport PartnerBox from \"./partnerBox\";\n// Assets\nimport Partner01 from \"../../assets/partners/devops.svg\";\nimport Partner02 from \"../../assets/partners/aws.svg\";\nimport Partner03 from \"../../assets/partners/docker.svg\";\nimport Partner04 from \"../../assets/partners/golang.svg\";\nimport Partner05 from \"../../assets/partners/python-3.svg\";\nimport Partner06 from \"../../assets/partners/react.svg\";\nimport Partner07 from \"../../assets/partners/html5.svg\";\nimport Partner08 from \"../../assets/partners/javascript.svg\";\nimport Partner09 from \"../../assets/partners/bootstrap.svg\";\nimport Partner10 from \"../../assets/partners/nginx.svg\";\nimport Partner11 from \"../../assets/partners/mysql.svg\";\nimport Partner12 from \"../../assets/partners/mongodb.svg\";\nimport Partner13 from \"../../assets/partners/postgres.svg\";\nimport Partner14 from \"../../assets/partners/puppet.svg\";\nimport Partner15 from \"../../assets/partners/terraform.svg\";\nimport Partner16 from \"../../assets/partners/ansible.svg\";\n\nimport Partner17 from \"../../assets/partners/cloudflare.svg\";\nimport Partner18 from \"../../assets/partners/grpc.svg\";\n\n\nclass MutipleSlidesPerView extends React.Component {\n  state = {\n    partners: [\n      {\n        preview: Partner01,\n        id: \"1\",\n      },\n      {\n        preview: Partner02,\n        id: \"2\",\n      },\n      {\n        preview: Partner03,\n        id: \"3\",\n      },\n      {\n        preview: Partner04,\n        id: \"4\",\n      },\n      {\n        preview: Partner05,\n        id: \"5\",\n      },\n      {\n        preview: Partner06,\n        id: \"6\",\n      },\n      {\n        preview: Partner07,\n        id: \"7\",\n      },\n      {\n        preview: Partner08,\n        id: \"8\",\n      },\n      {\n        preview: Partner09,\n        id: \"9\",\n      },\n      {\n        preview: Partner10,\n        id: \"10\",\n      },\n      {\n        preview: Partner11,\n        id: \"11\",\n      },\n      {\n        preview: Partner12,\n        id: \"12\",\n      },\n      {\n        preview: Partner13,\n        id: \"13\",\n      },\n      {\n        preview: Partner14,\n        id: \"14\",\n      },\n      {\n        preview: Partner15,\n        id: \"15\",\n      },\n      {\n        preview: Partner16,\n        id: \"16\",\n      },\n      {\n        preview: Partner17,\n        id: \"17\",\n      },\n      {\n        preview: Partner18,\n        id: \"18\",\n      },\n    ],\n  };\n\n  render() {\n    let partnersRender = null;\n\n    if (this.state.partners) {\n      partnersRender = this.state.partners.map((partner) => (\n        <div key={partner.id}>\n          <PartnerBox partner={partner.preview} />\n        </div>\n      ));\n    }\n\n    var slidesPerView = 5;\n    var delay = 1500;\n    if (isMobile){\n      slidesPerView = 2\n      delay = 1000;\n    }\n    const params = {\n      grabCursor: true,\n      slidesPerView: slidesPerView,\n      spaceBetween: 10,\n      loop: true,\n      autoplay: {\n        delay: delay,\n        disableOnInteraction: false\n      },\n    };\n    return <Swiper {...params}>{partnersRender}</Swiper>;\n  }\n};\nexport default MutipleSlidesPerView;\n","import React from \"react\";\nimport Swiper from './swiper';\n//SCSS\nimport \"./partners.scss\";\n\nconst partners = () => (\n  <div id=\"partners\">\n    <div className=\"wrapper\">\n      <Swiper/>\n    </div>\n  </div>\n);\n\nexport default partners;\n","import React from \"react\";\nimport { Row, Col } from \"react-flexbox-grid\";\n\nimport \"./title.scss\";\n\nconst title = (props) => (\n  <Row>\n    <Col className=\"big__title\">\n      <h2 className=\"weight800 font60\">{props.title}</h2>\n    </Col>\n  </Row>\n);\n\nexport default title;\n","import React from \"react\";\nimport \"./about.scss\";\n// Components\nimport Title from \"../ui-components/title/title\";\n// Assets\n\nconst about = () => (\n  <div id=\"about\">\n    <div className=\"wrapper\">\n      <Title title=\"ABOUT ME\" />\n      <p className=\"info\">\n      Backend Developer and DevOps Engineer with years of hands-on experience in implementing \n      highly available and scalable applications and architectures \n      using a range of technologies and programming languages.\n      </p>\n      <br></br>\n      <div className=\"desktopSkills\">\n        <p><b>Languages:</b> Golang, Python, Shell, ReactJS, JavaScript, HTML, CSS, Bootstrap</p>\n        <p><b>API interface:</b> REST API, gRPC, JSON-RPC, Websocket, Socket.io</p>\n        <p><b>Security:</b> TLS, Authentication(oAUTH2, Auth0, BasicAuth), Authorization</p>\n        <p><b>DBMS:</b> MySQL, PostgreSQL, MongoDB, AWS DynamoDB, AWS RDS, LevelDB</p>\n        <p><b>Containerization:</b> Docker, Kubernetes, AWS ECS, AWS EKS, AWS ECR</p>\n        <p><b>DevOps:</b> Linux, Puppet, Ansible, Terraform, Nginx, Apache-II, Cron, Regex</p>\n        <p><b>Cloud Providers:</b> GCP, AWS, Azure, Digital Ocean, Vultur, Contabo</p>\n        <p><b>AWS:</b> EC2, ELB, Lambda, API Gateway, S3, S3-website, CloudWatch, IAM, CLI, Route 53, ACM, CloudFront</p>\n        <p><b>CI/CD:</b> GitlabCI, BitbucketCI, CircleCI, Github Actions, Webhook based custom pipelines</p>\n        <p><b>Networking:</b> Iptables, Firewalls, Wireshark</p>\n        <p><b>Server administration:</b> Linux (Ubuntu, Debian), Windows, macOS</p>\n        <p><b>Git:</b> Bitbucket, Github, Gitlab</p>\n        <p><b>Teamwork:</b> Agile, Scrum, Jira, Slack</p>\n      </div>\n      <div className=\"mobileSkills\">\n        <b>Languages</b> <p> Golang, Python, Shell, ReactJS, JavaScript, HTML, CSS, Bootstrap</p>\n        <b>API interface</b> <p> REST API, gRPC, JSON-RPC, Websocket, Socket.io</p>\n        <b>Security</b> <p> TLS, Authentication(oAUTH2, Auth0, BasicAuth), Authorization</p>\n        <b>DBMS</b> <p> MySQL, PostgreSQL, MongoDB, AWS DynamoDB, AWS RDS, LevelDB</p>\n        <b>Containerization</b> <p> Docker, Kubernetes, AWS ECS, AWS EKS, AWS ECR</p>\n        <b>DevOps</b> <p> Linux, Puppet, Ansible, Terraform, Nginx, Apache-II, Cron, Regex</p>\n        <b>Cloud_Providers</b> <p> GCP, AWS, Azure, Digital Ocean, Vultur, Contabo</p>\n        <b>AWS</b> <p> EC2, ELB, Lambda, API Gateway, S3, S3-website, CloudWatch, IAM, CLI, Route 53, ACM, CloudFront</p>\n        <b>CI/CD</b> <p> GitlabCI, BitbucketCI, CircleCI, Github Actions, Webhook based custom pipelines</p>\n        <b>Networking</b> <p> Iptables, Firewalls, Wireshark</p>\n        <b>Server_administration</b> <p> Linux (Ubuntu, Debian), Windows, macOS</p>\n        <b>Git</b> <p> Bitbucket, Github, Gitlab</p>\n        <b>Teamwork</b> <p> Agile, Scrum, Jira, Slack</p>\n      </div>\n    </div>\n  </div>\n);\n\nexport default about;\n","import React from \"react\";\nimport { Row, Col } from \"react-flexbox-grid\";\nimport \"./contactSocial.scss\";\nimport { SocialIcon } from 'react-social-icons';\n\nconst contactSocial = () => (\n  <Row center=\"xs lg\">\n    <Col xs={3} lg={1} className=\"contact__social\">\n      <SocialIcon bgColor=\"#ea4335\" url=\"mailto:t.anis60.ta@gmail.com\"></SocialIcon>\n    </Col>\n    <Col xs={3} lg={1} className=\"contact__social\">\n      <SocialIcon url=\"https://www.linkedin.com/in/talha-anis/\"></SocialIcon>\n    </Col>\n    <Col xs={3} lg={1} className=\"contact__social\">\n      <SocialIcon network=\"whatsapp\" url=\"https://wa.me/+923355703007\"></SocialIcon>\n    </Col>\n  </Row>\n);\n\nexport default contactSocial;\n","import React from \"react\";\nimport \"./modal.scss\";\n\nconst backdrop = (props) => (\n  <div role=\"button\" aria-label=\"Close\" tabIndex={0} className=\"backdrop\" onClick={props.closeModal} onKeyDown={props.closeModal}></div>\n);\n\n\n\nexport default backdrop;\n","import React from \"react\";\nimport \"./modal.scss\";\n\nconst successModal = (props) => (\n  <div className=\"sucess__modal\">\n    <p>Success!</p>\n    <p>\n      Thank you for your email.<br></br>We will respond as soon as possible.\n    </p>\n    <div role=\"button\" tabIndex={0} className=\"modal__btn flex-center\" onClick={props.closeModal} onKeyDown={props.closeModal}>\n      <p>Ok</p>\n    </div>\n  </div>\n);\n\nexport default successModal;\n","import React from \"react\";\nimport \"./modal.scss\";\n\nconst errorModal = (props) => (\n    <div className=\"error__modal\">\n      <p>Oooops!!!</p>\n      <p>\n        Something went wrong :{\"(\"}</p>\n      <div role=\"button\" tabIndex={0} className=\"modal__btn flex-center\" onClick={props.closeModal} onKeyDown={props.closeModal}>\n        <p>Ok</p>\n      </div>\n    </div>\n  );\n\n\nexport default errorModal;\n","import React from \"react\";\nimport Fade from \"react-reveal/Fade\";\nimport \"./modal.scss\";\n\nimport Backdrop from \"./ModalBackdrop\";\nimport SuccessModal from \"./SuccessModal\";\nimport ErrorModal from \"./ErrorModal\";\n\n\nconst modal = (props) => {\n  let innerModalRender = null;\n  if (props.status === \"success\") {\n    innerModalRender = (\n      <Fade bottom duration={500}>\n        <SuccessModal closeModal={props.closeModal} />\n      </Fade>\n    );\n  }else if (props.status === \"error\") {\n    innerModalRender = (\n      <Fade bottom duration={500}>\n        <ErrorModal closeModal={props.closeModal} />\n      </Fade>\n    );\n  }\n\n\n  return (\n    <div className=\"modal\">\n      <Backdrop closeModal={props.closeModal} />\n      {innerModalRender}\n    </div>\n  );\n};\n\nexport default modal;\n","import React from \"react\";\nimport { Row } from \"react-flexbox-grid\";\nimport \"./contact.scss\";\nimport * as emailjs from \"emailjs-com\";\nimport Title from \"../ui-components/title/title\";\nimport ContactSocial from './contactInfo/contactSocial';\nimport Modal from '../contact-modal/Modal';\n\nclass Contact extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      name: \"\",\n      email: \"\",\n      message: \"\",\n      sending: false,\n      successModal: false,\n      errorModal: false,\n    };\n  }\n\n  inputHandler = (event) => {\n    this.setState({ [event.target.name]: event.target.value });\n  };\n\n  handleSubmit = (e) => {\n    var self = this;\n    this.setState({ sending: true });\n    e.preventDefault();\n\n    var template_params = {\n      name: this.state.name,\n      email: this.state.email,\n      message: this.state.message,\n    };\n\n\n\n\n    // YOUR EMAIL.JS API KEY IN FORMAT user_xxxxxxxxxxxxxxxxxx\n    let API_KEY = \"user_tBOszfmO3HrGAAAX69fRp\";\n\n    // YOUR EMAIL.JS TEMPLATE ID\n    let TEMPLATE_ID = \"template_uj8np5l\";\n\n\n\n\n    emailjs.send(\"default_service\", TEMPLATE_ID, template_params, API_KEY).then(\n      function (response) {\n        if (response.status === 200) {\n          self.showSuccessModal();\n        } else {\n          self.showErrorModal();\n        }\n      },\n      function (error) {\n        self.showErrorModal();\n      }\n    );\n  };\n\n  // SUCCESS MODAL\n  showSuccessModal = () => {\n    this.setState({ successModal: true, sending: false });\n    this.resetForm();\n  };\n  // ERROR MODAL\n  showErrorModal = () => {\n    this.setState({ errorModal: true, sending: false });\n    this.resetForm();\n  };\n  // RESET CONTACT FORM\n  resetForm() {\n    this.setState({ name: \"\", email: \"\", message: \"\" });\n  }\n  // CLOSE ALL MODALS\n  closeModal = () => {\n    this.setState({ successModal: false, errorModal: false });\n  };\n\n  resetForm = () => {\n    this.setState({ name: \"\", email: \"\", message: \"\" });\n  };\n\n  render() {\n    let submitButtonRender = (\n      <div className=\"small__button\">\n        <button aria-label=\"send message\" type=\"submit\" value=\"Send Message\">\n          Send Message\n        </button>\n      </div>\n    );\n    if (this.state.sending) {\n      submitButtonRender = (\n        <div className=\"small__button sending-btn\">\n          <div className=\"flex-center\">\n            <div className=\"sbl-circ\"></div>\n          </div>\n        </div>\n      );\n    }\n    let modalRender = null;\n    if (this.state.successModal) {\n      modalRender = <Modal closeModal={this.closeModal} status=\"success\" />;\n    } else if (this.state.errorModal) {\n      modalRender = <Modal closeModal={this.closeModal} status=\"error\" />;\n    }\n    return (\n      <div id=\"contact\">\n        {modalRender}\n        <div className=\"wrapper\">\n          <Title title=\"CONTACT ME\" />\n          <p className=\"info font15\">\n            Got an exciting project? I can be a part of your team on a contract, part-time or full-time basis. \n            <br></br>\n            Send a message to start the discussion!!\n            <br></br>\n            Or contact me via Email or Whatsapp!!\n          </p>\n\n          <Row className=\"padding40\">\n              <form id=\"contact-form\" onSubmit={this.handleSubmit}>\n                <h4 className=\"font30 weight500 padding15\">Send Message</h4>\n                <input type=\"text\" placeholder=\"Your Name\" required name=\"name\" value={this.state.name} onChange={this.inputHandler} />\n                <input type=\"email\" placeholder=\"Your Email\" required name=\"email\" value={this.state.email} onChange={this.inputHandler} />\n                <textarea\n                  rows=\"6\"\n                  cols=\"50\"\n                  placeholder=\"Message...\"\n                  required\n                  name=\"message\"\n                  value={this.state.message}\n                  onChange={this.inputHandler}\n                ></textarea>\n                {submitButtonRender}\n              </form>\n          </Row>\n          <ContactSocial />\n        </div>\n      </div>\n    );\n  }\n};\n\nexport default Contact;\n","import React from \"react\";\nimport { Row, Col } from \"react-flexbox-grid\";\nimport { Link } from \"react-scroll\";\nimport \"./footer.scss\";\n\nimport Arrow from '../../assets/footer/arrow.svg';\n\nconst partnerBox = () => (\n  <div className=\"footer\">\n    <div className=\"wrapper\">\n      <Row>\n        <Col xs={12} sm={6} md={6}>\n          <div className=\"footer-box\">\n            <p>© 2021 - talhaanis.com,All Right Reserved</p>\n          </div>\n        </Col>\n        <Col xs={12} sm={6} md={6}>\n          <Link to=\"hero\" spy={true} smooth={true} offset={0} duration={500}>\n            <div className=\"footer-box back-to-top\">\n              <p>BACK TO TOP</p>\n              <img src={Arrow} alt=\"arrow\" />\n            </div>\n          </Link>\n        </Col>\n      </Row>\n    </div>\n  </div>\n);\nexport default partnerBox;\n","import React from 'react';\nimport './style/App.scss';\nimport { createBrowserHistory } from 'history';\nimport FloatingWhatsApp from 'react-floating-whatsapp';\nimport HeroImage from './assets/hero/talha-anis-profile.jpg';\n\n// Components\nimport DesktopNav from './components/navbar/desktop-nav';\nimport MobileNav from './components/navbar/mobile-nav';\nimport Backdrop from \"./components/navbar/backdrop\";\nimport Hero from './components/hero/hero';\nimport Partners from \"./components/partners/partners\";\nimport About from \"./components/about/about\";\nimport Contact from \"./components/contact/contact\";\nimport Footer from \"./components/footer/footer\";\n \nexport const history = createBrowserHistory({\n  basename: process.env.PUBLIC_URL\n});\nclass App extends React.Component {\n  \n  state = {\n    userIsScrolled: false,\n    mobileNavbarOpen: false,\n  };\n\n  componentDidMount() {\n    window.addEventListener(\"scroll\", this.userIsScrolled);\n  }\n  componentWillUnmount() {\n    window.removeEventListener(\"scroll\", this.userIsScrolled);\n  }\n\n  // Detect if user is scorlled down (used for add/disable extra large navbar)\n  userIsScrolled = () => {\n    if (window.pageYOffset > 80) {\n      this.setState({ userIsScrolled: true });\n    } else {\n      this.setState({ userIsScrolled: false });\n    }\n  };\n  // On closeMobileMenu click close navbar\n  closeMobileMenu = () => {\n    this.setState({ mobileNavbarOpen: false });\n  };\n  // Mobile menu handler\n  mobileMenuOpen = () => {\n    this.setState({ mobileNavbarOpen: true });\n  };\n\n  render() {\n    // BACKDROP RENDER\n    let backdrop = <Backdrop closeMobileMenu={this.closeMobileMenu} />;\n    if (this.state.mobileNavbarOpen) {\n      backdrop = (\n        <Backdrop closeMobileMenu={this.closeMobileMenu} isOpen={true} />\n      );\n    }\n    // MOBILE NAVBAR RENDER\n    let mobileNavbar = <MobileNav />;\n    if (this.state.mobileNavbarOpen) {\n      mobileNavbar = (\n        <MobileNav isOpen={true} closeMobileMenu={this.closeMobileMenu} />\n      );\n    }\n\n    return (\n      <div className=\"App\">\n        {mobileNavbar}\n        {backdrop}\n        <DesktopNav\n          userIsScrolled={this.state.userIsScrolled}\n          mobileMenuOpen={this.mobileMenuOpen}\n        />\n        <Hero />\n        <Partners />\n        <About />\n        <Contact />\n        <Footer />\n        <FloatingWhatsApp \n            phoneNumber=\"+923355703007\" \n            accountName=\"Talha Anis\" \n            avatar={HeroImage} \n            className=\"FloatingWhatsAppClass\"\n            chatMessage='Hello there! 🤝, How can I help?'\n        />;\n      </div>\n    );\n  }\n}\n\nexport default App;\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n  window.location.hostname === 'localhost' ||\n    // [::1] is the IPv6 localhost address.\n    window.location.hostname === '[::1]' ||\n    // 127.0.0.0/8 are considered localhost for IPv4.\n    window.location.hostname.match(\n      /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n    )\n);\n\nexport function register(config) {\n  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n    // The URL constructor is available in all browsers that support SW.\n    const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n    if (publicUrl.origin !== window.location.origin) {\n      // Our service worker won't work if PUBLIC_URL is on a different origin\n      // from what our page is served on. This might happen if a CDN is used to\n      // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n      return;\n    }\n\n    window.addEventListener('load', () => {\n      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n      if (isLocalhost) {\n        // This is running on localhost. Let's check if a service worker still exists or not.\n        checkValidServiceWorker(swUrl, config);\n\n        // Add some additional logging to localhost, pointing developers to the\n        // service worker/PWA documentation.\n        navigator.serviceWorker.ready.then(() => {\n          console.log(\n            'This web app is being served cache-first by a service ' +\n              'worker. To learn more, visit https://bit.ly/CRA-PWA'\n          );\n        });\n      } else {\n        // Is not localhost. Just register service worker\n        registerValidSW(swUrl, config);\n      }\n    });\n  }\n}\n\nfunction registerValidSW(swUrl, config) {\n  navigator.serviceWorker\n    .register(swUrl)\n    .then(registration => {\n      registration.onupdatefound = () => {\n        const installingWorker = registration.installing;\n        if (installingWorker == null) {\n          return;\n        }\n        installingWorker.onstatechange = () => {\n          if (installingWorker.state === 'installed') {\n            if (navigator.serviceWorker.controller) {\n              // At this point, the updated precached content has been fetched,\n              // but the previous service worker will still serve the older\n              // content until all client tabs are closed.\n              console.log(\n                'New content is available and will be used when all ' +\n                  'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n              );\n\n              // Execute callback\n              if (config && config.onUpdate) {\n                config.onUpdate(registration);\n              }\n            } else {\n              // At this point, everything has been precached.\n              // It's the perfect time to display a\n              // \"Content is cached for offline use.\" message.\n              console.log('Content is cached for offline use.');\n\n              // Execute callback\n              if (config && config.onSuccess) {\n                config.onSuccess(registration);\n              }\n            }\n          }\n        };\n      };\n    })\n    .catch(error => {\n      console.error('Error during service worker registration:', error);\n    });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n  // Check if the service worker can be found. If it can't reload the page.\n  fetch(swUrl, {\n    headers: { 'Service-Worker': 'script' },\n  })\n    .then(response => {\n      // Ensure service worker exists, and that we really are getting a JS file.\n      const contentType = response.headers.get('content-type');\n      if (\n        response.status === 404 ||\n        (contentType != null && contentType.indexOf('javascript') === -1)\n      ) {\n        // No service worker found. Probably a different app. Reload the page.\n        navigator.serviceWorker.ready.then(registration => {\n          registration.unregister().then(() => {\n            window.location.reload();\n          });\n        });\n      } else {\n        // Service worker found. Proceed as normal.\n        registerValidSW(swUrl, config);\n      }\n    })\n    .catch(() => {\n      console.log(\n        'No internet connection found. App is running in offline mode.'\n      );\n    });\n}\n\nexport function unregister() {\n  if ('serviceWorker' in navigator) {\n    navigator.serviceWorker.ready\n      .then(registration => {\n        registration.unregister();\n      })\n      .catch(error => {\n        console.error(error.message);\n      });\n  }\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport App from './App';\nimport * as serviceWorker from './serviceWorker';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: https://bit.ly/CRA-PWA\nserviceWorker.unregister();\n"],"sourceRoot":""}