{"version":3,"sources":["scripts/script.js","partials/call-to-action/call-to-action-1/call-to-action-1.js","partials/footer/footer-1/footer-1.js","partials/header/header-1/header-1.js","partials/hero/hero-1/hero-1.js","index.js"],"names":["document","addEventListener","event","window","querySelector","classList","toggle","scrollY","CallToAction1","Footer1","className","data","title","text","links","map","link","href","key","copyright","socials","social","icon","Header1","Hero1","props","image","src","alt","autoPlay","muted","loop","type","ReactDOM","render","StrictMode","getElementById"],"mappings":"kxPAAAA,SAASC,iBAAiB,oBAAoB,SAASC,GAiBnDC,OAAOF,iBAAiB,UAAU,WAChBD,SAASI,cAAc,aAC7BC,UAAUC,OAAO,mBAAoBH,OAAOI,QAAU,U,gHCJvDC,I,OCmBAC,MAhCf,WACI,OACI,wBAAQC,UAAU,kBAAlB,SACI,sBAAKA,UAAU,8BAAf,UACI,sBAAKA,UAAU,2BAAf,UACI,sBAAKA,UAAU,yDAAf,UACI,qBAAKA,UAAU,6DAAf,SAA6EC,EAAKC,QAClF,qBAAKF,UAAU,yDAAf,SAAyEC,EAAKE,UAElF,oBAAIH,UAAU,kCAAd,SACKC,EAAKG,MAAMC,KAAI,SAACC,GAAD,OACZ,oBAAmBN,UAAU,wCAA7B,SACI,mBAAGA,UAAU,kFAAkFO,KAAMD,EAAKA,KAA1G,SAAiHA,EAAKH,QADjHG,EAAKE,aAM1B,sBAAKR,UAAU,2BAAf,UACI,qBAAKA,UAAU,qEAAf,SAAqFC,EAAKQ,YAC1F,oBAAIT,UAAU,oCAAd,SACKC,EAAKS,QAAQL,KAAI,SAACM,GAAD,OACd,oBAAqBX,UAAU,0CAA/B,SACI,mBAAGA,UAAW,2FAA6FW,EAAOC,KAAML,KAAMI,EAAOL,KAArI,SAA4IK,EAAOR,QAD9IQ,EAAOH,mB,KCH7BK,MAlBf,WACI,OACI,wBAAQb,UAAU,kBAAlB,SACI,mBAAGO,KAAK,IAAIP,UAAU,iBAAtB,SAEI,sBAAMA,UAAU,uBAAhB,gCCgBCc,MAvBjB,SAAeC,GACX,OACE,0BAASf,UAAU,cAAnB,UACE,qBAAKA,UAAU,gBAAf,SAEIe,EAAMC,MACJ,qBAAKhB,UAAU,uBAAuBiB,IAAI,iBAAiBC,IAAI,SAC/D,uBAAOlB,UAAU,uBAAuBmB,SAAS,OAAOC,MAAM,OAAOC,KAAK,OAA1E,SACI,wBAAQJ,IAAI,+FAA+FK,KAAK,kBAI1H,sBAAKtB,UAAU,kBAAf,UACE,qBAAIA,UAAU,mCAAd,0BAA8D,sBAAMA,UAAU,yCAC9E,sBAAMA,UAAU,wDAAhB,yEACA,qBAAKA,UAAU,2BAAf,SACE,mBAAGO,KAAK,kBAAkBP,UAAU,0CAApC,+B,kCCkBZuB,IAASC,OACP,eAAC,IAAMC,WAAP,WACE,cAAC,EAAD,IACA,+BACE,cAAC,EAAD,CAAOT,MAAM,WAcf,cAAC,EAAD,OAEF1B,SAASoC,eAAe,W","file":"static/js/main.2a17e3cb.chunk.js","sourcesContent":["document.addEventListener(\"DOMContentLoaded\", function(event) {\r\n    //header1Toggle();\r\n    header1Scroll();    \r\n});\r\n\r\n// function header1Toggle(){\r\n//     let header1Toggle = document.querySelector('.header-1__toggle-menu');\r\n//     let header1Navigation = document.querySelector('.header-1__navigation');\r\n//     header1Toggle.addEventListener('click', () => {\r\n//         header1Navigation.classList.toggle('header-1__navigation--open');\r\n//         header1Toggle.classList.toggle('header-1__toggle-menu--open');\r\n//         header1Toggle.classList.toggle('la-bars');\r\n//         header1Toggle.classList.toggle('la-times');\r\n//     });\r\n// };\r\n\r\nfunction header1Scroll(){\r\n    window.addEventListener('scroll', () => {\r\n        let header1 = document.querySelector('.header-1');\r\n        header1.classList.toggle('header-1--sticky', window.scrollY > 0);\r\n    });\r\n}\r\n","function CallToAction1() {\r\n    return (\r\n        <section className=\"call-to-action call-to-action-1\">\r\n            <div className=\"call-to-action-1__wrapper container\">\r\n                <div className=\"call-to-action-1__wrapper__content text-colour-grey-three\">\r\n                    <div className=\"call-to-action-1__wrapper__content__title font-size-heading\">Would you like to get in touch to get a demo of our system?</div>\r\n                    <div className=\"call-to-action-1__wrapper__content__text font-size-text\">Click on the Contact Us button to submit a query, and a member of the team will be in touch soon</div>\r\n                </div>\r\n                <a href=\"/\" className=\"call-to-action-1__wrapper__content__button button\">Contact Us</a>\r\n            </div>\r\n\r\n        </section>\r\n    );\r\n}\r\n\r\nexport default CallToAction1;","import data from './data.json';\r\n\r\nfunction Footer1() {\r\n    return (\r\n        <footer className=\"footer footer-1\">\r\n            <div className=\"footer-1__wrapper container\">\r\n                <div className=\"footer-1__wrapper__upper\">\r\n                    <div className=\"footer-1__wrapper__upper__content text-colour-grey-one\">\r\n                        <div className=\"footer-1__wrapper__upper__content__title font-size-heading\">{data.title}</div>\r\n                        <div className=\"footer-1__wrapper__upper__content__text font-size-text\">{data.text}</div>\r\n                    </div>\r\n                    <ul className=\"footer-1__wrapper__upper__links\">\r\n                        {data.links.map((link) => (\r\n                            <li key={link.key} className=\"footer-1__wrapper__upper__links__item\">\r\n                                <a className=\"footer-1__wrapper__upper__links__item__link text-colour-grey-one font-size-text\" href={link.link}>{link.text}</a>\r\n                            </li>\r\n                        ))}\r\n                    </ul>\r\n                </div>\r\n                <div className=\"footer-1__wrapper__lower\">\r\n                    <div className=\"footer-1__wrapper__lower__text text-colour-grey-one font-size-text\">{data.copyright}</div>\r\n                    <ul className=\"footer-1__wrapper__lower__socials\">\r\n                        {data.socials.map((social) => (\r\n                            <li key={social.key} className=\"footer-1__wrapper__lower__socials__item\">\r\n                                <a className={\"footer-1__wrapper__lower__socials__item__link text-colour-grey-one font-size-heading la \" + social.icon} href={social.link}>{social.text}</a>\r\n                            </li>\r\n                        ))}\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n        </footer>\r\n    );\r\n}\r\n\r\nexport default Footer1;","\r\n\r\nfunction Header1() {\r\n    return ( \r\n        <header className=\"header header-1\">\r\n            <a href=\"/\" className=\"header-1__logo\">\r\n                {/* <img className=\"header-1__logo__image\" src=\"https://raw.githubusercontent.com/afrost1997/photos/main/F.jpg\" alt=\"Logo\" /> */}\r\n                <span className=\"header-1__logo__text\">FOGGY WINDOWS</span>\r\n            </a>\r\n            {/* <div className=\"header-1__navigation\">\r\n                <ul className=\"header-1__navigation__links\">\r\n                    <li className=\"header-1__navigation__links__item\"><a href=\"/\" className=\"header-1__navigation__links__item__link\">About us</a></li>\r\n                    <li className=\"header-1__navigation__links__item\"><a href=\"/\" className=\"header-1__navigation__links__item__link\">About us</a></li>\r\n                    <li className=\"header-1__navigation__links__item\"><a href=\"/\" className=\"header-1__navigation__links__item__link\">About us</a></li>\r\n                </ul>\r\n            </div> */}\r\n            {/* <span className=\"header-1__toggle-menu la la-bars\"></span> */}\r\n        </header>        \r\n    );\r\n}\r\nexport default Header1;","function Hero1(props) {\r\n    return (\r\n      <section className=\"hero hero-1\">\r\n        <div className=\"hero-1__media\">\r\n          {\r\n            props.image \r\n            ? <img className=\"hero-1__media__image\" src=\"/media/van.jpg\" alt=\"Hero\"/>\r\n            : <video className=\"hero-1__media__video\" autoPlay=\"true\" muted=\"true\" loop=\"true\">\r\n                  <source src=\"https://raw.githubusercontent.com/afrost1997/photos/main/Pexels%20Videos%202711127%20(1).mp4\" type=\"video/mp4\" />\r\n              </video>        \r\n          }\r\n        </div>\r\n        <div className=\"hero-1__content\">\r\n          <h1 className=\"hero-1__content__title container\">FOGGY WINDOWS<span className=\"hero-1__content__title__highlight\"></span></h1>\r\n          <span className=\"hero-1__content__subtitle container text-size-heading\">Have your sealed units gone? We can replace just the glass!</span>\r\n          <div className=\"hero-1__content__buttons\">\r\n            <a href=\"tel:01270666619\" className=\"hero-1__content__buttons__button button\">Call Now</a>\r\n          </div>\r\n        </div>\r\n      </section>\r\n    );\r\n  }\r\n\r\n  export default Hero1;","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './styles/style.scss';\nimport './scripts/script.js';\n\n//**Partials**\n//blurb\nimport Blurb1 from './partials/blurb/blurb-1/blurb-1';\nimport Blurb2 from './partials/blurb/blurb-2/blurb-2';\n//blurb-media\nimport BlurbMedia1 from './partials/blurb-media/blurb-media-1/blurb-media-1';\nimport BlurbMedia2 from './partials/blurb-media/blurb-media-2/blurb-media-2';\n//call-to-action\nimport CallToAction1 from './partials/call-to-action/call-to-action-1/call-to-action-1';\n//footer\nimport Footer1 from './partials/footer/footer-1/footer-1';\n//full-width-media\nimport FullWidthMedia1 from './partials/full-width-media/full-width-media-1/full-width-media-1';\n//header\nimport Header1 from './partials/header/header-1/header-1';\n//hero\nimport Hero1 from './partials/hero/hero-1/hero-1';\n//list-features\nimport ListFeatures1 from './partials/list-features/list-features-1/list-features-1';\n//list-info\nimport ListInfo1 from './partials/list-info/list-info-1/list-info-1'\n//stats\nimport Stats1 from './partials/stats/stats-1/stats-1';\nimport Stats2 from './partials/stats/stats-2/stats-2';\n//teaser\nimport Teaser1 from './partials/teaser/teaser-1/teaser-1';\n//title\nimport Title1 from './partials/title/title-1/title-1';\n\nReactDOM.render(\n  <React.StrictMode>\n    <Header1 />\n    <main>\n      <Hero1 image=\"true\" />\n      {/* <Blurb1 />\n      <Blurb2 image=\"true\" classes=\"text-left\" />\n      <Stats1 />\n      <Stats2 image=\"true\" />\n      <CallToAction1 />\n      <Teaser1 />\n      <ListInfo1 />\n      <BlurbMedia1 />\n      <BlurbMedia2 />\n      <Title1 />\n      <FullWidthMedia1 />\n      <ListFeatures1 /> */}\n    </main>\n    <Footer1 />   \n  </React.StrictMode>,\n  document.getElementById('body')\n);\n"],"sourceRoot":""}