const { Navbar, Hero, Features, WalletIntegration, Footer } = window;

function App() {
  return (
    <div className="min-h-screen bg-[#0A0A0B] text-white selection:bg-[#7C3AED] selection:text-white font-sans">
      <Navbar />

      <main>
        <Hero />

        {/* Playful Divider */}
        <div className="w-full flex justify-center py-12 relative z-20 -mt-20">
          <div className="w-px h-32 bg-gradient-to-b from-transparent via-[#7C3AED] to-transparent opacity-50"></div>
        </div>

        <Features />

        {/* Playful Divider */}
        <div className="w-full flex justify-center py-12">
          <div className="w-px h-32 bg-gradient-to-b from-transparent via-[#38BDF8] to-transparent opacity-50"></div>
        </div>

        <WalletIntegration />

        {/* Call to Action Section */}
        <section className="py-32 relative overflow-hidden" id="cta">
          <div className="absolute inset-0 bg-gradient-to-t from-[#7C3AED]/20 to-transparent opacity-50 mix-blend-screen pointer-events-none"></div>

          <div className="max-w-4xl mx-auto px-6 text-center relative z-10">
            <h2 className="text-5xl md:text-7xl font-extrabold mb-8 tracking-tight">
              Ready to <span className="text-gradient">Predict the Future?</span>
            </h2>
            <p className="text-xl text-gray-400 mb-10 max-w-2xl mx-auto">
              Join thousands of traders predicting the outcome of the biggest events in sports, politics, and crypto.
            </p>
            <div className="flex flex-col sm:flex-row justify-center gap-4">
              <button className="px-10 py-5 rounded-2xl bg-white text-black font-extrabold text-lg hover:scale-105 transition-transform shadow-[0_0_40px_rgba(255,255,255,0.3)]">
                Launch App
              </button>
              <button className="px-10 py-5 rounded-2xl glass-panel font-bold text-lg hover:bg-white/10 transition-colors">
                Read the Docs
              </button>
            </div>
          </div>
        </section>
      </main>

      <Footer />
    </div>
  );
}


window.App = App;

window.App = App;