feat: create blank sections

3 files changed, 33 insertions, 7 deletions

diff --git a/src/containers/BsuFantomSection/BsuFantomSection.tsx b/src/containers/BsuFantomSection/BsuFantomSection.tsx
new file mode 100644
index 0000000..119b2ae
--- /dev/null
+++ b/src/containers/BsuFantomSection/BsuFantomSection.tsx
@@ -0,0 +1,14 @@
+import React from 'react';
+import { ContentSection } from 'react-benzin';
+import { Link } from '@material-ui/core';
+
+const BsuFantomSection: React.FC = () => {
+
+  return (
+    <ContentSection sectionName="bsu-fantom" level={1}>
+      Schedule your offline <Link href="https://edufpmi.bsu.by">EDUFPMI</Link> conference attendance
+    </ContentSection>
+  );
+};
+
+export default BsuFantomSection;
diff --git a/src/containers/LoginSection/LoginSection.tsx b/src/containers/LoginSection/LoginSection.tsx
new file mode 100644
index 0000000..c7e2785
--- /dev/null
+++ b/src/containers/LoginSection/LoginSection.tsx
@@ -0,0 +1,14 @@
+import React from 'react';
+import { ContentSection } from 'react-benzin';
+import { Link } from '@material-ui/core';
+
+const LoginSection: React.FC = () => {
+
+  return (
+    <ContentSection sectionName="Login" level={1}>
+      Log in using your <Link href="https://edufpmi.bsu.by">EDUFPMI</Link> credentials
+    </ContentSection>
+  );
+};
+
+export default LoginSection;
diff --git a/src/index.tsx b/src/index.tsx
index 62979f7..5337615 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -3,6 +3,8 @@ import ReactDOM from 'react-dom';
 import { Benzin, ContentSection } from 'react-benzin';
 import { Paper } from '@material-ui/core';
 import { makeStyles } from '@material-ui/core/styles';
+import BsuFantomSection from './containers/BsuFantomSection/BsuFantomSection';
+import LoginSection from './containers/LoginSection/LoginSection';
 
 const useStyles = makeStyles(theme => ({
   root: {
@@ -20,7 +22,8 @@ const App: React.FC = () => {
     <Benzin>
       <Paper className={classes.root}>
         <ContentSection sectionName="famcs-kit">
-          Hello, world!
+          <LoginSection />
+          <BsuFantomSection />
         </ContentSection>
       </Paper>
     </Benzin>
@@ -28,10 +31,5 @@ const App: React.FC = () => {
 };
 
 
-ReactDOM.render(
-  <React.StrictMode>
-    <App />
-  </React.StrictMode>,
-  document.getElementById('root')
-);
+ReactDOM.render(<App />, document.getElementById('root'));