Trionn Services Deck

"use client";

import { useEffect } from "react";
import TrionnServicesDeck from "./index.jsx";
import { trionnServicesDeck } from "../demo-data.js";
import styles from "./demo.module.css";

export default function TrionnServicesDeckDemo() {
  // The original site runs Lenis smooth scroll; it smooths the scrubbed pin
  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}>
      <header className={styles.band}>
        <p className={styles.bandLabel}>Trionn — Services</p>
      </header>
      <TrionnServicesDeck {...trionnServicesDeck} />
      <footer className={styles.band}>
        <p className={styles.bandLabel}>End of demo</p>
      </footer>
    </div>
  );
}