Nav Slide Panel

import NavSlidePanel from "./index.jsx";
import { navSlidePanel } from "../demo-data.js";
import styles from "./demo.module.css";

export default function NavSlidePanelDemo() {
  return (
    <div className={styles.wrapper}>
      <NavSlidePanel {...navSlidePanel} />
      <section className={styles.sectionWhite}>
        <h1 className={styles.heading}>We Grow<br />Brands</h1>
      </section>
      <section className={styles.sectionLight}>
        <p className={styles.label}>[ About ]</p>
        <h1 className={styles.subheading}>A brand development firm that works in thought and in action.</h1>
      </section>
      <section className={styles.sectionWhite}>
        <p className={styles.label}>[ Work ]</p>
        <h1 className={styles.subheading}>Selected projects across eras &amp; disciplines</h1>
      </section>
    </div>
  );
}