import { Video } from '../components/Main/Video';
import { Decreasing } from '../components/Main/Decreasing';
import { Effeciency } from '../components/Main/Efficiency';
import { Products } from '../components/Main/Products/Products';
import { Teaching } from '../components/Main/Teaching';
import { Distance } from '../components/Main/Distance';
import { Availables } from '../components/Main/Availables';
import { Projects } from '../components/Main/Projects';
import { Trainings } from '../components/Main/Trainings';
import { Events } from '../components/Main/Events';
import { Ellipse } from '../components/Main/Ellipse';
import { Motivation } from '../components/Main/Motivation';
import { useWindowWidth } from '../hooks/useWindowWidth';

export function MainPage() {
  const width = useWindowWidth();

  return (
    <>
      {width >= 1024 && <Ellipse />}
      <Motivation />
      <Video />
      <Decreasing />
      <Effeciency />
      <Products />
      <Teaching />
      <Distance />
      <Availables />
      <Trainings />
      <Projects />
      <Events />
    </>
  );
}