litprotocol.com-v2/src/components/NavMenu/NavMenu.tsx at b03fcfb8f7145ec38d40980de700b4fe3145f77f · LIT-Protocol/litprotocol.com-v2 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
import * as Dialog from '@radix-ui/react-dialog';
import styles from './navmenu.module.scss';
import {
  CAREERS_LINK,
  COMMUNITY_LINK,
  CONTACT_FORM,
  DOCS_LINK,
  GITHUB_LINK,
  SPARK_LINK,
  VINCENT_LINK,
} from '@/utils/constants';
import { HeaderMenu } from '../Header/Header';

const NavMenu = ({
  menuOpen,
  toggleMenu,
}: {
  menuOpen: boolean;
  toggleMenu: () => void;
}) => {
  return (
    <Dialog.Root open={menuOpen}>
      <Dialog.Portal>
        <Dialog.Overlay className={styles.overlay} />
        <Dialog.Content className={styles.modal}>
          <HeaderMenu toggleMenu={toggleMenu} menuOpen={menuOpen} />
          <nav className={styles.nav}>
            <div className={styles.nav__wrapper}>
              <div className={styles.nav__links}>
                <h6 className={styles.nav__category}>Vincent</h6>
                <a
                  href={VINCENT_LINK}
                  target="_blank"
                  rel="noopener noreferrer"
                  className={styles.nav__link}
                >

                </a>              </div>
              <div className={styles.nav__links}>
                <h6 className={styles.nav__category}>Developers</h6>
                <a
                  href={DOCS_LINK}
                  target="_blank"
                  rel="noopener noreferrer"
                  className={styles.nav__link}
                >
                  Docs
                </a>
                <a
                  href={GITHUB_LINK}
                  target="_blank"
                  rel="noopener noreferrer"
                  className={styles.nav__link}
                >
                  Github
                </a>
              </div>
              <div className={styles.nav__links}>
                <h6 className={styles.nav__category}>Community</h6>
                <a
                  href={COMMUNITY_LINK}
                  target="_blank"
                  rel="noopener noreferrer"
                  className={styles.nav__link}
                >
                  Resources
                </a>
              </div>
              <div className={styles.nav__links}>
                <h6 className={styles.nav__category}>Company</h6>
                <a
                  href={SPARK_LINK}
                  target="_blank"
                  rel="noopener noreferrer"
                  className={styles.nav__link}
                >
                  Blog
                </a>
                <a href={CAREERS_LINK} className={styles.nav__link}>
                  Careers
                </a>
                <a
                  href={CONTACT_FORM}
                  target="_blank"
                  rel="noopener noreferrer"
                  className={styles.nav__link}
                >
                  Contact
                </a>
              </div>
            </div>
            <div className={styles.nav__btns}>
              <a
                href={DOCS_LINK}
                target="_blank"
                rel="noopener noreferrer"
                className={`${styles.nav__btn} ${styles['nav__btn--primary']}`}
              >
                Get started
              </a>
              <a
                href={CONTACT_FORM}
                target="_blank"
                rel="noopener noreferrer"
                className={`${styles.nav__btn} ${styles['nav__btn--outline']}`}
              >
                Reach out
              </a>
            </div>
          </nav>
        </Dialog.Content>
      </Dialog.Portal>
    </Dialog.Root>
  );
};

export default NavMenu;