diff --git a/src/components/common/Navbar.jsx b/src/components/common/Navbar.jsx
new file mode 100644
index 0000000..d614c8a
--- /dev/null
+++ b/src/components/common/Navbar.jsx
@@ -0,0 +1,126 @@
+import React from "react";
+import Hamburger from "./hamburger";
+import { MdKeyboardArrowDown } from "react-icons/md";
+import { FaDiscord } from "react-icons/fa";
+
+const Navbar = () => {
+ const list = [
+ {
+ name: "Org",
+ link: "/org",
+ subMenu: [
+ { name: "About", link: "/about" },
+ {
+ name: "Contact us ",
+ link: "/bitspace/#contact_us",
+ },
+ ],
+ },
+ {
+ name: "Bitcoin Career",
+ link: "/#bitcoin_career",
+ subMenu: [
+ { name: "Study cohorts", link: "/cohorts" },
+ { name: "Fellowship", link: "/fellowship" },
+ ],
+ },
+ {
+ name: "IRL Funzzz",
+ link: "/#irl_funzzz",
+ subMenu: [
+ { name: "Bitspace", link: "/bitspace" },
+ { name: "BITDEVS", link: "/meetup" },
+ ],
+ },
+ {
+ name: "Social Clubs ",
+ link: "/#social_clubs",
+ subMenu: [
+ {
+ name: "Latest in Bitcoin Tech",
+ link: "/optech",
+ },
+ { name: "Reading Club", link: "/readingClub" },
+ {
+ name: "Bitcoin PR Review Club",
+ link: "/review",
+ },
+ {
+ name: "Hands-on Lightning",
+ link: "/hands-on-lightning",
+ },
+ { name: "Bitcoin Talks", link: "/talks" },
+ ],
+ },
+ // {
+ // name: "Join our community",
+ // link: "/#join_our_community",
+ // },
+ ];
+
+ return (
+
+
+
+ );
+};
+
+export default Navbar;
diff --git a/src/components/common/hamburger.tsx b/src/components/common/hamburger.tsx
index 4b4c8c6..33195a6 100644
--- a/src/components/common/hamburger.tsx
+++ b/src/components/common/hamburger.tsx
@@ -8,6 +8,15 @@ import {
FaLinkedin,
} from "react-icons/fa";
+import { MdKeyboardArrowDown } from "react-icons/md";
+
+import {
+ Accordion,
+ AccordionHeader,
+ AccordionBody,
+} from "@material-tailwind/react";
+
+
const Hamburger = () => {
const [open, setOpen] = useState(false);
const handleClick = () => {
@@ -60,59 +69,61 @@ const Hamburger = () => {
};
const SideMenu = () => {
- const links = [
- {
- name: "Home",
- url: "/",
- desc: "Back to the home page.",
- },
- {
- name: "Cohorts",
- url: "/cohorts",
- desc: "Learn Bitcoin Technicals via Self-Study Cohort Programs.",
- },
- {
- name: "Fellowship",
- url: "/fellowship",
- desc: "Bitshala's paid fellowship program.",
- },
- {
- name: "Meetups",
- url: "/meetup",
- desc: "Come, hang with us in the Meetups",
- },
- {
- name: "Reading Club",
- url: "/readingClub",
- desc: "Weekly reading club for Bitcoin learners",
- },
- {
- name: "Review Club",
- url: "/review",
- desc: "Deep-dive into Bitcoin Core via bi-weekly PR Review Clubs.",
- },
+ const [open, setOpen] = useState(true);
+
+ const handleOpen = (value: boolean) => setOpen(value);
+
+ const list = [
{
- name: "Optech",
- url: "/optech",
- desc: "Bitcoin Optech Weekly Deep Dive Series",
+ name: "Org",
+ link: "/org",
+ subMenu: [
+ { name: "About", link: "/org/about" },
+ {
+ name: "Contact us ",
+ link: "/bitspace/#contact_us",
+ },
+ ],
},
{
- name: "Talks",
- url: "/talks",
- desc: "Learn about Bitcoin through insightful conversations",
+ name: "Bitcoin Career",
+ link: "/#bitcoin_career",
+ subMenu: [
+ { name: "Study cohorts", link: "/cohorts" },
+ { name: "Fellowship", link: "/fellowship" },
+ ],
},
{
- name: "Bitspace",
- url: "/bitspace",
- desc: "India’s Bitcoin-Only community hub for Bitcoin enthusiasts!",
+ name: "IRL Funzzz",
+ link: "/#irl_funzzz",
+ subMenu: [
+ { name: "Bitspace", link: "/bitspace" },
+ { name: "BITDEVS", link: "/meetup" },
+ ],
},
{
- name: "Join our Discord!",
- url: "https://discord.com/invite/STeQFVEWf9",
- tar: "_blank",
- desc: "Join our Discord and be a part of the biggest technical bitcoin community",
+
+ name: "Social Clubs ",
+ link: "/#social_clubs",
+ subMenu: [
+ {
+ name: "Latest in Bitcoin Tech",
+ link: "/optech",
+ },
+ { name: "Reading Club", link: "/readingClub" },
+ {
+ name: "Bitcoin PR Review Club",
+ link: "/review",
+ },
+ {
+ name: "Hands-on Lightning",
+ link: "/hands-on-lightning",
+ },
+ { name: "Bitcoin Talks", link: "/talks" },
+ ],
},
];
+
return (
@@ -146,22 +157,37 @@ const SideMenu = () => {
-
+
+ {list.map((item, index) => {
+ return (
+
+
+ handleOpen(open ? false : true)
+ }
+ >
+ {item.name}
+
+
+
+ {item.subMenu.map((subItem) => {
+ return (
+
+ );
+ })}
+
+
+ );
+ })}
+