import { useEffect, useRef } from 'react';
import content from '../landing/content.html?raw';
import { initializeLanding } from '../landing/interactions.js';
import '../landing/landing.css';

export function LandingPage() {
  const root = useRef<HTMLDivElement>(null);
  useEffect(() => {
    if (root.current) return initializeLanding(root.current.querySelector('.sl'));
  }, []);
  return <div ref={root} dangerouslySetInnerHTML={{ __html: content }} />;
}