More blank components and stories to be filled in

web/components/ui/Content/Content.tsx

@@ -1,7 +1,12 @@
 import { useRecoilValue } from 'recoil';
+import { Layout, Row, Col, Tabs } from 'antd';
 import { clientConfigState } from '../../stores/ClientConfigStore';
 import { ClientConfig } from '../../../interfaces/client-config.model';
-import { Layout, Row, Col } from 'antd';
+import CustomPageContent from '../../CustomPageContent';
+import OwncastPlayer from '../../video/OwncastPlayer';
+import FollowerCollection from '../../FollowersCollection';
+
+const { TabPane } = Tabs;
 
 const { Content } = Layout;
 
@@ -13,11 +18,20 @@ export default function FooterComponent() {
     <Content style={{ margin: '80px 16px 0', overflow: 'initial' }}>
       <div>
         <Row>
-          <Col span={24}>Video player goes here</Col>
+          <Col span={24}>
+            <OwncastPlayer source="https://watch.owncast.online" />
+          </Col>
         </Row>
         <Row>
           <Col span={24}>
-            <Content dangerouslySetInnerHTML={{ __html: extraPageContent }} />
+            <Tabs defaultActiveKey="1" type="card">
+              <TabPane tab="About" key="1">
+                <CustomPageContent content={extraPageContent} />
+              </TabPane>
+              <TabPane tab="Followers" key="2">
+                <FollowerCollection />
+              </TabPane>
+            </Tabs>
           </Col>
         </Row>
       </div>