import { Footer } from '../organism/Footer'
import { SectionHeaderHome } from '../organism/sectionHome/SectionHeaderHome'
import { SectionImage } from '../organism/sectionHome/SectionImage'
import { SectionLeagues } from '../organism/sectionHome/SectionLeagues'
import { SectionManagment } from '../organism/sectionHome/SectionManagment'

export function SectionHome() {
  return (
    <>
      <div className="mb-16 lg:mb-40">
        <SectionHeaderHome />
      </div>
      <div className="lg:mb-16 lg:pr-40 lg:pl-64 pl-7 pr-10 mb-80">
        <SectionManagment />
      </div>
      <div className="mb-16 lg:mb-80">
        <SectionImage />
      </div>
      <div>
        <SectionLeagues />
      </div>
      <Footer />
    </>
  )
}
