Staggered Nav Dock Entrance

import StaggeredNavDockEntrance from "./index.jsx";
import styles from "./demo.module.css";

const props = {
  siteName: "no-5.studio",
  links: [
    { label: "Work", href: "#" },
    { label: "Lab", href: "#" },
    { label: "About", href: "#" },
    { label: "Contact", href: "#" },
  ],
};

export default function StaggeredNavDockEntranceDemo() {
  return (
    <div className={styles.demo}>
      <StaggeredNavDockEntrance {...props} />
      <div className={styles.hero}>
        <p className={styles.label}>2024 — In Development</p>
        <h1 className={styles.heading}>The Lab</h1>
        <p className={styles.sub}>Experiments &amp; Prototypes</p>
      </div>
    </div>
  );
}