plano verão

src/app.js

@@ -8,6 +8,7 @@ import { LoadingObras } from "./pages/obras/loading";
 import { LoadingSubsidioSPPO } from "./pages/subsidio-sppo/loading";
 import { LoadingSeopCep } from "./pages/seop-cep/loading";
 import { LoadingCarnaval2023 } from "./pages/carnaval-2023/loading";
+import { LoadingPlanoVerao } from "./pages/plano-verao/loading";
 import { LoadingPainelInvestimento } from "./pages/painel-investimentos/loading";
 import { LoadingEnchentes } from "./pages/enchentes/loading";
 import { LoadingParques } from "./pages/parques/loading";
@@ -59,6 +60,13 @@ const Carnaval2023 = lazy(() => {
   ]).then(([moduleExports]) => moduleExports);
 });
 
+const VizPlanoVerao = lazy(() => {
+  return Promise.all([
+    import("./pages/plano-verao/story"),
+    new Promise((resolve) => setTimeout(resolve, 1)),
+  ]).then(([moduleExports]) => moduleExports);
+});
+
 const PainelInvestimento = lazy(() => {
   return Promise.all([
     import("./pages/painel-investimentos/story"),
@@ -190,6 +198,14 @@ function App() {
             ></Route>
           </Routes>
         </Suspense>
+        <Suspense fallback={<LoadingPlanoVerao />}>
+          <Routes>
+            <Route
+              path="/plano-verao"
+              element={<VizPlanoVerao />}
+            ></Route>
+          </Routes>
+        </Suspense>
         <Suspense fallback={<LoadingSeopCep />}>
           <Routes>
             <Route path="/especial-seop/cep" element={<CepSEOP />}></Route>

src/pages/home/home.js

@@ -53,6 +53,9 @@ export default function Home() {
         <li>
           <Link to="/especial-seop/demolicoes">Especial SEOP | Demolicoes</Link>
         </li>
+        <li>
+          <Link to="/especial-seop/demolicoes">Dataviz | Plano Verão</Link>
+        </li>
         <li>
           <Link to="/especial-carnaval/2023">Especial Carnaval | 2023</Link>
         </li>