"use client";
import Image from "next/image";
import AboutUsDescription from "./AboutUsDescription";
import { useIsMediumScreen } from "@/hooks/checkScreenSize";

function AboutUsSection() {
  const isMediumScreen = useIsMediumScreen();
  return (
    <div className="flex flex-col-reverse gap-8 md:gap-20 justify-center items-center lg:flex-row lg:justify-between">
      <Image
        src="/images/roubic.svg"
        alt="Roubic"
        width={500}
        height={500}
        className="md:w-90 lg:w-125"
      />
      <div className="lg:mt-15">
        <AboutUsDescription />
      </div>
    </div>
  );
}

export default AboutUsSection;
