pension-app/pages/dashboard.tsx

import { NextPage } from "next";
import { Button, Card, Col, Container, Form, Row } from "react-bootstrap";

const DashBoard: NextPage = () => {
  const entryBlocks = [{}, {}];

  return (
    <>
      <style global jsx>
        {`
          html,
          body,
          body > div:first-child,
          div#__next,
          div#__next > div {
            height: 100%;
          }
        `}
      </style>
      <Container className="py-4 py-lg-5 align-items-center text-center">
        <Col>
          <h3 className="display-4">智慧养老综合服务平台</h3>
          <hr />
          <Container>
            <Col md="2">
              <Card style={{ background: "linear-gradient(to right top, #7f7fd5, #86a8e7, #91eae4)"}}>
                <Card.Body>
                  <Card.Title className="text-white fw-bold">养老大数据</Card.Title>
                  <Card.Link></Card.Link>
                </Card.Body>
              </Card>
            </Col>
            <Col md="3"></Col>
          </Container>
        </Col>
      </Container>
    </>
  );
};

export default DashBoard;