Shared dirs almost ready :D

src/shared/components/__init__.py

@@ -0,0 +1 @@
+from .navbar import navbar

src/shared/components/navbar.py

@@ -0,0 +1,39 @@
+import reflex as rx
+from landing.style import *
+
+def navbar():
+    return rx.box(
+        rx.center(
+            rx.flex(
+                rx.link(
+                    rx.text("About", color=color["white"]),
+                    href="http://about.timmypidashev.localhost"
+                )
+            ),
+            rx.flex(
+                rx.link(
+                    rx.text("Projects", color=color["white"]),
+                    href="http://projects.timmypidashev.localhost"
+                )
+            ),
+            rx.flex(
+                rx.link(
+                    rx.text("Resume", color=color["white"]),
+                    href="http://resume.timmypidashev.localhost"
+                )
+            ),
+            rx.flex(
+                rx.link(
+                    rx.text("Blog", color=color["white"]),
+                    href="http://blog.timmypidashev.localhost"
+                )
+            ),
+            rx.flex(
+                rx.link(
+                    rx.text("Shop", color=color["white"]),
+                    href="http://shop.timmypidashev.localhost"
+                )
+            ),
+            spacing="7",
+        )
+    )

src/shared/pages/__init__.py

@@ -0,0 +1 @@
+from .page404 import page404

src/shared/pages/page404.py

@@ -0,0 +1,15 @@
+import reflex as rx
+from landing.templates import webpage
+
+# TODO: Add a go back here link
+
+@webpage(path="/404", title="Page Not Found")
+def page404():
+    return rx.center(
+        rx.vstack(
+            rx.heading("Whoops, this page doesn't exist...", size="9"),
+            rx.spacer(),
+        ),
+        height="100vh",
+        width="100%",
+    )