chore: add main-nav component

I choose to implement main-nav paths manually instead of fetching
them from GraphQL to ensure functional navigation without JS.

1 files changed, 13 insertions, 0 deletions

diff --git a/src/components/Icons/Hamburger/Hamburger.tsx b/src/components/Icons/Hamburger/Hamburger.tsx
new file mode 100644
index 0000000..3b9e609
--- /dev/null
+++ b/src/components/Icons/Hamburger/Hamburger.tsx
@@ -0,0 +1,13 @@
+import styles from './Hamburger.module.scss';
+
+const HamburgerIcon = ({ isActive }: { isActive: boolean }) => {
+  return (
+    <span
+      className={`${styles.icon}${
+        isActive ? ` ${styles['icon--active']}` : ''
+      }`}
+    ></span>
+  );
+};
+
+export default HamburgerIcon;