Split Vignette

"use client";
import { useEffect } from "react";
import SplitVignette from "./index.jsx";
import { splitVignette } from "../demo-data.js";
import styles from "./demo.module.css";

export default function SplitVignetteDemo() {
  // Original demo runs Lenis smooth scroll on the page
  useEffect(() => {
    let lenis;
    let cancelled = false;

    (async () => {
      const { default: Lenis } = await import("lenis");
      if (cancelled) return;
      lenis = new Lenis({ autoRaf: true });
    })();

    return () => {
      cancelled = true;
      lenis?.destroy();
    };
  }, []);

  return (
    <div className={styles.demo}>
      <SplitVignette projects={splitVignette.projects} />
    </div>
  );
}