From 3164d231e6fbf14f85074f457c45e7f80eb98670 Mon Sep 17 00:00:00 2001
From: Ruidy Nemausat <ruidy.nemausat@gmail.com>
Date: Tue, 12 May 2020 10:41:05 +0200
Subject: [PATCH] write landing page layout

---
 src/App.tsx | 47 ++++++++++++++++++++++++++++++++++++++++++++---
 1 file changed, 44 insertions(+), 3 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index e91ac07..9c747f0 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,7 +1,48 @@
 import React from 'react';
 
-function App() {
-  return <div className="App"></div>;
-}
+const App = () => {
+  return (
+    <>
+      <nav className="navbar bg-dark">
+        <h1>
+          <a href="dashboard.html">
+            {' '}
+            <i className="fa fa-code"></i> DevBook{' '}
+          </a>
+        </h1>
+        <ul>
+          <li>
+            <a href="profiles.html">Developers</a>
+          </li>
+          <li>
+            <a href="register.html">Register</a>
+          </li>
+          <li>
+            <a href="login.html">Login</a>
+          </li>
+        </ul>
+      </nav>
+      <section className="landing">
+        <div className="dark-overlay">
+          <div className="landing-inner">
+            <h1 className="x-large">DevBook</h1>
+            <p className="lead">
+              Create developer profiles, portfolio, share and get help from
+              other devs
+            </p>
+            <div className="buttons">
+              <a href="register.html" className="btn btn-primary">
+                Sign up
+              </a>
+              <a href="login.html" className="btn btn-light">
+                Login
+              </a>
+            </div>
+          </div>
+        </div>
+      </section>
+    </>
+  );
+};
 
 export default App;