Nav Glassmorphic

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

export default function NavGlassmorphicDemo() {
  return (
    <div className={styles.wrapper}>
      <NavGlassmorphic {...navGlassmorphic} />
      <section className={styles.sectionBlack}>
        <p className={styles.labelLight}>[ Works &amp; Archives ]</p>
        <h1 className={styles.headingLight}>Every project across era &amp; disciplines</h1>
      </section>
      <section className={styles.sectionWhite}>
        <p className={styles.labelDark}>[ Services ]</p>
        <h1 className={styles.headingDark}>Strategy, design &amp; development</h1>
      </section>
      <section className={styles.sectionCream}>
        <p className={styles.labelDark}>[ Contact ]</p>
        <h1 className={styles.headingDark}>Let&apos;s build something together</h1>
      </section>
    </div>
  );
}