Nav Agency Grid

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

export default function NavAgencyGridDemo() {
  return (
    <div className={styles.wrapper}>
      <NavAgencyGrid {...navAgencyGrid} />
      <section className={styles.sectionLight}>
        <p className={styles.label}>[ Featured ]</p>
        <h1 className={styles.heading}>Designed to engage, built to connect</h1>
      </section>
      <section className={styles.sectionDark}>
        <p className={styles.labelLight}>[ Work ]</p>
        <h1 className={styles.headingLight}>26 projects across disciplines</h1>
      </section>
      <section className={styles.sectionLight}>
        <p className={styles.label}>[ Contact ]</p>
        <h1 className={styles.heading}>Start a conversation</h1>
      </section>
    </div>
  );
}