ptb-fe/pages/pageDone.js

import React, { Component } from 'react';
import BasePage from "@/components/Layout/BasePage";
import ContentWrapper from "@/components/Layout/ContentWrapper";
import { Row, Col, Card, CardBody, Button, Modal, ModalBody, ModalFooter, FormGroup, Input, Navbar, NavItem, NavLink, NavbarBrand } from "reactstrap";

import Link from 'next/dist/client/link';
class PlenoSanksi extends React.Component {
    render() {
        return (
            <div>
                <Navbar className="navbar-color" expand="md" dark>
                    <NavbarBrand href="/">
                        <img className="width-133" src="/static/img/Logo-Sidali.png" alt="App Logo" />
                    </NavbarBrand>
                </Navbar>
                <ContentWrapper>
                    <div id="pageDone-TTD">
                        <div className=' float-lg-right'>
                            <span className=''>
                                <img className=" main-logo-1" src="/static/img/ditbaga-logo.png" alt="gambar" />
                                <img className="main-logo" src="/static/img/logo_kemdikbudristek.png" alt="gambar" />
                            </span>
                        </div>
                        <div className='main text-center'>
                            <img className="main" src="/static/img/success_ttd.png" alt="gambar" />

                        </div>
                        <div className='text-center'>
                            <text className='text-1'>Tanda tangan Anda berhasil tersimpan!</text>
                            <p className=' pt-2 text-center font-color-black '>Terima kasih, dengan demikian Anda telah memberikan persetujuan pleno untuk Universitas Satyagama</p>
                        </div>
                        <Link href="/app">
                            <div className="btn-radius d-block text-center">
                                <Button color className="btn-labeled-3">
                                    <h4 className="p-0 mt-2">Kunjung Aplikasi SIDALI</h4>
                                </Button>
                            </div>
                        </Link>
                    </div>

                </ContentWrapper>
            </div>

        );
    }
}
PlenoSanksi.Layout = BasePage;
export default PlenoSanksi;