import React from 'react';
import dynamic from 'next/dynamic';

const GazeMoodWeb = dynamic(() => import('../components/GazeMoodWeb'), { ssr: false });
const Glimmer = dynamic(() => import('../components/Glimmer'), { ssr: false });

const Home = () => {
  return (
    <main className="w-screen h-screen bg-black text-green-100 overflow-hidden relative">
      <div className="absolute inset-0 flex items-center justify-center">
        <GazeMoodWeb />
      </div>
      <div className="absolute inset-0 pointer-events-none">
        <Glimmer />
      </div>
      <footer className="absolute bottom-2 left-2 text-xs text-green-700">
        © 2025 Jago Hooper — Ritual Systems, Creative Commons, MIT
      </footer>
    </main>
  );
};

export default Home;