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

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

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