{"version":3,"sources":["components/navigation.jsx","components/header.jsx","components/features.jsx","components/about.jsx","components/services.jsx","components/contact.jsx","App.jsx","serviceWorker.js","index.js"],"names":["Navigation","props","id","className","type","data-toggle","data-target","href","src","alt","Header","data","title","paragraph","Features","map","d","i","icon","text","About","Why","Why2","Services","name","initialState","email","message","Contact","useState","setState","handleChange","e","target","value","prevState","validate","onSubmit","preventDefault","console","log","emailjs","sendForm","then","result","error","placeholder","required","onChange","rows","email1","facebook","twitter","youtube","rel","App","SmoothScroll","speed","speedAsDuration","landingPageData","setLandingPageData","useEffect","JsonData","Boolean","window","location","hostname","match","ReactDOM","render","StrictMode","document","getElementById","navigator","serviceWorker","ready","registration","unregister","catch"],"mappings":"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","file":"static/js/main.4a110a7e.chunk.js","sourcesContent":["export const Navigation = (props) => {\n  return (\n   \n\n    <nav id='menu' className='navbar navbar-default navbar-fixed-top'>\n     \n      <div className='container'>\n        <div className='navbar-header'>\n          <button\n            type='button'\n            className='navbar-toggle collapsed'\n            data-toggle='collapse'\n            data-target='#bs-example-navbar-collapse-1'\n          >\n            {' '}\n            <span className='sr-only'>Toggle navigation</span>{' '}\n            <span className='icon-bar'></span>{' '}\n            <span className='icon-bar'></span>{' '}\n            <span className='icon-bar'></span>{' '}\n          </button>\n          <a className='navbar-brand page-scroll' href='#page-top'>\n          {' '}\n            <img src='img/jkitcs-logo.jpg' className='img-responsive' alt=''  />\n          </a>{' '}\n        </div>\n       \n        <div\n          className='collapse navbar-collapse'\n          id='bs-example-navbar-collapse-1'\n        >\n          \n          <ul className='nav navbar-nav navbar-right'>\n            <li>\n              <a href='#features' className='page-scroll'>\n                Features\n              </a>\n            </li>\n            <li>\n              <a href='#about' className='page-scroll'>\n                About Us\n              </a>\n            </li>\n            <li>\n              <a href='#services' className='page-scroll'>\n                Services\n              </a>\n            </li>\n            {/* <li>\n              <a href='#services' className='page-scroll'>\n                Solutions\n              </a>\n            </li> */}\n            <li>\n              <a href='#portfolio' className='page-scroll'>\n                Portfolio\n              </a>\n            </li>\n           \n            {/* <li>\n              <a href='#team' className='page-scroll'>\n                Career\n              </a>\n            </li> */}\n            <li>\n              <a href='#contact' className='page-scroll'>\n                Contact Us\n              </a>\n            </li>\n          </ul>\n        </div>\n        \n      </div>\n \n         {/* <div className='covid-strip-wrapper'>\n           COVID-19 - Stay home Stay safe\n           </div> */}\n    </nav>\n    \n  )\n}\n","export const Header = (props) => {\n  return (\n    <header id='header'>\n      <div className='intro'>\n         <div className='overlay'>\n          <div className='container'>\n            <div className='row'>\n              <div className='col-md-8 col-md-offset-2 intro-text'>\n                <h1>\n                  {props.data ? props.data.title : 'Loading'}\n                  <span></span>\n                </h1>\n                <p>{props.data ? props.data.paragraph : 'Loading'}</p>\n                <a\n                  href='#features'\n                  className='btn btn-custom btn-lg page-scroll'\n                >\n                  Learn More\n                </a>{' '}\n              </div>\n            </div>\n          </div>\n        </div>\n       </div>\n    </header>\n  )\n}\n","export const Features = (props) => {\n  return (\n    <div id='features' className='text-center'>\n        <div className='covid-strip-wrappe'>\n           COVID-19 - Stay home Stay safe\n        </div>\n      <div className='container'>\n        <div className='col-md-10 col-md-offset-1 section-title'>\n          <h2>Features</h2>\n        </div>\n        <div className='row'>\n          {props.data\n            ? props.data.map((d, i) => (\n                <div key={`${d.title}-${i}`} className='col-xs-6 col-md-4'>\n                  {' '}\n                  <i className={d.icon}></i>\n                  <h3>{d.title}</h3>\n                  <p>{d.text}</p>\n                </div>\n              ))\n            : 'Loading...'}\n        </div>\n      </div>\n    </div>\n  )\n}\n","export const About = (props) => {\n  return (\n    <div id='about'>\n      <div className='container'>\n        <div className='row'>\n          <div className='col-xs-12 col-md-6'>\n            {' '}\n            <img src='img/about.jpg' className='img-responsive' alt='' />{' '}\n          </div>\n          <div className='col-xs-12 col-md-6'>\n            <div className='about-text'>\n              <h2>About Us</h2>\n              <p>{props.data ? props.data.paragraph : 'loading...'}</p>\n              <h3>JKITCS is a single desk for total IT solutions:</h3>\n              <div className='list-style'>\n                <div className='col-lg-6 col-sm-6 col-xs-12'>\n                  <ul>\n                    {props.data\n                      ? props.data.Why.map((d, i) => (\n                          <li key={`${d}-${i}`}>{d}</li>\n                        ))\n                      : 'loading'}\n                  </ul>\n                </div>\n                <div className='col-lg-6 col-sm-6 col-xs-12'>\n                  <ul>\n                    {props.data\n                      ? props.data.Why2.map((d, i) => (\n                          <li key={`${d}-${i}`}> {d}</li>\n                        ))\n                      : 'loading'}\n                  </ul>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n","export const Services = (props) => {\n  return (\n    <div id='services' className='text-center'>\n    \n      <div className='container'>\n        <div className='section-title'>\n          <h2>Our Services</h2>\n          <p>\n            Technology Reach and Touches your business.\n          </p>\n        </div>\n        <div className='row'>\n          {props.data\n            ? props.data.map((d, i) => (\n                <div key={`${d.name}-${i}`} className='col-md-4'>\n                  {' '}\n                  <i className={d.icon}></i>\n                  <div className='service-desc'>\n                    <h3>{d.name}</h3>\n                   \n                  </div>\n                  <div className='services-text list-style'>\n                    <ul>\n                     {d.text\n                      ? d.text.map((d, i) => (\n                          <li key={`${d}-${i}`}>{d}</li>\n                        ))\n                      : 'loading'}\n                     </ul>\n                    </div>\n                </div>\n              ))\n            : 'loading'}\n        </div>\n      </div>\n    </div>\n  )\n}\n","import { useState } from 'react'\nimport emailjs from 'emailjs-com'\n\nconst initialState = {\n  name: '',\n  email: '',\n  message: '',\n}\nexport const Contact = (props) => {\n  const [{ name, email, message }, setState] = useState(initialState)\n\n  const handleChange = (e) => {\n    const { name, value } = e.target\n    setState((prevState) => ({ ...prevState, [name]: value }))\n  }\n  const clearState = () => setState({ ...initialState })\n\n  const handleSubmit = (e) => {\n    e.preventDefault()\n    console.log(name, email, message)\n    emailjs\n      .sendForm(\n        'YOUR_SERVICE_ID', 'YOUR_TEMPLATE_ID', e.target, 'YOUR_USER_ID'\n      )\n      .then(\n        (result) => {\n          console.log(result.text)\n          clearState()\n        },\n        (error) => {\n          console.log(error.text)\n        }\n      )\n  }\n  return (\n    <div>\n      <div id='contact'>\n        <div className='container'>\n          <div className='col-md-8'>\n            <div className='row'>\n              <div className='section-title'>\n                <h2>Get In Touch</h2>\n                <p>\n                  Please fill out the form below to send us an email and we will\n                  get back to you as soon as possible.\n                </p>\n              </div>\n              <form name='sentMessage' validate onSubmit={handleSubmit}>\n                <div className='row'>\n                  <div className='col-md-6'>\n                    <div className='form-group'>\n                      <input\n                        type='text'\n                        id='name'\n                        name='name'\n                        className='form-control'\n                        placeholder='Name'\n                        required\n                        onChange={handleChange}\n                      />\n                      <p className='help-block text-danger'></p>\n                    </div>\n                  </div>\n                  <div className='col-md-6'>\n                    <div className='form-group'>\n                      <input\n                        type='email'\n                        id='email'\n                        name='email'\n                        className='form-control'\n                        placeholder='Email'\n                        required\n                        onChange={handleChange}\n                      />\n                      <p className='help-block text-danger'></p>\n                    </div>\n                  </div>\n                </div>\n                <div className='form-group'>\n                  <textarea\n                    name='message'\n                    id='message'\n                    className='form-control'\n                    rows='4'\n                    placeholder='Message'\n                    required\n                    onChange={handleChange}\n                  ></textarea>\n                  <p className='help-block text-danger'></p>\n                </div>\n                <div id='success'></div>\n                <button type='submit' className='btn btn-custom btn-lg'>\n                  Send Message\n                </button>\n              </form>\n            </div>\n          </div>\n          <div className='col-md-3 col-md-offset-1 contact-info'>\n            <div className='contact-item'>\n              <h3>Contact Info</h3>\n              <p>\n                <span>\n                  <i className='fa fa-envelope-o'></i> Customer Support\n                </span>\n                {props.data ? props.data.email : 'loading'}\n              </p>\n            </div>\n            <div className='contact-item'>\n              <p>\n                <span>\n                  <i className='fa fa-envelope-o'></i> Sales Enquiry\n                </span>{' '}\n                {props.data ? props.data.email1 : 'loading'}\n              </p>\n            </div>\n           \n          </div>\n          <div className='col-md-12'>\n            <div className='row'>\n              <div className='social'>\n                <ul>\n                  <li>\n                    <a href={props.data ? props.data.facebook : '/'}>\n                      <i className='fa fa-facebook'></i>\n                    </a>\n                  </li>\n                  <li>\n                    <a href={props.data ? props.data.twitter : '/'}>\n                      <i className='fa fa-twitter'></i>\n                    </a>\n                  </li>\n                  <li>\n                    <a href={props.data ? props.data.youtube : '/'}>\n                      <i className='fa fa-youtube'></i>\n                    </a>\n                  </li>\n                </ul>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div id='footer'>\n        <div className='container text-center'>\n          <p>\n            \n            <a href='http://www.jkitcs.com' rel='nofollow'>\n            &copy; 2022 JKITCS, All Rights reserved.\n            </a>\n          </p>\n        </div>\n      </div>\n    </div>\n  )\n}\n","import { useState, useEffect } from 'react'\nimport { Navigation } from './components/navigation'\nimport { Header } from './components/header'\nimport { Features } from './components/features'\nimport { About } from './components/about'\nimport { Services } from './components/services'\n// import { Gallery } from './components/gallery'\nimport { Testimonials } from './components/testimonials'\n// import { Team } from './components/Team'\nimport { Contact } from './components/contact'\nimport JsonData from './data/data.json'\nimport SmoothScroll from 'smooth-scroll'\n\nexport const scroll = new SmoothScroll('a[href*=\"#\"]', {\n  speed: 1000,\n  speedAsDuration: true,\n})\n\nconst App = () => {\n  const [landingPageData, setLandingPageData] = useState({})\n  useEffect(() => {\n    setLandingPageData(JsonData)\n  }, [])\n\n  return (\n    <div>\n      <Navigation />\n      <Header data={landingPageData.Header} />\n      <Features data={landingPageData.Features} />\n      <About data={landingPageData.About} />\n      <Services data={landingPageData.Services} />\n      {/* <Gallery /> */}\n      {/* <Testimonials data={landingPageData.Testimoknials} /> */}\n      {/* <Team data={landingPageData.Team} /> */}\n      <Contact data={landingPageData.Contact} />\n    </div>\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 './index.css';\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":""}