About.tsx

import { Space, Typography, Card } from "antd";
import React from "react";
const { Title, Paragraph, Text, Link } = Typography;

export const About = () => {
  return (
    <>
      <Typography>
        <Space
          direction="vertical"
          size="middle"
          style={{ display: "flex", padding: 16, textAlign: "center" }}
        >
          <Card title={<Title>About</Title>}>
            <Paragraph> Movie Base is database of movies.</Paragraph>
            <Paragraph>
              {" "}
              It is possible to view popular movies, search for your favourites
              or checkout details of every movie possible{" "}
            </Paragraph>
          </Card>
        </Space>
      </Typography>
    </>
  );
};