ptb-fe/pages/maintenance.js

import React, { Component } from "react";
import BasePage from "@/components/Layout/BasePage";
import {
  Row,
  Col,
  FormGroup,
  Input,
  Card,
  CardBody,
  Button,
  Navbar,
  NavItem,
  NavLink,
  NavbarBrand,
  NavbarToggler,
  Nav,
  Collapse,
} from "reactstrap";
import Link from "next/link";
import ContentWrapper from "@/components/Layout/ContentWrapper";
import { getPelaporanPublic } from "@/actions/pelaporan";
import DetailLaporan from "@/components/Public/DetailLaporan";
import { getLogPublic } from "@/actions/log";
import Timeline from "@/components/Main/Timeline";
import { Formik, Form, Field, ErrorMessage } from "formik";
import * as Yup from "yup";
import { ToastContainer, toast } from "react-toastify";
// import Swal from '@/components/Common/Swal';
import "react-toastify/dist/ReactToastify.css";
import swal from "sweetalert2";


class App extends Component {
  constructor(props) {
    super(props);
    this.state = {

    };
  }
  handleRedirect = () => {
    // Ganti URL tujuan ke domain baru
  window.location.href = "https://domainbaru.com";  };

  render() {
    const { } = this.state;
    return (

      <div>
        <ToastContainer />
        <Navbar className="navbar-color" expand="md" dark>
          <NavbarBrand href="/">
            <img
              className="width-133"
              src="/static/img/Logo-Sidali.png"
              alt="App Logo"
            />
          </NavbarBrand>
        </Navbar>



        <div className="flex flex-col items-center justify-center min-h-screen text-center">

          {/* Ilustrasi */}
          <div className='main text-center pt-1 mt-5'>
            <img
              className="main"
              src="/static/img/maintenance.png"
              alt="gambar"

              width="500"
              height="350"
            />

          </div>

          {/* Teks */}
          <h3 className="text-2xl font-semibold mt-6 font-color-black mt-5">
            Oops! Website Sedang Dalam Perbaikan
          </h3>
          <p className="text-gray-600 mt-3  mb-0 font-color-black max-w-md">
           Kami sedang melakukan perbaikan agar pengalaman Anda di sini jadi lebih baik.
          </p>
          <p className="text-gray-600 mt-0 font-color-black max-w-md">
           Mohon bersabar sebentar ya, kami akan segera kembali!
          </p>
        
        </div>
      </div>
    );


  }
}

App.Layout = BasePage;

export default App;