import React from 'react';
import { Hero } from '../components/home/Hero';
import { StatsSection } from '../components/home/StatsSection';
import { ToolsShowcase } from '../components/home/ToolsShowcase';
import { MonetizationSection } from '../components/home/MonetizationSection';
import { ModelsSection } from '../components/home/ModelsSection';
import { CoursesSection } from '../components/home/CoursesSection';
import { EnterpriseHighlight } from '../components/home/EnterpriseHighlight';
import { LatestArticles } from '../components/home/LatestArticles';
import { ReviewsSection } from '../components/home/ReviewsSection';
import { FAQSection } from '../components/home/FAQSection';
import { CTASection } from '../components/home/CTASection';

interface HomeProps {
  onOpenAuth: () => void;
}

export const Home: React.FC<HomeProps> = ({ onOpenAuth }) => {
  return (
    <div className="space-y-0">
      <Hero onOpenAuth={onOpenAuth} />
      <StatsSection />
      <ToolsShowcase />
      <MonetizationSection />
      <ModelsSection />
      <CoursesSection />
      <EnterpriseHighlight />
      <LatestArticles />
      <ReviewsSection />
      <FAQSection />
      <CTASection onOpenAuth={onOpenAuth} />
    </div>
  );
};
