added my files structure & wrote navbar

src/components/Gallety.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import './gallery.css';
+
+export default function Gallery () {
+    return (
+        <div>
+            Gallery
+        </div>
+    );
+}

src/components/Home.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import './home.css';
+
+export default function Home () {
+    return (
+        <div>
+            Home
+        </div>
+    );
+}

src/components/Navbar.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+import './navbar.scss'
+import { ReactComponent as Logo } from './logo.svg'
+export default function Navbar () {
+    return (
+        <nav>
+            <Link to="/">
+                <Logo className="logo" />
+            </Link>
+            <div>
+                <Link to="Gallery">Gallery</Link>
+                <a className="galactikka" href="https://galactikka.com">Galactikka</a>
+            </div>
+        </nav>
+    );
+}

src/components/logo.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 336 432"><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><rect fill='#282627' width="32" height="432"/><rect fill='#282627' x="54" width="32" height="432"/><path fill='#282627' d="M108,0V30.32c108.08,0,196,83.29,196,185.68S216.08,401.68,108,401.68V432c125.72,0,228-96.9,228-216S233.72,0,108,0Z"/><path fill='#282627' d="M271.88,219.79c0-85.6-73.52-155.26-163.88-155.26V94.85c72.72,0,131.88,56.05,131.88,124.94S180.72,344.73,108,344.73V375C198.36,375,271.88,305.39,271.88,219.79Z"/></g></g></svg>

src/components/navbar.scss

@@ -0,0 +1,30 @@
+nav {
+    position: fixed;
+    top: 0;
+    height: 10vh;
+    display: flex;
+    padding: 2vh 4vw;
+    width: 100vw;
+    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
+
+    .logo {
+        height: 6vh;
+    }
+
+    div {
+        width: 100%;
+        display: flex;
+        justify-content: flex-end;
+        
+        a {
+            line-height: 6vh;
+            padding: 0 1vw;
+        }
+        .galactikka {
+            background-image: url('./galactikka_bg.jpg');
+            background-size: cover;
+            color: #ffffff;
+            border-radius: 6vh;
+        }
+    }
+}