'use client';

import Navbar from '@/components/Navbar';
import HeroSection from '@/components/HeroSection';
import StatsSection from '@/components/StatsSection';
import TrustedBySection from '@/components/TrustedBySection';
import WhyAssetXSection from '@/components/WhyAssetXSection';
import HowItWorksSection from '@/components/HowItWorksSection';
import SecuritySection from '@/components/SecuritySection';
import Footer from '@/components/Footer';
import { useTheme } from '@/contexts/ThemeContext';

export default function Home() {
  const { theme } = useTheme();
  const isDark = theme === 'dark';

  return (
    <div className={`min-h-screen ${isDark ? 'bg-[#0a0a0a]' : 'bg-white'}`}>
      <Navbar />
      <HeroSection />
      <StatsSection />
      <TrustedBySection />
      <WhyAssetXSection />
      <HowItWorksSection />
      <SecuritySection />
      <Footer />
    </div>
  );
}