7 files changed, 80 insertions, 7 deletions
diff --git a/src/components/App.js b/src/components/App.js
index ceed8bd..4e6157a 100644
--- a/src/components/App.js
+++ b/src/components/App.js
@@ -8,14 +8,15 @@
 
 import React from "react";
 import Header from "./Header/Header";
-import BillingPage from "./BillingPage";
+import HomePage from "./Pages/HomePage";
 
 const App = () => {
+  const showHeader = false;
   return (
     <>
-      <Header/>
+      {showHeader && <Header/>}
         <div className={"root-content"}>
-          <BillingPage />
+          <HomePage />
         </div>
     </>
   );
diff --git a/src/components/Menu/HomePageMenu.js b/src/components/Menu/HomePageMenu.js
new file mode 100644
index 0000000..29295bb
--- /dev/null
+++ b/src/components/Menu/HomePageMenu.js
@@ -0,0 +1,25 @@
+/*
+ * OpenBills - Self hosted browser app to generate and keep track of simple invoices
+ * Version - 0
+ * Licensed under the MIT license - https://opensource.org/licenses/MIT
+ *
+ * Copyright (c) 2021 Vidhu Kant Sharma
+*/
+
+import React from "react";
+import "./HomePageMenu.scss";
+
+const HomePageMenu = () => {
+	return (
+    <div className="HomePageMenu">
+      <span className="menuItem">
+        Create Invoice
+      </span>
+      <span className="menuItem">
+        Don't Create Invoice
+      </span>
+    </div>
+	)
+}
+
+export default HomePageMenu
diff --git a/src/components/Menu/HomePageMenu.scss b/src/components/Menu/HomePageMenu.scss
new file mode 100644
index 0000000..e9497ad
--- /dev/null
+++ b/src/components/Menu/HomePageMenu.scss
@@ -0,0 +1,19 @@
+@import "../../styles/theme";
+
+.HomePageMenu {
+  /*border: 1px solid green;*/
+  min-width: 20rem;
+  width: 50%;
+
+  display: grid;
+  grid-template-columns: auto auto;
+}
+
+.HomePageMenu .menuItem {
+  text-align: center;
+  font-size: $fontSize2;
+}
+
+.HomePageMenu .menuItem:hover {
+  color: $altFG;
+}
diff --git a/src/components/BillingPage.js b/src/components/Pages/BillingPage.js
index cb9e74c..cb9e74c 100644
--- a/src/components/BillingPage.js
+++ b/src/components/Pages/BillingPage.js
diff --git a/src/components/Pages/HomePage.js b/src/components/Pages/HomePage.js
new file mode 100644
index 0000000..face5fd
--- /dev/null
+++ b/src/components/Pages/HomePage.js
@@ -0,0 +1,25 @@
+/*
+ * OpenBills - Self hosted browser app to generate and keep track of simple invoices
+ * Version - 0
+ * Licensed under the MIT license - https://opensource.org/licenses/MIT
+ *
+ * Copyright (c) 2021 Vidhu Kant Sharma
+*/
+
+import React/*, { useState, useEffect } */from "react";
+import "./HomePage.scss"
+//import axios from "axios";
+
+//import BillingPage from "./BillingPage"
+import HomePageMenu from "./../Menu/HomePageMenu"
+
+const HomePage = () => {
+  return (
+    <div className="HomePage">
+      <h1 className={"welcomeMessage"}>Welcome To OpenBills</h1>
+      <HomePageMenu />
+    </div>
+  );
+}
+
+export default HomePage;
diff --git a/src/components/Pages/HomePage.scss b/src/components/Pages/HomePage.scss
new file mode 100644
index 0000000..4e06e11
--- /dev/null
+++ b/src/components/Pages/HomePage.scss
@@ -0,0 +1,7 @@
+.HomePage {
+  height: 80vh;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  align-items: center;
+}
diff --git a/src/styles/_view.scss b/src/styles/_view.scss
deleted file mode 100644
index 0ccc22a..0000000
--- a/src/styles/_view.scss
+++ /dev/null
@@ -1,4 +0,0 @@
-.view {
-	width: 80%;
-	margin: 2rem auto;
-}