Animated Mobile Navbar Demo

1import {
2  AnimatedMobileNavbar,
3  AnimatedMobileNavbarContent,
4  AnimatedMobileNavbarLink,
5  AnimatedMobileNavbarTrigger,
6} from "@/registry/react/atlasui/animated-mobile-navbar";
7 
8export const AnimatedMobileNavbarDemo = () => {
9  return (
10    <AnimatedMobileNavbar>
11      <AnimatedMobileNavbarTrigger>Open</AnimatedMobileNavbarTrigger>
12      <AnimatedMobileNavbarContent>
13        <AnimatedMobileNavbarLink label="Home" href="#" />
14        <AnimatedMobileNavbarLink label="About" href="#" />
15        <AnimatedMobileNavbarLink label="Services" href="#" />
16        <AnimatedMobileNavbarLink label="Contact Us" href="#" />
17        <AnimatedMobileNavbarLink label="Pricing" href="#" />
18      </AnimatedMobileNavbarContent>
19    </AnimatedMobileNavbar>
20  );
21};