import Header from './components/Header';
import Hero from './components/Hero';
import DownloadSection from './components/DownloadSection';
import Features from './components/Features';
import WhatYouCanDo from './components/WhatYouCanDo';
import WhyAramland from './components/WhyAramland';
import FreeTrial from './components/FreeTrial';
import ScientificBenefits from './components/ScientificBenefits';
import CallToAction from './components/CallToAction';
import Footer from './components/Footer';

function App() {
  return (
    <div className="min-h-screen bg-gradient-to-b from-blue-50 via-white to-green-50" dir="rtl">
      <Header />
      
      <main className="max-w-5xl mx-auto px-6 sm:px-8 lg:px-10 py-24 space-y-32">
        <Hero />
        <DownloadSection />
        <Features />
        <WhatYouCanDo />
        <WhyAramland />
        <FreeTrial />
        <ScientificBenefits />
        <CallToAction />
      </main>

      <Footer />
    </div>
  );
}

export default App;