diff --git a/frontend/src/components/About.tsx b/frontend/src/components/About.tsx
index 39afd4081e84378613a9ac80a45a47df0d484fab..65f8d3fa2049a6b46cac64724c57a579196d2289 100644
--- a/frontend/src/components/About.tsx
+++ b/frontend/src/components/About.tsx
@@ -1,7 +1,18 @@
-import React from "react"
+import { Space, Typography, Card } from "antd"
+import React from "react";
+const { Title, Paragraph, Text, Link } = Typography;
 
 export const About = () => {
     return (
-        <div>Future place for info about our site.</div>
+        <>
+        <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>
+        </>
     )
 }
\ No newline at end of file