{"version":3,"sources":["assets/img/Simranjeet.svg","components/Button/Button.js","components/Navbars/AuthNavbar.js","components/Footers/Footer.js","assets/img/me.png","views/Hompage.js","App.js","reportWebVitals.js","index.js"],"names":["Button","props","href","to","className","white","children","Navbar","React","useState","navbarOpen","setNavbarOpen","alt","src","logo","type","onClick","id","target","Footer","Date","getFullYear","Link","Hompage","style","backgroundImage","me","xmlns","viewBox","fill-opacity","d","App","path","exact","component","Homepage","from","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"wOAAe,MAA0B,uCCwB1BA,MArBf,SAAgBC,GACd,OACE,mBAAGC,KAAMD,EAAME,GAAf,SACE,wBACEC,UAAS,UACPH,EAAMI,MACF,gEACA,6CAHG,yKADX,SAYGJ,EAAMK,cCRA,SAASC,EAAON,GAAQ,IAAD,EACAO,IAAMC,UAAS,GADf,mBAC7BC,EAD6B,KACjBC,EADiB,KAEpC,OACE,mCACE,qBAAKP,UAAU,sHAAf,SACE,sBAAKA,UAAU,wFAAf,UACE,sBAAKA,UAAU,qFAAf,UACE,cAAC,IAAD,CACEA,UAAU,+FACVD,GAAG,IAFL,SAIE,qBAAKS,IAAI,OAAOR,UAAU,eAAeS,IAAKC,MAEhD,wBACEV,UAAU,8JACVW,KAAK,SACLC,QAAS,kBAAML,GAAeD,IAHhC,SAKE,mBAAGN,UAAU,gCAGjB,qBACEA,UACE,4EACCM,EAAa,2BAA6B,WAE7CO,GAAG,yBALL,SAOE,qBAAIb,UAAU,8DAAd,UAmBE,oBAAIA,UAAU,oBAAd,SACE,oBACEA,UAAU,qHACVF,KAAK,mCACLgB,OAAO,SAHT,UAKE,mBAAGd,UAAU,4IACb,sBAAMA,UAAU,8BAAhB,yBAIJ,oBAAIA,UAAU,oBAAd,SACE,oBACEA,UAAU,qHACVF,KAAK,oCACLgB,OAAO,SAHT,UAKE,mBAAGd,UAAU,6IACb,sBAAMA,UAAU,8BAAhB,0BAeJ,oBAAIA,UAAU,sCAAd,SAOE,eAAC,EAAD,CAAQD,GAAG,kCAAX,oBACS,mBAAGC,UAAU,kDC9FvB,SAASe,IACtB,OACE,mCACE,wBAAQf,UAAU,mDAAlB,SACE,sBAAKA,UAAU,gBAAf,UACE,qBAAKA,UAAU,6BAAf,SACE,sBAAKA,UAAU,cAAf,UACE,cAAC,IAAD,CACEA,UAAU,mGACVD,GAAG,IAFL,SAIE,qBAAKS,IAAI,OAAOR,UAAU,eAAeS,IAAKC,MAEhD,oBAAIV,UAAU,yBAAd,kCACA,oBAAIA,UAAU,kCAAd,2CAGA,sBAAKA,UAAU,oBAAf,UACE,wBACEA,UAAU,oJACVW,KAAK,SAFP,SAIE,mBAAGb,KAAK,mCAAR,SACE,mBAAGE,UAAU,sBAGjB,wBACEA,UAAU,oJACVW,KAAK,SAFP,SAIE,mBAAGb,KAAK,oCAAR,SACE,mBAAGE,UAAU,+BAsGvB,qBAAKA,UAAU,gEAAf,SACE,qBAAKA,UAAU,iDAAf,SAQE,sBAAKA,UAAU,2CAAf,WACG,IAAIgB,MAAOC,cADd,KAC+B,IAC7B,cAAC,IAAD,CAAMC,KAAK,IAAIlB,UAAU,oCAAzB,8BAFF,kBClJC,UAA0B,+BCyc1BmB,MA7bf,WACE,OACE,qCACE,cAAChB,EAAD,IACA,uBACEH,UAAU,oCADZ,UAKE,sBAAKA,UAAU,qHAAf,UACE,qBACEA,UAAU,0HACVoB,MAAO,CACLC,gBAAgB,QAAD,OAAUC,EAAV,MAHnB,SAME,sBAEEtB,UAAU,iDAGd,qBAAKA,UAAU,gCAAf,SACE,qBAAKA,UAAU,oCAAf,SACE,qBAAKA,UAAU,2FAAf,SACE,sBAAKA,UAAU,wEAAf,UAEE,oBAAIA,UAAU,yDAAd,wCAGA,oBAAIA,UAAU,qCAAd,gFAIA,qBAAKA,UAAU,gFACf,oBAAGA,UAAU,uCAAb,4XAOe,uBAPf,8SAcE,uBAdF,2WAsBE,uBAtBF,iMA4BA,qBAAKA,UAAU,2FAAf,SAIE,cAAC,EAAD,CAAQD,GAAG,kCAAkCE,OAAK,EAAlD,kCAgBZ,qBACEsB,MAAM,6BACNvB,UAAU,qCACVwB,QAAQ,eAHV,SAKE,sBACEC,eAAa,IACbC,EAAE,iRA+VR,cAACX,EAAD,Q,MC/aSY,MAbf,WACE,OACE,mCACE,cAAC,IAAD,UACE,eAAC,IAAD,WACE,cAAC,IAAD,CAAOC,KAAK,IAAIC,OAAK,EAACC,UAAWC,IACjC,cAAC,IAAD,CAAUC,KAAK,IAAIjC,GAAG,cCFjBkC,EAZS,SAAAC,GAClBA,GAAeA,aAAuBC,UACxC,6BAAqBC,MAAK,YAAkD,IAA/CC,EAA8C,EAA9CA,OAAQC,EAAsC,EAAtCA,OAAQC,EAA8B,EAA9BA,OAAQC,EAAsB,EAAtBA,OAAQC,EAAc,EAAdA,QAC3DJ,EAAOH,GACPI,EAAOJ,GACPK,EAAOL,GACPM,EAAON,GACPO,EAAQP,OCDdQ,IAASC,OACP,cAAC,IAAMC,WAAP,UACE,cAAC,EAAD,MAEFC,SAASC,eAAe,SAM1Bb,M","file":"static/js/main.7a533174.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/Simranjeet.6c8f38e4.svg\";","import React from 'react';\n// import { Link } from 'react-router-dom';\n\nfunction Button(props) {\n  return (\n    <a href={props.to}>\n      <button\n        className={`${\n          props.white\n            ? 'bg-gray-50 text-blue-900 hover:bg-blue-700 hover:text-gray-50'\n            : 'text-gray-50 bg-blue-900 hover:bg-blue-700'\n        } active:bg-gray-900 text-xs font-bold uppercase px-4 py-2 rounded shadow hover:shadow-md outline-none focus:outline-none mr-2 ease-linear transition-all duration-150`}\n      >\n        {/* <Link\n        to={props.to}\n      >\n        {props.children}\n      </Link> */}\n        {props.children}\n      </button>\n    </a>\n  );\n}\n\nexport default Button;\n","/*eslint-disable*/\nimport React from \"react\";\nimport { Link } from \"react-router-dom\";\n\n// components\n\n// import PagesDropdown from \"../Dropdowns/PagesDropdown.js\";\nimport logo from \"../../assets/img/Simranjeet.svg\";\nimport Button from \"../Button/Button\";\n\nexport default function Navbar(props) {\n  const [navbarOpen, setNavbarOpen] = React.useState(false);\n  return (\n    <>\n      <nav className=\"top-0 bg-gray-50 shadow-lg fixed z-50 w-full flex flex-wrap items-center justify-between px-2 py-3 navbar-expand-lg\">\n        <div className=\"w-full px-4 lg:px-10 xl:container mx-auto flex flex-wrap items-center justify-between\">\n          <div className=\"w-full relative flex justify-between lg:w-auto lg:static lg:block lg:justify-start\">\n            <Link\n              className=\"text-white text-sm font-bold leading-relaxed inline-block mr-4  whitespace-no-wrap uppercase\"\n              to=\"/\"\n            >\n              <img alt=\"logo\" className=\"mx-auto w-28\" src={logo} />\n            </Link>\n            <button\n              className=\"cursor-pointer text-xl leading-none px-3 py-1 border border-solid border-transparent rounded bg-transparent block lg:hidden outline-none focus:outline-none\"\n              type=\"button\"\n              onClick={() => setNavbarOpen(!navbarOpen)}\n            >\n              <i className=\"text-white fas fa-bars\"></i>\n            </button>\n          </div>\n          <div\n            className={\n              \"lg:flex flex-grow items-center bg-white lg:bg-transparent lg:shadow-none\" +\n              (navbarOpen ? \" block rounded shadow-lg\" : \" hidden\")\n            }\n            id=\"example-navbar-warning\"\n          >\n            <ul className=\"flex flex-col items-center lg:flex-row list-none lg:ml-auto\">\n              {/* <li className='flex items-center'>\n                <Link className='border-transparent border-b-2 hover:border-gray-700 active:border-gray-800 lg:text-white lg:hover:text-gray-800 text-gray-700 px-3 py-4 lg:py-2 flex items-center text-xs uppercase font-bold'>\n                  Firm\n                </Link>\n              </li>\n              <li className='flex items-center'>\n                <Link className='border-transparent border-b-2 hover:border-gray-700 active:border-gray-800 lg:text-white lg:hover:text-gray-800 text-gray-700 px-3 py-4 lg:py-2 flex items-center text-xs uppercase font-bold'>\n                  Services\n                </Link>\n              </li>\n              <li className='flex items-center'>\n                <Link className='border-transparent border-b-2 hover:border-gray-700 active:border-gray-800 lg:text-white lg:hover:text-gray-800 text-gray-700 px-3 py-4 lg:py-2 flex items-center text-xs uppercase font-bold'>\n                  Location\n                </Link>\n              </li> */}\n              {/* <li className='flex items-center'>\n                <PagesDropdown />\n              </li> */}\n              <li className=\"flex items-center\">\n                <a\n                  className=\"lg:text-white lg:hover:text-gray-300 text-gray-800 px-3 py-4 lg:py-2 flex items-center text-xs uppercase font-bold\"\n                  href=\"https://github.com/thesimranjeet\"\n                  target=\"_blank\"\n                >\n                  <i className=\" text-blue-900 hover:text-blue-700 transform transition-all hover:scale-125 ease-linear filter-shadow fab fa-github text-lg leading-lg \" />\n                  <span className=\"lg:hidden inline-block ml-2\">Github</span>\n                </a>\n              </li>\n\n              <li className=\"flex items-center\">\n                <a\n                  className=\"lg:text-white lg:hover:text-gray-300 text-gray-800 px-3 py-4 lg:py-2 flex items-center text-xs uppercase font-bold\"\n                  href=\"https://twitter.com/thesimranjeet\"\n                  target=\"_blank\"\n                >\n                  <i className=\" text-blue-900 hover:text-blue-700 transform transition-all hover:scale-125 ease-linear filter-shadow fab fa-twitter text-lg leading-lg \" />\n                  <span className=\"lg:hidden inline-block ml-2\">Twitter</span>\n                </a>\n              </li>\n\n              {/* <li className=\"flex items-center\">\n                <a\n                  className=\"lg:text-white lg:hover:text-gray-300 text-gray-800 px-3 py-4 lg:py-2 flex items-center text-xs uppercase font-bold\"\n                  href=\"https://instagram.com/\"\n                  target=\"_blank\"\n                >\n                  <i className=\" text-gray-700 hover:text-gray-800 transform transition-all hover:scale-125 ease-linear hover:filter-shadow fab fa-instagram text-lg leading-lg \" />\n                  <span className=\"lg:hidden inline-block ml-2\">Star</span>\n                </a>\n              </li> */}\n\n              <li className=\"flex items-center ml-3 mb-3 lg:mb-0\">\n                {/* <button\n                  className=\"text-gray-50 bg-gray-700 hover:bg-gray-800 active:bg-gray-900 text-xs font-bold uppercase px-4 py-2 rounded shadow hover:shadow-md outline-none focus:outline-none lg:mr-1 lg:mb-0 ml-3 mb-3 ease-linear transition-all duration-150\"\n                  type=\"button\"\n                >\n                  Call Us <i className=\"fas fa-phone ml-2\"></i>\n                </button> */}\n                <Button to=\"https://linktr.ee/thesimranjeet\">\n                  Resume <i className=\"fas fa-arrow-alt-circle-down\"></i>\n                </Button>\n              </li>\n            </ul>\n          </div>\n        </div>\n      </nav>\n    </>\n  );\n}\n","import React from 'react';\nimport { Link } from 'react-router-dom';\nimport logo from '../../assets/img/Simranjeet.svg';\n\nexport default function Footer() {\n  return (\n    <>\n      <footer className='relative bg-gray-50 pb-6 pt-28 md:pt-40 lg:pt-60'>\n        <div className=' mx-auto px-4'>\n          <div className='flex flex-wrap text-center'>\n            <div className='w-full px-4'>\n              <Link\n                className='text-white text-sm font-bold leading-relaxed inline-block mr-4 py-2 whitespace-no-wrap uppercase'\n                to='/'\n              >\n                <img alt='logo' className='mx-auto w-28' src={logo} />\n              </Link>\n              <h4 className='text-3xl font-semibold'>Let's keep in touch!</h4>\n              <h5 className='text-lg mt-0 mb-2 text-gray-700'>\n                Say 'Hi' or Lets Collaborate!\n              </h5>\n              <div className='mt-6 lg:mb-0 mb-6'>\n                <button\n                  className='bg-white text-blue-900 shadow-lg font-normal h-10 w-10 items-center justify-center align-center rounded-full outline-none focus:outline-none mr-2'\n                  type='button'\n                >\n                  <a href='https://github.com/thesimranjeet'>\n                    <i className='fab fa-github'></i>\n                  </a>\n                </button>\n                <button\n                  className='bg-white text-blue-900 shadow-lg font-normal h-10 w-10 items-center justify-center align-center rounded-full outline-none focus:outline-none mr-2'\n                  type='button'\n                >\n                  <a href='https://twitter.com/thesimranjeet'>\n                    <i className='fab fa-twitter'></i>\n                  </a>\n                </button>\n\n                {/* <button\n                  className=\"bg-white text-pink-400 shadow-lg font-normal h-10 w-10 items-center justify-center align-center rounded-full outline-none focus:outline-none mr-2\"\n                  type=\"button\"\n                >\n                  <i className=\"fab fa-dribbble\"></i>\n                </button>\n                <button\n                  className=\"bg-white text-gray-900 shadow-lg font-normal h-10 w-10 items-center justify-center align-center rounded-full outline-none focus:outline-none mr-2\"\n                  type=\"button\"\n                >\n                  <i className=\"fab fa-github\"></i>\n                </button> */}\n              </div>\n            </div>\n            {/* <div className='w-full lg:w-6/12 px-4'>\n              <div className='flex flex-wrap items-top mb-6'>\n                <div className='w-full lg:w-4/12 px-4 ml-auto'>\n                  <span className='block uppercase text-gray-600 text-sm font-semibold mb-2'>\n                    Useful Links\n                  </span>\n                  <ul className='list-unstyled'>\n                    <li>\n                      <Link\n                        className='text-gray-700 hover:text-gray-900 font-semibold block pb-2 text-sm'\n                        to='/'\n                      >\n                        About Us\n                      </Link>\n                    </li>\n                    <li>\n                      <Link\n                        className='text-gray-700 hover:text-gray-900 font-semibold block pb-2 text-sm'\n                        to='/'\n                      >\n                        Blog\n                      </Link>\n                    </li>\n                    <li>\n                      <Link\n                        className='text-gray-700 hover:text-gray-900 font-semibold block pb-2 text-sm'\n                        to='/'\n                      >\n                        Link\n                      </Link>\n                    </li>\n                    <li>\n                      <Link\n                        className='text-gray-700 hover:text-gray-900 font-semibold block pb-2 text-sm'\n                        to='/'\n                      >\n                        Link\n                      </Link>\n                    </li>\n                  </ul>\n                </div>\n                <div className='w-full lg:w-4/12 px-4'>\n                  <span className='block uppercase text-gray-600 text-sm font-semibold mb-2'>\n                    Other Resources\n                  </span>\n                  <ul className='list-unstyled'>\n                    <li>\n                      <Link\n                        className='text-gray-700 hover:text-gray-900 font-semibold block pb-2 text-sm'\n                        to='/'\n                      >\n                        Link\n                      </Link>\n                    </li>\n                    <li>\n                      <Link\n                        className='text-gray-700 hover:text-gray-900 font-semibold block pb-2 text-sm'\n                        to='/'\n                      >\n                        Terms & Conditions\n                      </Link>\n                    </li>\n                    <li>\n                      <Link\n                        className='text-gray-700 hover:text-gray-900 font-semibold block pb-2 text-sm'\n                        to='/'\n                      >\n                        Privacy Policy\n                      </Link>\n                    </li>\n                    <li>\n                      <Link\n                        className='text-gray-700 hover:text-gray-900 font-semibold block pb-2 text-sm'\n                        to='/'\n                      >\n                        Contact Us\n                      </Link>\n                    </li>\n                  </ul>\n                </div>\n              </div>\n            </div> */}\n          </div>\n          {/* <hr className='my-6 border-gray-400' /> */}\n          <div className='flex flex-wrap items-center md:justify-between justify-center'>\n            <div className='w-full md:w-4/12 px-4 pt-4 mx-auto text-center'>\n              {/* <div className='text-sm text-gray-600 font-semibold py-1'>\n                Copyright © {new Date().getFullYear()} -{' '}\n                <Link Link='/' className='text-gray-600 hover:text-gray-900'>\n                  Simranjeet Singh\n                </Link>\n                .\n              </div> */}\n              <div className='text-sm text-gray-600 font-semibold py-1'>\n                {new Date().getFullYear()} -{' '}\n                <Link Link='/' className='text-gray-600 hover:text-gray-900'>\n                  Simranjeet Singh\n                </Link>\n                .\n              </div>\n            </div>\n          </div>\n        </div>\n      </footer>\n    </>\n  );\n}\n","export default __webpack_public_path__ + \"static/media/me.c1ddb41e.png\";","import React from \"react\";\n// import { Link } from \"react-router-dom\";\n// import ca_bg from '../assets/img/CA_SVG.svg';\n// import logo_sm from '../assets/img/financeLogoF.png';\n\nimport Navbar from \"../components/Navbars/AuthNavbar.js\";\nimport Footer from \"../components/Footers/Footer\";\nimport Button from \"../components/Button/Button\";\n// import Expertise from '../components/HomepageComponents/Expertise';\nimport me from \"../assets/img/me.png\";\n// import Carousel from '../components/HomepageComponents/Carousel';\n\nfunction Hompage() {\n  return (\n    <>\n      <Navbar />\n      <main\n        className=\"bg-gray-50 w-full pt-28 lg:pt-10 \"\n        // style={{ marginTop: \"20vw\" }}\n      >\n        {/* <Carousel /> */}\n        <div className=\"relative pt-0 bg-gray-50 pb-0 flex content-center items-center justify-center min-h-screen-75 flex-col lg:flex-row\">\n          <div\n            className=\"relative  lg:absolute  mr-2 top-10 lg:right-20 w-1/2 md:w-1/3 mx-auto lg:min-h-screen bg-center bg-contain bg-no-repeat\"\n            style={{\n              backgroundImage: `url( ${me})`,\n            }}\n          >\n            <span\n              // id=\"blackOverlay\"\n              className=\"w-full h-full absolute opacity-75 bg-black\"\n            ></span>\n          </div>\n          <div className=\"w-full relative mx-auto px-10\">\n            <div className=\"items-center md:flex md:flex-wrap\">\n              <div className=\"w-full lg:w-9/12 min-h-screen items-center flex m-auto lg:ml-0 text-center  lg:text-left\">\n                <div className=\"w-full md:px-10 lg:w-10/12 p-5 py-10 bg-blue-900 shadow-lg rounded-lg\">\n                  {/* <img className='inline-block w-2/12' src={logo_sm} /> */}\n                  <h1 className=\" inline-block text-gray-50 font-semibold text-5xl my-2\">\n                    Hey, I am Simranjeet Singh\n                  </h1>\n                  <h4 className=\"text-gray-50 font-semibold text-xl\">\n                    Fullstack Developer | ReactJs | NodeJs | MERN Stack | Python\n                    | DRF\n                  </h4>\n                  <div className=\" p-1 my-5 lg:w-5/12 lg:mr-40 text-gray-900 bg-gray-50 shadow-2xl rounded-lg\"></div>\n                  <p className=\"mt-4 text-gray-100 text-sm font-bold\">\n                    Hi, I'm Simranjeet Singh, a seasoned software engineer with\n                    a passion for building impactful software solutions using\n                    the latest technologies. With years of experience working\n                    with product and service-based companies, I have developed a\n                    deep understanding of frontend technologies such as React\n                    and backend technologies such as Django, Node.js, and Java\n                    Spring Boot. <br />\n                    Throughout my career, I have had the privilege of working on\n                    a variety of projects, from building products from scratch\n                    to optimizing existing infrastructure. I am committed to\n                    delivering high-quality, scalable, and secure solutions that\n                    exceed business expectations and meet the needs of\n                    end-users.\n                    <br />\n                    Whether it's designing and implementing RESTful APIs,\n                    optimizing front-end interfaces for maximum performance, or\n                    mentoring junior developers, I am passionate about tackling\n                    complex challenges and delivering impactful results. I am\n                    always striving to stay at the forefront of the\n                    ever-evolving software industry and committed to continuous\n                    learning and growth.\n                    <br />\n                    If you're looking for a results-driven, hands-on leader with\n                    a commitment to delivering value and driving success, I'd\n                    love to hear from you. Let's work together to build\n                    something great!\n                  </p>\n                  <div className=\" justify-center lg:justify-start flex items-center lg:items-start my-5 font-bold text-sm\">\n                    {/* <Button to=\"#projects\" white>\n                      Projects\n                    </Button> */}\n                    <Button to=\"https://linktr.ee/thesimranjeet\" white>\n                      Resume\n                    </Button>\n                  </div>\n                  {/* <div className=' p-1 text-gray-900 bg-gray-50 shadow-2xl rounded-lg'>\n\n                  </div> */}\n                </div>\n              </div>\n              {/* <div className=\"lg:w-full lg:lg:w-6/12 lg:h-screen\"></div> */}\n            </div>\n          </div>\n        </div>\n        {/* <svg xmlns=\"http://www.w3.org/2000/svg\" className='absolute fill-current text-yellow-400' viewBox=\"0 0 1440 320\">\n          <path fill-opacity=\"1\" d=\"M0,128L0,224L96,224L96,32L192,32L192,64L288,64L288,96L384,96L384,128L480,128L480,224L576,224L576,128L672,128L672,192L768,192L768,320L864,320L864,288L960,288L960,192L1056,192L1056,64L1152,64L1152,32L1248,32L1248,96L1344,96L1344,224L1440,224L1440,0L1344,0L1344,0L1248,0L1248,0L1152,0L1152,0L1056,0L1056,0L960,0L960,0L864,0L864,0L768,0L768,0L672,0L672,0L576,0L576,0L480,0L480,0L384,0L384,0L288,0L288,0L192,0L192,0L96,0L96,0L0,0L0,0Z\"></path>\n        </svg> */}\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          className=\"absolute fill-current text-gray-50\"\n          viewBox=\"0 0 1440 320\"\n        >\n          <path\n            fill-opacity=\"1\"\n            d=\"M0,256L48,250.7C96,245,192,235,288,218.7C384,203,480,181,576,176C672,171,768,181,864,208C960,235,1056,277,1152,298.7C1248,320,1344,320,1392,320L1440,320L1440,0L1392,0C1344,0,1248,0,1152,0C1056,0,960,0,864,0C768,0,672,0,576,0C480,0,384,0,288,0C192,0,96,0,48,0L0,0Z\"\n          ></path>\n        </svg>\n        {/* <img\n          alt='...'\n          src={me}\n          className='w-full align-middle rounded-t-lg absolute fill-current text-gray-50'\n        /> */}\n        {/* <section\n          className=\"pb-20 pt-32 sm:pt-40 md:pt-56 lg:pt-80 bg-blue-900\"\n          id=\"projects\"\n        >\n          <div className=\"mx-auto px-10\">\n            <div className=\"flex flex-wrap\">\n              <div className=\" pt-6 w-full md:w-4/12 transform transition duration-500 md:hover:scale-110  px-4 text-center\">\n                <div className=\"relative flex flex-col min-w-0 break-words bg-gray-50 w-full mb-8 shadow-lg md:hover:shadow-2xl rounded-lg\">\n                  <div className=\" flex-auto\">\n                    <img\n                      alt=\"...\"\n                      src=\"https://github.com/thesimranjeet/ecommerce_mern/raw/main/uploads/Screenshot.png\"\n                      className=\"w-full align-middle rounded-t-lg\"\n                    />\n\n                    <h6 className=\"text-xl px-4 py-5 font-semibold\">\n                      Ecommerce App\n                    </h6>\n                    <div className=\"mb-5\">\n                      <Button to=\"https://mernshopp.herokuapp.com/\">\n                        Live Demo <i className=\"fas fa-rocket\"></i>\n                      </Button>\n                      <Button to=\"https://github.com/thesimranjeet/ecommerce_mern\">\n                        Github <i className=\"fab fa-github\"></i>\n                      </Button>\n                    </div>\n                  </div>\n                </div>\n              </div>\n\n              <div className=\" pt-6 w-full md:w-4/12 transform transition duration-500 md:hover:scale-110  px-4 text-center\">\n                <div className=\"relative flex flex-col min-w-0 break-words bg-gray-50 w-full mb-8 shadow-lg md:hover:shadow-2xl rounded-lg\">\n                  <div className=\" flex-auto\">\n                    <img\n                      alt=\"...\"\n                      src=\"https://github.com/thesimranjeet/nextjs-wrld/raw/main/src/assets/homepage.png\"\n                      className=\"w-full align-middle rounded-t-lg\"\n                    />\n\n                    <h6 className=\"text-xl px-4 py-5 font-semibold\">\n                      NextJs app\n                    </h6>\n                    <div className=\"mb-5\">\n                      <Button to=\"https://wrld.vercel.app/\">\n                        Live Demo <i className=\"fas fa-rocket\"></i>\n                      </Button>\n                      <Button to=\"https://github.com/thesimranjeet/nextjs-wrld\">\n                        Github <i className=\"fab fa-github\"></i>\n                      </Button>\n                    </div>\n                  </div>\n                </div>\n              </div>\n\n              <div className=\" pt-6 w-full md:w-4/12 transform transition duration-500 md:hover:scale-110  px-4 text-center\">\n                <div className=\"relative flex flex-col min-w-0 break-words bg-gray-50 w-full mb-8 shadow-lg md:hover:shadow-2xl rounded-lg\">\n                  <div className=\" flex-auto\">\n                    <img\n                      alt=\"...\"\n                      src=\"https://github.com/thesimranjeet/url-shortener/raw/main/uploads/Screenshot.png\"\n                      className=\"w-full align-middle rounded-t-lg\"\n                    />\n\n                    <h6 className=\"text-xl px-4 py-5 font-semibold\">\n                      Url Shortner App\n                    </h6>\n                    <div className=\"mb-5\">\n                      <Button to=\"https://urlshortnerappp.herokuapp.com\">\n                        Live Demo <i className=\"fas fa-rocket\"></i>\n                      </Button>\n                      <Button to=\"https://github.com/thesimranjeet/url-shortener\">\n                        Github <i className=\"fab fa-github\"></i>\n                      </Button>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </section> */}\n\n        {/* <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          className=\"z-10 absolute fill-current text-blue-900\"\n          viewBox=\"0 0 1440 320\"\n        >\n          <path\n            fill-opacity=\"1\"\n            d=\"M0,32L48,37.3C96,43,192,53,288,53.3C384,53,480,43,576,74.7C672,107,768,181,864,186.7C960,192,1056,128,1152,85.3C1248,43,1344,21,1392,10.7L1440,0L1440,0L1392,0C1344,0,1248,0,1152,0C1056,0,960,0,864,0C768,0,672,0,576,0C480,0,384,0,288,0C192,0,96,0,48,0L0,0Z\"\n          ></path>\n        </svg> */}\n\n        {/* <Expertise></Expertise> */}\n\n        {/* <section className=\"relative pt-60 py-20\">\n          <div\n            className=\"bottom-auto top-0 left-0 right-0 w-full absolute pointer-events-none overflow-hidden -mt-20 h-20\"\n            style={{ transform: \"translateZ(0)\" }}\n          >\n            <svg xmlns=\"http://www.w3.org/2000/svg\" className=' relative fill-current text-blue-900' viewBox=\"0 0 1440 320\">\n              <path fill-opacity=\"1\" d=\"M0,32L48,37.3C96,43,192,53,288,53.3C384,53,480,43,576,74.7C672,107,768,181,864,186.7C960,192,1056,128,1152,85.3C1248,43,1344,21,1392,10.7L1440,0L1440,0L1392,0C1344,0,1248,0,1152,0C1056,0,960,0,864,0C768,0,672,0,576,0C480,0,384,0,288,0C192,0,96,0,48,0L0,0Z\"></path>\n            </svg>\n            <svg\n              className=\"absolute bottom-0 overflow-hidden\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              preserveAspectRatio=\"none\"\n              version=\"1.1\"\n              viewBox=\"0 0 2560 100\"\n              x=\"0\"\n              y=\"0\"\n            >\n              <polygon\n                className=\"text-white fill-current\"\n                points=\"2560 0 2560 100 0 100\"\n              ></polygon>\n            </svg>\n          </div>\n\n          <div className=\"container mx-auto px-4\">\n            <div className=\"items-center flex flex-wrap\">\n              <div className=\"w-full md:w-4/12 ml-auto mr-auto px-4\">\n                <img\n                  alt=\"...\"\n                  className=\"max-w-full rounded-lg shadow-lg\"\n                  src=\"https://images.unsplash.com/photo-1555212697-194d092e3b8f?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=634&q=80\"\n                />\n              </div>\n              <div className=\"w-full md:w-5/12 ml-auto mr-auto px-4\">\n                <div className=\"md:pr-12\">\n                  <div className=\"text-blue-600 p-3 text-center inline-flex items-center justify-center w-16 h-16 mb-6 shadow-lg rounded-full bg-blue-300\">\n                    <i className=\"fas fa-rocket text-xl\"></i>\n                  </div>\n                  <h3 className=\"text-3xl font-semibold\">A growing company</h3>\n                  <p className=\"mt-4 text-lg leading-relaxed text-gray-600\">\n                    The extension comes with three pre-built pages to help you\n                    get started faster. You can change the text and images and\n                    you're good to go.\n                  </p>\n                  <ul className=\"list-none mt-6\">\n                    <li className=\"py-2\">\n                      <div className=\"flex items-center\">\n                        <div>\n                          <span className=\"text-xs font-semibold inline-block py-1 px-2 uppercase rounded-full text-blue-600 bg-blue-200 mr-3\">\n                            <i className=\"fas fa-fingerprint\"></i>\n                          </span>\n                        </div>\n                        <div>\n                          <h4 className=\"text-gray-600\">\n                            Carefully crafted components\n                          </h4>\n                        </div>\n                      </div>\n                    </li>\n                    <li className=\"py-2\">\n                      <div className=\"flex items-center\">\n                        <div>\n                          <span className=\"text-xs font-semibold inline-block py-1 px-2 uppercase rounded-full text-blue-600 bg-blue-200 mr-3\">\n                            <i className=\"fab fa-html5\"></i>\n                          </span>\n                        </div>\n                        <div>\n                          <h4 className=\"text-gray-600\">\n                            Amazing page examples\n                          </h4>\n                        </div>\n                      </div>\n                    </li>\n                    <li className=\"py-2\">\n                      <div className=\"flex items-center\">\n                        <div>\n                          <span className=\"text-xs font-semibold inline-block py-1 px-2 uppercase rounded-full text-blue-600 bg-blue-200 mr-3\">\n                            <i className=\"far fa-paper-plane\"></i>\n                          </span>\n                        </div>\n                        <div>\n                          <h4 className=\"text-gray-600\">Dynamic components</h4>\n                        </div>\n                      </div>\n                    </li>\n                  </ul>\n                </div>\n              </div>\n            </div>\n          </div>\n        </section>\n\n        <section className=\"pt-20 pb-48\">\n          <div className=\"container mx-auto px-4\">\n            <div className=\"flex flex-wrap justify-center text-center mb-24\">\n              <div className=\"w-full lg:w-6/12 px-4\">\n                <h2 className=\"text-4xl font-semibold\">Here are our heroes</h2>\n                <p className=\"text-lg leading-relaxed m-4 text-gray-600\">\n                  According to the National Oceanic and Atmospheric\n                  Administration, Ted, Scambos, NSIDClead scentist, puts the\n                  potentially record maximum.\n                </p>\n              </div>\n            </div>\n            <div className=\"flex flex-wrap\">\n              <div className=\"w-full md:w-6/12 lg:w-3/12 lg:mb-0 mb-12 px-4\">\n                <div className=\"px-6\">\n                  <img\n                    alt=\"...\"\n                    src={require(\"../assets/img/team-1-800x800.jpg\")}\n                    className=\"shadow-lg rounded-full mx-auto max-w-120-px\"\n                  />\n                  <div className=\"pt-6 text-center\">\n                    <h5 className=\"text-xl font-bold\">Ryan Tompson</h5>\n                    <p className=\"mt-1 text-sm text-gray-500 uppercase font-semibold\">\n                      Web Developer\n                    </p>\n                    <div className=\"mt-6\">\n                      <button\n                        className=\"bg-blue-400 text-white w-8 h-8 rounded-full outline-none focus:outline-none mr-1 mb-1\"\n                        type=\"button\"\n                      >\n                        <i className=\"fab fa-twitter\"></i>\n                      </button>\n                      <button\n                        className=\"bg-blue-600 text-white w-8 h-8 rounded-full outline-none focus:outline-none mr-1 mb-1\"\n                        type=\"button\"\n                      >\n                        <i className=\"fab fa-facebook-f\"></i>\n                      </button>\n                      <button\n                        className=\"bg-pink-500 text-white w-8 h-8 rounded-full outline-none focus:outline-none mr-1 mb-1\"\n                        type=\"button\"\n                      >\n                        <i className=\"fab fa-dribbble\"></i>\n                      </button>\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div className=\"w-full md:w-6/12 lg:w-3/12 lg:mb-0 mb-12 px-4\">\n                <div className=\"px-6\">\n                  <img\n                    alt=\"...\"\n                    src={require(\"../assets/img/team-2-800x800.jpg\")}\n                    className=\"shadow-lg rounded-full mx-auto max-w-120-px\"\n                  />\n                  <div className=\"pt-6 text-center\">\n                    <h5 className=\"text-xl font-bold\">Romina Hadid</h5>\n                    <p className=\"mt-1 text-sm text-gray-500 uppercase font-semibold\">\n                      Marketing Specialist\n                    </p>\n                    <div className=\"mt-6\">\n                      <button\n                        className=\"bg-red-600 text-white w-8 h-8 rounded-full outline-none focus:outline-none mr-1 mb-1\"\n                        type=\"button\"\n                      >\n                        <i className=\"fab fa-google\"></i>\n                      </button>\n                      <button\n                        className=\"bg-blue-600 text-white w-8 h-8 rounded-full outline-none focus:outline-none mr-1 mb-1\"\n                        type=\"button\"\n                      >\n                        <i className=\"fab fa-facebook-f\"></i>\n                      </button>\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div className=\"w-full md:w-6/12 lg:w-3/12 lg:mb-0 mb-12 px-4\">\n                <div className=\"px-6\">\n                  <img\n                    alt=\"...\"\n                    src={require(\"../assets/img/team-3-800x800.jpg\")}\n                    className=\"shadow-lg rounded-full mx-auto max-w-120-px\"\n                  />\n                  <div className=\"pt-6 text-center\">\n                    <h5 className=\"text-xl font-bold\">Alexa Smith</h5>\n                    <p className=\"mt-1 text-sm text-gray-500 uppercase font-semibold\">\n                      UI/UX Designer\n                    </p>\n                    <div className=\"mt-6\">\n                      <button\n                        className=\"bg-red-600 text-white w-8 h-8 rounded-full outline-none focus:outline-none mr-1 mb-1\"\n                        type=\"button\"\n                      >\n                        <i className=\"fab fa-google\"></i>\n                      </button>\n                      <button\n                        className=\"bg-blue-400 text-white w-8 h-8 rounded-full outline-none focus:outline-none mr-1 mb-1\"\n                        type=\"button\"\n                      >\n                        <i className=\"fab fa-twitter\"></i>\n                      </button>\n                      <button\n                        className=\"bg-gray-800 text-white w-8 h-8 rounded-full outline-none focus:outline-none mr-1 mb-1\"\n                        type=\"button\"\n                      >\n                        <i className=\"fab fa-instagram\"></i>\n                      </button>\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div className=\"w-full md:w-6/12 lg:w-3/12 lg:mb-0 mb-12 px-4\">\n                <div className=\"px-6\">\n                  <img\n                    alt=\"...\"\n                    src={require(\"../assets/img/team-4-470x470.png\")}\n                    className=\"shadow-lg rounded-full mx-auto max-w-120-px\"\n                  />\n                  <div className=\"pt-6 text-center\">\n                    <h5 className=\"text-xl font-bold\">Jenna Kardi</h5>\n                    <p className=\"mt-1 text-sm text-gray-500 uppercase font-semibold\">\n                      Founder and CEO\n                    </p>\n                    <div className=\"mt-6\">\n                      <button\n                        className=\"bg-pink-500 text-white w-8 h-8 rounded-full outline-none focus:outline-none mr-1 mb-1\"\n                        type=\"button\"\n                      >\n                        <i className=\"fab fa-dribbble\"></i>\n                      </button>\n                      <button\n                        className=\"bg-red-600 text-white w-8 h-8 rounded-full outline-none focus:outline-none mr-1 mb-1\"\n                        type=\"button\"\n                      >\n                        <i className=\"fab fa-google\"></i>\n                      </button>\n                      <button\n                        className=\"bg-blue-400 text-white w-8 h-8 rounded-full outline-none focus:outline-none mr-1 mb-1\"\n                        type=\"button\"\n                      >\n                        <i className=\"fab fa-twitter\"></i>\n                      </button>\n                      <button\n                        className=\"bg-gray-800 text-white w-8 h-8 rounded-full outline-none focus:outline-none mr-1 mb-1\"\n                        type=\"button\"\n                      >\n                        <i className=\"fab fa-instagram\"></i>\n                      </button>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </section> */}\n      </main>\n      <Footer />\n    </>\n  );\n}\n\nexport default Hompage;\n","// import logo from './logo.svg';\nimport './App.css';\nimport React from \"react\";\n// import ReactDOM from \"react-dom\";\nimport { BrowserRouter, Route, Switch, Redirect } from \"react-router-dom\";\nimport Homepage from './views/Hompage'\nimport \"@fortawesome/fontawesome-free/css/all.min.css\";\n\nfunction App() {\n  return (\n    <>\n      <BrowserRouter>\n        <Switch>\n          <Route path=\"/\" exact component={Homepage} />\n          <Redirect from=\"*\" to=\"/\" />\n        </Switch>\n      </BrowserRouter>\n    </>\n  );\n}\n\nexport default App;\n","const reportWebVitals = onPerfEntry => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}