Big Menu

<Dialog>
  <DialogTrigger asChild>
    <Button variant="outline">Click to see big menu</Button>
  </DialogTrigger>
  <DialogContent variant="fullscreen">
    <div className="lg:hidden">
      <Drawer direction="left">
        <DrawerTrigger>
          <Menu />
        </DrawerTrigger>
 
        <DrawerContent>
          <MobileBigMenu links={links} />
        </DrawerContent>
      </Drawer>
    </div>
 
    <div className="hidden lg:block">
      <DesktopBigMenu links={links} />
    </div>
  </DialogContent>
</Dialog>