frontend/src/pages/admin-pages/AdminStaffPage.js

import { Container, Row, Col } from "react-bootstrap";
import AdminTemplate from "../../templates/AdminTemplate";

export default function AdminStaffPage() {
    return (
        <AdminTemplate content={
            (
                <Container className='d-flex text-center align-items-center justify-content-center' style={{minHeight: '80vh' }}>
                    <Row>
                        <Col xs={12}>
                            <h1>This is a demo staff page</h1>
                        </Col>
                        <Col xs={12}>
                            <h3>In the future, we are about to view staffs info, add, edit, and remove staffs in this page</h3>
                        </Col>
                    </Row>
                </Container>
            )
        } />
    );
}