使用heroui完成对页面的重构

app/page.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import Navbar from '@/components/Navbar';
 import HeroSection from '@/components/HeroSection';
 import StatsSection from '@/components/StatsSection';
@@ -6,20 +8,22 @@ 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 bg-white">
+    <div className={`min-h-screen ${isDark ? 'bg-[#0a0a0a]' : 'bg-white'}`}>
       <Navbar />
-      <div className="pt-[80px]">
-        <HeroSection />
+      <HeroSection />
       <StatsSection />
       <TrustedBySection />
       <WhyAssetXSection />
       <HowItWorksSection />
       <SecuritySection />
       <Footer />
-      </div>
     </div>
   );
 }