{"version":3,"sources":["components/Menu/index.jsx","assets/slide1.png","assets/slide6.png","assets/slide2.png","assets/slide3.png","components/Slide/index.jsx","components/Inicio/index.jsx","assets/sobre-sete.jpg","components/Sobre/index.jsx","assets/equipe1.jpg","components/Equipe/index.jsx","context/LoadingContext.js","hooks/useLoading.js","components/Contato/index.jsx","components/Quebra/index.jsx","components/Rodape/index.jsx","assets/Loading.svg","components/Modal/index.jsx","components/Loading/index.jsx","pages/Site/site.jsx","App.js","index.js"],"names":["Menu","useEffect","isActive","ac","AbortController","mobileNavBar","mobileMenu","navLista","navLinks","this","document","querySelector","querySelectorAll","activeClass","activeClick","bind","forEach","link","index","style","animation","classList","toggle","animacaoLinks","addEventListener","adicionarEventoClick","init","abort","className","href","ImageSlider","sliderArray","slide1","slide2","slide3","slide6","useState","current","setCurrent","length","nextSlide","interval","setInterval","clearInterval","Array","isArray","onClick","size","color","map","item","src","image","alt","id","Inicio","Sobre","title","listStyle","Equipe","bg","width","height","frameBorder","allow","allowFullScreen","LoadingContext","createContext","LoadingContextProvider","children","loading","setLoading","Provider","value","useLoading","useContext","Contato","form","useRef","successMsg","setSuccessMsg","ref","onSubmit","e","preventDefault","emailjs","sendForm","then","result","catch","error","console","log","message","htmlFor","type","name","maxLength","required","placeholder","rows","Quebra","Rodape","rel","target","Date","getFullYear","Modal","isOpen","setIsOpen","closeButton","backdropClose","escapeClose","window","keyUpListener","keyCode","removeEventListener","Loading","gifLoading","Site","App","ReactDOM","render","StrictMode","getElementById"],"mappings":"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","file":"static/js/main.abd0c15d.chunk.js","sourcesContent":["import React, { useEffect } from \"react\";\r\nimport './styles.css';\r\n\r\nconst Menu = () => {\r\n\r\n    useEffect(() => {\r\n\r\n        let isActive = true;\r\n        const ac = new AbortController();\r\n\r\n        class MobileNavBar {\r\n            constructor(mobileMenu, navLista, navLinks) {\r\n                this.mobileMenu = document.querySelector(mobileMenu);\r\n                this.navLista = document.querySelector(navLista);\r\n                this.navLinks = document.querySelectorAll(navLinks);\r\n                this.activeClass = \"active\";\r\n                this.activeClick = this.activeClick.bind(this);\r\n            }\r\n            animacaoLinks() {\r\n                this.navLinks.forEach((link, index) => {\r\n                    link.style.animation\r\n                        ? (link.style.animation = \"\")\r\n                        : (link.style.animation = `navLinkFade 0.5s ease forwards ${index / 7 + 0.3}s`);\r\n                });\r\n            }\r\n            activeClick() {\r\n                this.navLista.classList.toggle(this.activeClass);\r\n                this.mobileMenu.classList.toggle(this.activeClass);\r\n                this.animacaoLinks();\r\n            }\r\n            adicionarEventoClick() {\r\n                this.mobileMenu.addEventListener(\"click\", this.activeClick);\r\n            }\r\n            init() {\r\n                if (this.mobileMenu) {\r\n                    this.adicionarEventoClick();\r\n                }\r\n                return this;\r\n            }\r\n        }\r\n        const mobileNavBar = new MobileNavBar(\r\n            \".mobile-menu\",\r\n            \".nav-lista\",\r\n            \".nav-lista li\",\r\n        );\r\n        if (isActive) {\r\n            mobileNavBar.init();\r\n        }\r\n\r\n        return () => {\r\n            isActive = false;\r\n            ac.abort();\r\n        }\r\n    }, [])\r\n\r\n    return (\r\n        <header>\r\n            <nav>\r\n                <a className=\"logo\" href=\"#inicio\"> SE7E INFORMÁTICA</a>\r\n                <div className=\"mobile-menu\">\r\n                    <div className=\"line1\"></div>\r\n                    <div className=\"line2\"></div>\r\n                    <div className=\"line3\"></div>\r\n                </div>\r\n                <ul className=\"nav-lista\">\r\n                    <li><a href=\"#inicio\">INÍCIO</a></li>\r\n                    <li><a href=\"#sobre\">SOBRE</a></li>\r\n                    <li><a href=\"#equipe\">SETEANOS</a></li>\r\n                    <li><a href=\"#contato\">CONTATO</a></li>\r\n                </ul>\r\n            </nav>\r\n        </header>\r\n    );\r\n}\r\n\r\nexport default Menu;","export default __webpack_public_path__ + \"static/media/slide1.93faf65f.png\";","export default __webpack_public_path__ + \"static/media/slide6.8e5cd1d6.png\";","export default __webpack_public_path__ + \"static/media/slide2.0a0ceb30.png\";","export default __webpack_public_path__ + \"static/media/slide3.59962742.png\";","import React, { useEffect, useState } from 'react';\r\nimport './styles.css';\r\nimport { BiCaretLeft, BiCaretRight } from 'react-icons/bi';\r\nimport slide1 from '../../assets/slide1.png'\r\nimport slide6 from '../../assets/slide6.png'\r\nimport slide2 from '../../assets/slide2.png'\r\nimport slide3 from '../../assets/slide3.png'\r\n\r\n\r\nconst ImageSlider = () => {\r\n    const sliderArray = [\r\n        {\r\n            \"id\": 1, \"image\": slide1\r\n        },\r\n        {\r\n            \"id\": 2, \"image\": slide2\r\n        },\r\n        {\r\n            \"id\": 3, \"image\": slide3\r\n        },\r\n        {\r\n            \"id\": 6, \"image\": slide6\r\n        }\r\n    ];\r\n\r\n    const [current, setCurrent] = useState(0);\r\n    const length = sliderArray.length;\r\n\r\n    const nextSlide = () => {\r\n        setCurrent(current === length - 1 ? 0 : current + 1)\r\n    }\r\n    const prevSlide = () => {\r\n        setCurrent(current === 0 ? length - 1 : current - 1)\r\n    }\r\n\r\n    useEffect(() => {\r\n        const interval = setInterval(nextSlide, 6000);\r\n        return () => clearInterval(interval)\r\n    })\r\n\r\n    if (!Array.isArray(sliderArray) || length <= 0) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <section className=\"slider\">\r\n            <BiCaretRight className=\"right-arrow\" onClick={nextSlide} size={32} color={'#FFF'} />\r\n            <BiCaretLeft className=\"left-arrow\" onClick={prevSlide} size={32} color={'#FFF'} />\r\n\r\n            {sliderArray.map((item, index) => {\r\n                return (\r\n                    <div className={index === current ? 'slide active' : 'slide'} key={index}>\r\n                        {index === current && (\r\n                            <img key={item.id} src={item.image} className=\"image\" alt='img-carousel' />\r\n                        )}\r\n                    </div>\r\n                )\r\n            })}\r\n        </section>\r\n    );\r\n}\r\nexport default ImageSlider;","import React from \"react\";\r\nimport \"./styles.css\";\r\n\r\nimport ImageSlider from '../Slide';\r\n\r\nconst Inicio = () => (\r\n    <section id=\"inicio\">\r\n        <ImageSlider />\r\n    </section>\r\n);\r\nexport default Inicio;","export default __webpack_public_path__ + \"static/media/sobre-sete.d4fbacf6.jpg\";","import React from 'react';\r\nimport './styles.css';\r\nimport image from '../../assets/sobre-sete.jpg'\r\n\r\nconst Sobre = ({ title }) => {\r\n    return (\r\n        <section className=\"sobre\">\r\n            <h1 id=\"sobre\" className=\"titulo-white\">{title}</h1>\r\n            <p className=\"subtitulo-white\"> conheça mais sobre a sete informática.</p>\r\n\r\n            <div className=\"container grid-sobre\">\r\n                <div className=\"box-1-sobre\">\r\n                    <img className=\"img-sobre\" src={image} alt=\"foto-sobre\" />\r\n                </div>\r\n                <div className=\"box-2-sobre\">\r\n                    <h4 className=\"titulo-interno\">Quem Somos ?</h4>\r\n                    <p className=\"descricao descricao-interno\">A Sete Informática atua no mercado de desenvolvimento de Sistemas da Informação desde o ano de 2011.\r\n                        A Sete possui um excelente capital intelectual constituído por Analistas de alto desempenho,\r\n                        todos certificados, com conhecimentos no mercado de inovação tecnológica, garantindo assim a qualidade\r\n                        dos projetos desenvolvidos e a satisfação de nossos Clientes.</p>\r\n                </div>\r\n                <div className=\"box-3-sobre\">\r\n                    <h4 className=\"titulo-interno\">Missão e Visão</h4>\r\n                    <p className=\"descricao descricao-interno\">Proporcionar praticidade no desenvolvimento, manutenção ou ampliação de\r\n                        negócios\r\n                        com sustentabilidade, através de projetos de Tecnologia da Informação de alto desempenho,\r\n                        garantindo aos clientes a satisfação plena de seus objetivos estratégicos.\r\n                        </p>\r\n                </div>\r\n\r\n                <div className=\"box-4-sobre\">\r\n                    <h4 className=\"titulo-interno\">Valores</h4>\r\n                    <ul className=\"descricao descricao-interno\" style={{ listStyle: 'none' }}>\r\n                        <li>–Ética</li>\r\n                        <li>-Inovação</li>\r\n                        <li>-Liderança</li>\r\n                        <li>-Qualidade</li>\r\n                        <li>-Comprometimento</li>\r\n                        <li>-Responsabilidade socioambiental</li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n        </section>\r\n    );\r\n}\r\n\r\nexport default Sobre;","export default __webpack_public_path__ + \"static/media/equipe1.13d6a40e.jpg\";","import React from \"react\";\r\nimport './styles.css';\r\nimport bg from '../../assets/equipe1.jpg'\r\n\r\nconst Equipe = ({ title }) => {\r\n    return (\r\n        <main className=\"seteanos\">\r\n\r\n            <h1 id=\"equipe\" className=\"titulo-white\">{title}</h1>\r\n            <p className=\"subtitulo-white\">equipe sete informática.</p>\r\n\r\n            <div className=\"container grid-seteanos\">\r\n                <div className=\"box-1-seteanos\">\r\n                    <img src={bg} alt=\"seteanos\" className=\"img-seteanos\" />\r\n                </div>\r\n                <div className=\"box-2-seteanos\">\r\n                    <h4 className=\"titulo-interno\">Colaboradores</h4>\r\n                    <p className=\"descricao\">A sete informática hoje tem colaboradores que estão sempre em crescimento profissional e pessoal.\r\n                        Todos bem capacitados e especializados para atenderem objetivos que a empresa tem como planos a serem alcançados.\r\n                        Estão sempre em constante aprendizado e aperfeiçoamento, para assim dar segmento nos projetos idealizados.\r\n                        <br />\r\n                        Temos a autonomia e capacidade de agregar outros seguimentos de mercado para valorizar nossos conhecimentos.\r\n                        A empresa preza sempre pelo o bem estar de seus colaboradores, logo possui um ambiente de trabalho voltado para garanti-lo, e entende que cada um possui suas particularidades.\r\n                        A organização que investe em seus colaboradores está investindo no seu próprio sucesso.\r\n                        <br /><br />\r\n                        <strong>#somosSE7E</strong>🎉🤳\r\n                    </p>\r\n                </div>\r\n\r\n                <div className=\"box-3-seteanos\">\r\n                    <iframe width=\"100%\" height=\"365\" src=\"https://www.youtube.com/embed/Uq1n6wKmnaE\"\r\n                        title=\"YouTube video player\"\r\n                        frameBorder=\"0\"\r\n                        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\r\n                        allowFullScreen\r\n                    >\r\n                    </iframe>\r\n                    <cite style={{ color: '#d1d1d1' }}>seguimento portuário (ZPE CEARÁ)</cite>\r\n                </div>\r\n            </div>\r\n        </main>\r\n\r\n    );\r\n}\r\n\r\nexport default Equipe;","import { createContext, useState } from 'react'\r\n\r\nexport const LoadingContext = createContext();\r\n\r\nexport function LoadingContextProvider({ children }) {\r\n    const [loading, setLoading] = useState(false);\r\n\r\n    return (\r\n        <LoadingContext.Provider value={{ loading, setLoading }}>\r\n            {children}\r\n        </LoadingContext.Provider>\r\n    )\r\n}","import { useContext } from \"react\";\r\nimport { LoadingContext } from \"../context/LoadingContext\";\r\n\r\nexport function useLoading() {\r\n    const context = useContext(LoadingContext)\r\n    return context;\r\n}","import React, { useRef, useState } from \"react\";\r\nimport './styles.css';\r\nimport emailjs from 'emailjs-com';\r\n\r\nimport { useLoading } from \"../../hooks/useLoading\";\r\n\r\nconst Contato = ({ title }) => {\r\n\r\n    const form = useRef();\r\n    const [successMsg, setSuccessMsg] = useState(false);\r\n    const { setLoading } = useLoading();\r\n\r\n    const handleSendEmail = (e) => {\r\n        setLoading(true)\r\n        e.preventDefault();\r\n        const SERVICE = 'service_neeh6po';\r\n        const TEMPLATE = 'template_361oirb';\r\n        const PUBLIC_KEY = 'lPF-j8wL9_VcfBf9u';\r\n\r\n        emailjs.sendForm(SERVICE, TEMPLATE, form.current, PUBLIC_KEY)\r\n            .then(result => {\r\n                setSuccessMsg(true)\r\n                setLoading(false)\r\n            })\r\n            .catch(error => {\r\n                console.log(error.message)\r\n                setLoading(false)\r\n            })\r\n    };\r\n\r\n    return (\r\n        <section className=\"contato\">\r\n            <h1 id=\"contato\" className=\"titulo-white\">{title}</h1>\r\n            <p className=\"subtitulo-white\">tire suas dúvidas com a gente.</p>\r\n            <div className=\"container\">\r\n                {successMsg ?\r\n                    <div className=\"container-form success-msg-center\">\r\n                        <i className=\"success-msg\">\r\n                            Obrigado pelo o contato!😊👌\r\n                        </i>\r\n                    </div>\r\n                    :\r\n                    <div className=\"container-form\">\r\n                        <form ref={form} className=\"form\" onSubmit={handleSendEmail}>\r\n                            <div className=\"form-item \">\r\n                                <label className=\"control-label\" htmlFor=\"nome\">Nome </label>\r\n                                <input className=\"form-control\" id=\"nome\" type=\"text\" name=\"nome\" maxLength={50} required placeholder=\"nome\" />\r\n                            </div>\r\n                            <div className=\"form-item \">\r\n                                <label className=\"control-label\" htmlFor=\"email\">Email </label>\r\n                                <input className=\"form-control\" id=\"email\" type=\"email\" name=\"email\" maxLength={100} required placeholder=\"email\" />\r\n                            </div>\r\n                            <div className=\"form-item \">\r\n                                <label className=\"control-label\" htmlFor=\"telefone\">Telefone </label>\r\n                                <input className=\"form-control\" id=\"telefone\" type=\"tel\" name=\"telefone\" maxLength={11} placeholder=\"(xx) xxxxx-xxxx\" />\r\n                            </div>\r\n                            <div className=\"form-item \">\r\n                                <label className=\"control-label\" htmlFor=\"mensagem\">Mensagem </label>\r\n                                <textarea className=\"form-control\" rows=\"8\" id=\"mensagem\" name=\"mensagem\" placeholder=\"descreva o assunto...\" maxLength={500} required></textarea>\r\n                            </div>\r\n                            <button type=\"submit\" className=\"btn-enviar\">Enviar</button>\r\n                        </form>\r\n                    </div>\r\n                }\r\n            </div>\r\n        </section>\r\n    );\r\n}\r\n\r\nexport default Contato;","import React from 'react'\r\nimport './styles.css';\r\n\r\nconst Quebra = () => {\r\n    return (\r\n        <section className=\"quebra\">\r\n            <div className=\"mencao-quebra\">\r\n                <p>\"A tecnologia não é nada sem o talento humano.\"</p>\r\n                <cite>SE7E INFORMÁTICA</cite>\r\n            </div>\r\n        </section>\r\n    );\r\n}\r\n\r\nexport default Quebra;\r\n","import React from \"react\";\r\n//import { BsFacebook, AiFillInstagram, AiFillLinkedin } from \"react-icons/fa\"\r\nimport { FaFacebookSquare, FaInstagramSquare, FaLinkedin } from 'react-icons/fa';\r\nimport './styles.css';\r\n\r\n\r\nconst Rodape = () => {\r\n    return (\r\n        <footer className=\"footer\">\r\n            <div className=\"footer-lista container\">\r\n                <div className=\"footer-item-historia footer-item\">\r\n                    <h3>Nossa História</h3>\r\n                    <p>Desde 17/02/2011 a Sete Informática atua no mercado estadual de desenvolvimento de sistemas de\r\n                        informação voltados para a gestão portuária. A SETE possui um\r\n                        excelente capital intelectual constituído por analistas de alto desempenho, todos certificados,\r\n                        com\r\n                        conhecimentos no\r\n                        mercado de inovação tecnológica, garantindo assim a qualidade dos projetos desenvolvidos e a\r\n                        satisfação\r\n                        dos clientes.</p>\r\n                </div>\r\n\r\n                <div className=\"footer-item\">\r\n                    <h3>Contatos</h3>\r\n                    <ul>\r\n                        <li>- contato@sete.inf.br</li>\r\n                        <li>- 85 30858827</li>\r\n                        <li>- Av Humberto Monte, 2929, 60440-593 Pici-Fortaleza-CE</li>\r\n                        <li>- Torre Norte 11° Andar, Sala-1108 </li>\r\n                    </ul>\r\n                </div>\r\n\r\n\r\n                <div className=\"footer-item\">\r\n                    <h3>Redes Sociais</h3>\r\n                    <ul className=\"redes-sociais\">\r\n                        <li><a rel=\"noreferrer\" href=\"https://www.linkedin.com/company/sete-inform%C3%A1tica/mycompany/\" title=\"LinkedIn\" target=\"_blank\"><FaLinkedin size={27} /></a></li>\r\n                        <li><a rel=\"noreferrer\" href=\"https://www.instagram.com/sete7informatica/\" title=\"Instagram\" target=\"_blank\"><FaInstagramSquare size={27} /></a></li>\r\n                        <li><a rel=\"noreferrer\" href=\"https://pt-br.facebook.com/sete7informatica/\" title=\"Facebook\" target=\"_blank\"> <FaFacebookSquare size={27} /></a></li>\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n\r\n            <div className=\"copy\">\r\n                <div className=\"container item-copy\">\r\n                    <p className=\"texto-copy\">{`Sete informática - ${new Date().getFullYear()} Todos direitos reservados.`}</p>\r\n                    <i className=\"texto-copy\">Desenvolvido<strong> por nós ❤️</strong></i>\r\n                </div>\r\n            </div>\r\n        </footer>\r\n    );\r\n}\r\n\r\nexport default Rodape;","export default __webpack_public_path__ + \"static/media/Loading.59d3b673.svg\";","import { useEffect } from 'react';\r\nimport './styles.css';\r\n\r\nconst ESCAPE_KEYCODE = 27;\r\nconst Modal = ({ children, isOpen, setIsOpen, id = \"modal\", closeButton = true, backdropClose = false, escapeClose = false }) => {\r\n\r\n    useEffect(() => {\r\n        if (!window || !escapeClose) return;\r\n\r\n        const keyUpListener = (e) => {\r\n            if(e.keyCode === ESCAPE_KEYCODE) setIsOpen(false);\r\n        }\r\n        window.addEventListener('keyup', keyUpListener)\r\n        \r\n        return () => window.removeEventListener('keyup', keyUpListener)\r\n    }, []);\r\n\r\n    const handleBackDropClick = (e) => {\r\n        if (e) e.preventDefault();\r\n        if (e.target.id !== id || !backdropClose) return;\r\n        setIsOpen(false);\r\n    }\r\n\r\n    if (!isOpen) return null;\r\n    return (\r\n        <div id={id} className=\"backdrop\" onClick={handleBackDropClick}>\r\n            <div className=\"modal\">\r\n                {closeButton ? <button type=\"button\" className=\"modal-close\" onClick={() => setIsOpen(false)} /> : null}\r\n                {children}\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\nexport default Modal;","import gifLoading from '../../assets/Loading.svg'\r\nimport Modal from '../Modal';\r\nimport { useLoading } from '../../hooks/useLoading'\r\n\r\nexport default function Loading({ width = 100 }) {\r\n    const { loading, setLoading } = useLoading();\r\n\r\n    return (\r\n        <Modal\r\n            isOpen={loading}\r\n            setIsOpen={setLoading}\r\n            closeButton={false}\r\n        >\r\n            <img src={gifLoading} alt=\"loading\" width={width} />\r\n        </Modal>\r\n    );\r\n}","import Menu from '../../components/Menu'\r\nimport Inicio from \"../../components/Inicio\";\r\nimport Sobre from '../../components/Sobre';\r\nimport Equipe from '../../components/Equipe';\r\nimport Contato from '../../components/Contato';\r\nimport Quebra from '../../components/Quebra';\r\nimport Rodape from '../../components/Rodape';\r\nimport Loading from '../../components/Loading';\r\n\r\nconst Site = () => (\r\n    <>\r\n        <Loading />\r\n        <Menu />\r\n        <Inicio />\r\n        <Sobre title=\"Sobre\" />\r\n        <Equipe title=\"Seteanos\" />\r\n        <Contato title=\"Contato\" />\r\n        <Quebra />\r\n        <Rodape />\r\n    </>\r\n);\r\n\r\nexport default Site;","import React from \"react\";\r\nimport Site from \"./pages/Site/site\";\r\nimport { LoadingContextProvider } from \"./context/LoadingContext\";\r\n\r\nconst App = () => {\r\n    return (\r\n        <LoadingContextProvider>\r\n            <Site />\r\n        </LoadingContextProvider>\r\n    );\r\n}\r\n\r\nexport default App;","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport './index.css';\r\nimport App from './App';\r\n\r\nReactDOM.render(\r\n  <React.StrictMode>\r\n    <App />\r\n  </React.StrictMode>,\r\n  document.getElementById('root')\r\n);"],"sourceRoot":""}