added info to about page

client/src/pages/about.js

@@ -1,8 +1,41 @@
 import React from 'react';
-import Loading from '../components/loading';
+
+import Container from 'react-bootstrap/Container';
+import Row from 'react-bootstrap/Row';
+import Col from 'react-bootstrap/Col';
+
+import AboutSection from '../components/aboutSection';
+import { aboutSections as sections } from '../constants';
 
 export default function About() {
+
+    const getSections = () => {
+
+        return sections.map(section => {
+
+            return <AboutSection section={section}/>
+
+        });
+
+    }
+
     return (
-        <p>Coming soon...</p>
+
+        <Container>
+
+            <Row>
+
+                <Col>
+
+                    <h1 className='text-center py-4'>Wanna know more?</h1>
+
+                </Col>
+
+            </Row>
+
+            {getSections()}
+
+        </Container>
+
     );
 }