'use client';

import { useEffect } from 'react';
import AnimatedBackground from '@/components/AnimatedBackground';
import Hero from '@/components/Hero';
import Stats from '@/components/Stats';
import ToolsGrid from '@/components/ToolsGrid';
import Footer from '@/components/Footer';
import BackToTop from '@/components/BackToTop';

export default function Home() {
  useEffect(() => {
    // Force dark mode on html element for the landing page
    document.documentElement.classList.remove('light');
    document.documentElement.classList.add('dark');
  }, []);

  return (
    <main className="relative min-h-screen dark text-foreground">
      <AnimatedBackground />
      <BackToTop />
      <Hero />
      <Stats />
      <ToolsGrid />
      <Footer />
    </main>
  );
}