TODO: lame - bootcamp page

src/App.js

@@ -1,22 +1,34 @@
 import "./App.css";
 import Navbar from "./Components/Nav/Navbar";
 import ContentBlock from "./Components/Contents/ContentBlock";
+import Bootcamp from "./Components/Bootcamp";
 import metaData from "./Constants/meta.json";
 
 function App() {
+  const showBootcamp = () => {
+    if (window.location.pathname === "/bootcamp") {
+      return <Bootcamp />
+    }
+  }
+  const showContent = () => {
+    if (window.location.pathname === "/") {
+      return ( 
+        Object.keys(metaData).map((title) =>
+          <ContentBlock
+            title={title}
+            content={metaData[title]}
+            key={title}
+          />
+        )
+      )
+    }
+  }
   return (
     <div className="App">
       <div className="wrapper">
         <Navbar />
-        {
-          Object.keys(metaData).map((title) =>
-            <ContentBlock
-              title={title}
-              content={metaData[title]}
-              key={title}
-            />
-          )
-        }
+        {showContent()}
+        {showBootcamp()}
       </div>
     </div>
   );

src/Components/Bootcamp.jsx

@@ -0,0 +1,40 @@
+import { makeStyles } from "@material-ui/core/styles";
+
+const useStyles = makeStyles({
+	pContent: {
+		paddingLeft: "0.7rem",
+		textAlign: "justify",
+	},
+	bulletRow: {
+		display: "flex",
+		justifyContent: "flex-start",
+		alignItems: "center",
+	},
+	bulletIcon: {
+		height: "0.5rem",
+		paddingRight: "0.5rem",
+	},
+});
+
+const BootcampBlock = ({ title, content }) => {
+	const styles = useStyles();
+	return (
+		<>
+          <div>DevOps Bootcamp 2022</div>
+          span: 2-3 months
+          <br/>
+          sync: Weekly meet certain hours, 1 week sprint(plan)
+          <br/>
+          quota: 3-4 selection
+          <br/>
+          incentive: paid, enroll and earn 
+          <br/>
+          misc:
+            - More hands on
+          <br/>
+          contact: drop your cv to bootcamp@cloudrickshaw.com and some lines on why you want to do this
+		</>
+	);
+};
+
+export default BootcampBlock;

src/Components/Nav/Navbar.jsx

@@ -39,6 +39,9 @@ const Navbar = () => {
 	const redirectCalendly = () => {
 		window.open("https://calendly.com/cloudrickshaw");
 	};
+    const renderBootcamp = () => {
+	    window.open("/bootcamp");
+    }
 	const styles = useStyles();
 	return (
 		<>
@@ -55,6 +58,11 @@ const Navbar = () => {
 							Book an Appointment
 						</Button>
 					</div>
+                    <div className={styles.navItems}>
+						<Button className={styles.buttonStyle} onClick={renderBootcamp}>
+						 Bootcamp	
+						</Button>
+					</div>
 				</div>
 				<SocialLink />
 			</div>