{props.children}
\r\n \r\n );\r\n};\r\n\r\nexport const Menu = styled.div`\r\n & {\r\n flex: 1;\r\n padding: 0.75cm 1cm;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n\r\n & #brand {\r\n color: #fff;\r\n font-size: 2em;\r\n }\r\n\r\n \r\n`;\r\n\r\nexport const Conteudo = props => {\r\n useEffect(() => {\r\n anime({\r\n targets: [\".description\"],\r\n translateY: [20, 0],\r\n opacity: [0, 1],\r\n easing: `easeInOutQuad`\r\n });\r\n }, []);\r\n\r\n return <_Conteudo>{props.children};\r\n};\r\n\r\nconst _Conteudo = styled.div`\r\n & h1.mainTitle {\r\n font-family: \"Gotham Title\";\r\n color: #fff;\r\n line-height: 100%;\r\n font-size: 3.5em;\r\n\r\n @media (min-width: 992px) {\r\n font-size: 4em;\r\n }\r\n }\r\n\r\n & h1.mainTitle ~ p {\r\n font-family: \"Gotham title\";\r\n color: #fff;\r\n letter-spacing: 2px;\r\n }\r\n\r\n & div.description {\r\n background: #0006;\r\n color: #fff;\r\n font-family: \"Futura\";\r\n font-weight: 600;\r\n font-size: 1.5em;\r\n\r\n &::after {\r\n position: absolute;\r\n top: -10px;\r\n right: 10%;\r\n background: ${config.theme.primary};\r\n width: 10%;\r\n min-width: 100px;\r\n height: 20px;\r\n content: \"\";\r\n }\r\n\r\n & ul {\r\n list-style: none;\r\n font-size: 0.75em;\r\n }\r\n\r\n @media (min-width: 992px) {\r\n font-size: 2em;\r\n }\r\n }\r\n`;\r\n","import styled from \"styled-components\";\r\n\r\nexport const Wrapper = styled.div`\r\n background: #090909;\r\n position: absolute;\r\n bottom: 0;\r\n color: #fff;\r\n width: 100%;\r\n padding: 10px 20px;\r\n transition: padding-bottom 0.25s ease-in-out;\r\n font-family: \"Futura\";\r\n\r\n & .toggle {\r\n position: absolute;\r\n left: 0;\r\n right: 0;\r\n // background: red;\r\n top: 0;\r\n width: 30px;\r\n height: 30px;\r\n margin: 0 auto;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n cursor: pointer;\r\n border-radius: 100%;\r\n z-index: 20;\r\n }\r\n\r\n & span.rodape {\r\n font-size: 0.75em;\r\n }\r\n`;\r\n","import React, { useState } from 'react';\r\nimport './Content.scss';\r\nimport { useWindowSize, useEffectOnce } from 'react-use';\r\nimport anime from 'animejs';\r\n\r\nimport docs from 'assets/docs.json';\r\nimport { useEffect } from 'react';\r\n\r\n\r\n\r\nfunction Content(props) {\r\n\r\n\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n )\r\n}\r\n\r\n\r\n\r\nfunction Projeto({ props: projeto }) {\r\n const { width } = useWindowSize();\r\n const [size, setSize] = useState(0);\r\n\r\n useEffect(() => {\r\n setSize((width - 80) / 5)\r\n }, [width])\r\n\r\n return (\r\n Nossos projetos:
\r\n\r\n
\r\n \r\n {/* {docs.projetos.map((projeto, i) =>
\r\n {projeto.nome}
\r\n )\r\n}\r\n\r\nexport default Content;","import React, { useState, useEffect, useRef } from \"react\";\r\nimport { Wrapper } from \"./style\";\r\nimport config from \"../../config.json\";\r\nimport anime from \"animejs\";\r\nimport Content from \"./Content\";\r\n\r\n//import { useEffectOnce } from \"react-use\";\r\n\r\nfunction Rodape(props) {\r\n const firstTime = useRef(true);\r\n const animation = useRef(null);\r\n const [status, setStatus] = useState({ open: false });\r\n\r\n const [year, setYear] = useState(new Date().getFullYear());\r\n\r\n const open = () => {\r\n setStatus({ ...status, open: !status.open });\r\n };\r\n\r\n const flipX = () => {\r\n if (animation.current) {\r\n animation.current.pause();\r\n }\r\n const _close = () => {\r\n animation.current = anime({\r\n targets: `.toggle`,\r\n rotateX: { value: `180deg`, duration: 5000 },\r\n translateY: { value: \"-5px\", duration: 5000 },\r\n padding: `20px`,\r\n background: `#111`,\r\n borderRadius: `100%`,\r\n elasticity: 0,\r\n duration: 2000\r\n });\r\n\r\n anime({\r\n targets: `.openn`,\r\n height: [`75px`, `50px`],\r\n easing: `easeInOutQuad`,\r\n duration: 250,\r\n elasticity: 0\r\n });\r\n };\r\n\r\n const _open = () => {\r\n if (animation.current) {\r\n animation.current.pause();\r\n }\r\n animation.current = anime({\r\n targets: `.toggle`,\r\n rotateX: { value: `0deg`, duration: 5000 },\r\n duration: 2000,\r\n translateY: [`0px`, `-40px`],\r\n padding: `40px`,\r\n background: `#090909`,\r\n elasticity: 0\r\n });\r\n\r\n anime({\r\n targets: `.openn`,\r\n height: `50vh`,\r\n easing: `easeInOutQuad`,\r\n duration: 250,\r\n elasticity: 0\r\n });\r\n };\r\n\r\n if (firstTime.current) {\r\n firstTime.current = false;\r\n _close();\r\n return;\r\n }\r\n\r\n if (status.open) {\r\n _open();\r\n } else {\r\n _close();\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n flipX();\r\n }, [status.open]);\r\n\r\n return (\r\n ⮟
*/}\r\n {!status.open ? (\r\n \r\n {config.app.name}. Todos os direitos reservados. © {year}.\r\n \r\n ) : (\r\n \r\n \r\n {message.loaded && (\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n )}\r\n
\r\n {message.title.toUpperCase()}
\r\n\r\n {projetoRedux.bg === \"1\"\r\n ? \"TV Centro América | MT\"\r\n : \"TV Morena | MS\"}\r\n
\r\n \r\n\r\n \r\n
\r\n
\r\n \r\n {props.children}
\r\n \r\n );\r\n}\r\n","import React from \"react\";\r\nimport { Wrapper, Content } from \"./style\";\r\n\r\nimport config from \"config.json\";\r\n\r\n// import logo from \"assets/img/logo_white.png\";\r\nimport bg from \"assets/img/bg.jpg\";\r\nimport Diretor from \"assets/img/diretoria/diretor.jpg\";\r\nimport Fundador from \"assets/img/diretoria/fundador.jpg\";\r\nimport Presidente from \"assets/img/diretoria/presidente.jpg\";\r\n\r\n//Components\r\nimport Background from \"components/Background\";\r\n\r\n//3rd party\r\nimport \"bootstrap/dist/css/bootstrap.min.css\";\r\nimport { Container, Row, Col } from \"react-bootstrap\";\r\nimport Menu from \"components/Menu\";\r\nimport { useState } from \"react\";\r\nimport { useEffect } from \"react\";\r\nimport anime from \"animejs\";\r\n\r\nexport default function (props) {\r\n const [localState, setLocalState] = useState({ isOpen: false });\r\n\r\n useEffect(() => {\r\n const tgt = document.getElementsByClassName(\"_menu_ref\")[0];\r\n\r\n if (!tgt) {\r\n return;\r\n }\r\n\r\n const toggleMenu = () => {\r\n // //console.log(\"clicou\");\r\n setLocalState({ ...localState, isOpen: !localState.isOpen });\r\n };\r\n\r\n tgt.addEventListener(\"click\", toggleMenu);\r\n\r\n return () => {\r\n tgt.removeEventListener(\"click\", toggleMenu);\r\n };\r\n }, [localState.isOpen]);\r\n\r\n useEffect(() => {\r\n anime\r\n .timeline({\r\n easing: `easeInOutQuad`\r\n // delay: (el, i) => i * 100\r\n })\r\n .add({\r\n targets: [\".rowUp.first\"],\r\n translateY: [50, 0],\r\n scale: [1.1, 1],\r\n opacity: [0, 1]\r\n })\r\n .add(\r\n {\r\n targets: [\".rowUp:not(.first)\"],\r\n translateY: [50, 0],\r\n scale: [1.1, 1],\r\n opacity: [0, 1]\r\n },\r\n `-=500`\r\n )\r\n .play();\r\n }, []);\r\n\r\n return (\r\n <>\r\n \r\n \r\n NOSSA HISTÓRIA \r\n \r\n \r\n \r\n Um grupo genuinamente regional, apaixonado por\r\n comunicação.\r\n \r\n \r\n
\r\n \r\n \r\n Com quase seis décadas de atuação no coração do\r\n Brasil, somos comunicação, emoção e interação.\r\n \r\n \r\n Priorizamos credibilidade, levando informação e\r\n entretenimento com responsabilidade e compromisso com\r\n a qualidade.\r\n \r\n \r\n Somos a Rede Matogrossense de Comunicação, companhia\r\n que trilha o caminho da excelência desde sua fundação,\r\n em 1965. Nesta caminhada, manter a solidez em meio à\r\n turbulência faz do empresariado brasileiro um segmento\r\n vencedor e temos a satisfação de fazer parte do time\r\n de empreendedores perseverantes que acredita no país e\r\n trabalha por seu desenvolvimento.\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n Com trabalho desenvolvido graças à competência e\r\n dedicação de nossos {config.dados.colaboradores}{\" \"}\r\n colaboradores. Mais do que o cumprimento de metas,\r\n nossa atuação retrata nosso compromisso maior:{\" \"}\r\n \r\n atuar em prol do desenvolvimento de nossa região.\r\n \r\n \r\n \r\n Desde nossa fundação, testemunhamos e noticiamos o\r\n acontecer da história de nosso país e de nossa região.\r\n Política, economia, comunidade, a divisão do Estado, o\r\n desbravar da agricultura, o boom das{\" \"}\r\n commodities, a construção de estradas, o\r\n caminhar do desenvolvimento. Mato Grosso e Mato Grosso\r\n do Sul registrados e apresentados em imagem e som.\r\n \r\n \r\n {\" \"}\r\n Por meio do pilar de nosso negócio, a comunicação,\r\n conseguimos crescer e consolidar nossa presença e\r\n aceitação. Com isso, passamos a atuar não somente nas\r\n capitais, mas também no interior. Porque crescer está\r\n no nosso DNA. Crescer de forma sustentável,\r\n responsável e bem alicerçada.\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n
{props.obs}
\r\n ) : ''}\r\n \r\n \r\n NOSSO CÓDIGO DE CONDUTA \r\n \r\n \r\n \r\n Espero que tenha uma excelente leitura!\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {\r\n window.open(\r\n Documento,\r\n \"_blank\"\r\n );\r\n }}\r\n className=\"p-4 btn-lg\"\r\n >\r\n CLIQUE AQUI E DEIXE-NOS SEU CURRÍCULO\r\n \r\n \r\n
\r\n
*/}\r\n \r\n {/* \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n Com trabalho desenvolvido graças à competência e\r\n dedicação de nossos {config.dados.colaboradores}{\" \"}\r\n colaboradores. Mais do que o cumprimento de metas,\r\n nossa atuação retrata nosso compromisso maior:{\" \"}\r\n \r\n atuar em prol do desenvolvimento de nossa região.\r\n \r\n \r\n \r\n Desde nossa fundação, testemunhamos e noticiamos o\r\n acontecer da história de nosso país e de nossa região.\r\n Política, economia, comunidade, a divisão do Estado, o\r\n desbravar da agricultura, o boom das{\" \"}\r\n commodities, a construção de estradas, o\r\n caminhar do desenvolvimento. Mato Grosso e Mato Grosso\r\n do Sul registrados e apresentados em imagem e som.\r\n \r\n \r\n {\" \"}\r\n Por meio do pilar de nosso negócio, a comunicação,\r\n conseguimos crescer e consolidar nossa presença e\r\n aceitação. Com isso, passamos a atuar não somente nas\r\n capitais, mas também no interior. Porque crescer está\r\n no nosso DNA. Crescer de forma sustentável,\r\n responsável e bem alicerçada.\r\n \r\n \r\n
\r\n */}\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n {\r\n window.open(docs.codConduta, \"_blank\");\r\n }}\r\n className=\"p-4 btn-sm btNovaJanela\"\r\n >\r\n ABRIR EM NOVA JANELA\r\n \r\n
\r\n {/* \r\n \r\n
\r\n \r\n \r\n RELATÓRIO DE SUSTENTABILIDADE - ESG\r\n \r\n \r\n \r\n \r\n Espero que tenha uma excelente leitura!\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n {\r\n window.open(docs.esg.link, \"_blank\");\r\n }}\r\n className=\"p-4 btn-sm btNovaJanela\"\r\n >\r\n ABRIR EM NOVA JANELA\r\n \r\n
\r\n \r\n \r\n \r\n \r\n FALE CONOSCO \r\n \r\n
\r\n \r\n \r\n Email
\r\n
\r\n \r\n
\r\n \r\n
\r\n {/* |
*/}\r\n
\r\n {city.data.emissora}
\r\nEndereço
\r\n{city.data.endereco}
\r\nCEP.: {city.data.CEP}
\r\nTelefone
\r\n{city.data.Telefone}
\r\n{city.data.Email}
\r\n\r\n
\r\n
\r\n \r\n
\r\n \r\nCentro América
\r\nTelevisão
\r\n\r\n {dados2[0].blocos.map(cidade => {\r\n return (\r\n <>\r\n\r\n {cidade.TVCA} | {cidade.Telefone}\r\n
\r\nRádio
\r\n\r\n {dados2[2].blocos.map(cidade => {\r\n return (\r\n <>\r\n\r\n {cidade.TVCA} | {cidade.Telefone}\r\n
\r\nMorena
\r\nTelevisão
\r\n\r\n {dados2[1].blocos.map(cidade => {\r\n return (\r\n <>\r\n\r\n {cidade.TVCA} | {cidade.Telefone}\r\n
\r\nRádio
\r\n\r\n {dados2[3].blocos.map(cidade => {\r\n return (\r\n <>\r\n\r\n {cidade.TVCA} | {cidade.Telefone}\r\n
\r\n\r\n {/* \r\n \r\n \r\n DESLIGAMENTO DO SINAL DE TV ANALÓGICA\r\n \r\n \r\n
\r\n \r\n DATA FINAL: 31 DE JULHO DE 2022 \r\n \r\n
\r\n \r\n \r\n \r\n CIDADES CONTEMPLADAS EM MT | TV CENTRO AMÉRICA\r\n \r\n \r\n {cidadesAnalogicas[0] &&\r\n _.chunk(cidadesAnalogicas[0].cidades, 3).map(\r\n (chunk) => {\r\n return (\r\n <>\r\n {chunk.map((cidade, cidadeIndex) => {\r\n return (\r\n \r\n \r\n\r\n \r\n CIDADES CONTEMPLADAS EM MS | TV MORENA\r\n \r\n \r\n {cidadesAnalogicas[1] &&\r\n _.chunk(cidadesAnalogicas[1].cidades, 3).map(\r\n (chunk) => {\r\n return (\r\n <>\r\n {chunk.map((cidade, cidadeIndex) => {\r\n return (\r\n \r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n\r\n
*/}\r\n\r\n\r\n COBERTURA \r\n \r\n \r\n 
\r\n \r\n\r\n \r\n handleClick(0, {}, dados[0])}\r\n active={state._estado === \"MT\"}\r\n >\r\n MT\r\n \r\n )}\r\n {dados.map((bloco, blocoIndice) => {\r\n return (\r\n \r\n handleClick(blocoIndice, e.target, bloco)\r\n }\r\n key={blocoIndice}\r\n >\r\n {bloco.Cidade}\r\n \r\n );\r\n })}\r\n {state.bloco.Estado !== \"MS\" && (\r\n handleClick(8, {}, dados[8])}\r\n active={state._estado === \"MS\"}\r\n >\r\n MS\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n {cidade.nome}\r\n \r\n
\r\n );\r\n })}\r\n \r\n );\r\n }\r\n )}\r\n \r\n \r\n {cidade.nome}\r\n \r\n
\r\n );\r\n })}\r\n \r\n );\r\n }\r\n )}\r\n */}\r\n\r\n
\r\n \r\n \r\n COMERCIAL \r\n \r\n
\r\n \r\n \r\n \r\n TV CENTRO AMÉRICA | MT\r\n \r\n {_.chunk(dados[0].blocos, 3).map(chunk => {\r\n return (\r\n \r\n {chunk.map((cidade, cidadeIndex) => {\r\n return (\r\n \r\n {cidade.TVCA}\r\n \r\n \r\n {cidade.TelefoneComercial ||\r\n cidade.Telefone}\r\n \r\n \r\n );\r\n })}\r\n
\r\n );\r\n })} \r\n \r\n
\r\n\r\n \r\n \r\n CENTRO AMÉRICA FM | MT\r\n \r\n {_.chunk(dados[2].blocos, 3).map(chunk => {\r\n return (\r\n \r\n {chunk.map((cidade, cidadeIndex) => {\r\n return (\r\n \r\n {cidade.TVCA}\r\n \r\n \r\n {cidade.TelefoneComercial ||\r\n cidade.Telefone}\r\n \r\n \r\n );\r\n })}\r\n
\r\n );\r\n })} \r\n \r\n
\r\n\r\n\r\n \r\n TV MORENA | MS \r\n {_.chunk(dados[1].blocos, 3).map(chunk => {\r\n return (\r\n \r\n {chunk.map((cidade, cidadeIndex) => {\r\n return (\r\n \r\n {cidade.TVCA}\r\n \r\n \r\n {cidade.TelefoneComercial ||\r\n cidade.Telefone}\r\n \r\n \r\n );\r\n })}\r\n
\r\n );\r\n })}\r\n \r\n
\r\n \r\n \r\n MORENA FM | MS \r\n {_.chunk(dados[3].blocos, 3).map(chunk => {\r\n return (\r\n \r\n {chunk.map((cidade, cidadeIndex) => {\r\n return (\r\n \r\n {cidade.TVCA}\r\n \r\n \r\n {cidade.TelefoneComercial ||\r\n cidade.Telefone}\r\n \r\n \r\n );\r\n })}\r\n
\r\n );\r\n })}\r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n DESLIGAMENTO DO SINAL DE TV ANALÓGICA \r\n \r\n
\r\n \r\n DATA FINAL 30 DE AGOSTO DE 2022 \r\n \r\n
\r\n \r\n \r\n \r\n CIDADES COMTEMPLADAS EM MT | TV CENTRO AMÉRICA\r\n \r\n {cidadesAnalogicas[0] && _.chunk(cidadesAnalogicas[0].cidades, 3).map(chunk => {\r\n return (\r\n \r\n {chunk.map((cidade, cidadeIndex) => {\r\n return (\r\n \r\n {cidade.nome}\r\n \r\n \r\n );\r\n })}\r\n
\r\n );\r\n })} \r\n \r\n
\r\n\r\n \r\n \r\n CIDADES COMTEMPLADAS EM MS | TV MORENA\r\n \r\n {cidadesAnalogicas[1] && _.chunk(cidadesAnalogicas[1].cidades, 3).map(chunk => {\r\n return (\r\n \r\n {chunk.map((cidade, cidadeIndex) => {\r\n return (\r\n \r\n {cidade.nome}\r\n \r\n \r\n );\r\n })}\r\n
\r\n );\r\n })}\r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n NOSSAS\r\n
\r\n MARCAS\r\n \r\n \r\n A REDE MATOGROSSENSE DE COMUNICAÇÃO É UM\r\n
DOS MAIORES GRUPOS DE MULTIMÍDIA DO PAÍS.\r\n \r\n \r\n PRESENTE NAS PRINCIPAIS MÍDIAS DE COMUNICAÇÃO ATUAIS, SUAS\r\n EMISSORAS DE TELEVISÃO, SITE E DE RÁDIO SÃO LÍDERES DE\r\n MERCADO NOS ESTADOS DE MATO GROSSO E MATO GROSSO DO SUL,\r\n PROPORCIONANDO AMPLO ALCANCE, RELEVÂNCIA E CREDIBILIDADE\r\n AOS PARCEIROS.\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n {/*
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n MARCAS\r\n
DOS MAIORES GRUPOS DE MULTIMÍDIA DO PAÍS.\r\n
Opa, houve um erro!
\r\n\r\n Erro {state.code} - \"{state.description}\"\r\n
\r\n\r\n \r\n \r\n \r\n TRABALHE\r\n
\r\n CONOSCO\r\n \r\n \r\n UM GRUPO GENUINAMENTE REGIONAL, APAIXONADO POR\r\n COMUNICAÇÃO.\r\n \r\n \r\n
\r\n \r\n \r\n {\r\n window.open(\r\n \"https://rmc.onl/trabalheconosco/\",\r\n \"_blank\"\r\n );\r\n }}\r\n className=\"p-4 btn-lg\"\r\n >\r\n CLIQUE AQUI E DEIXE-NOS SEU CURRÍCULO\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n CONOSCO\r\n