Motion Navbar

import {
  Navbar,
  NavBody,
  NavItems,
  NavDropdown,
  MobileNav,
  NavbarLogo,
  NavbarButton,
  MobileNavHeader,
  MobileNavToggle,
  MobileNavMenu,
} from '@/components/ui/motion-navbar';

<Navbar className='bg-black dark:bg-white text-white dark:text-black'>
  <NavbarLogo />
  <NavBody>
    <NavItems items={navItems} />
    <NavDropdown label='resources' items={dropdownItems} />
    <NavbarButton href='/get-started' variant='primary'>
      get started
    </NavbarButton>
  </NavBody>
 
  <MobileNav>
    <MobileNavHeader>
      <MobileNavToggle isOpen={false} onClick={() => {}} />
    </MobileNavHeader>
    <MobileNavMenu>
      <NavItems items={navItems} />
      <NavDropdown label='resources' items={dropdownItems} />
      <NavbarButton href='/get-started' variant='primary'>
        get started
      </NavbarButton>
    </MobileNavMenu>
  </MobileNav>
</Navbar>