import Image from "next/image";
import React from "react";
import logo from "../../../assets/images/logo.png";

const AboutUs = () => {
  return (
    <div className=" min-h-[calc(100vh-108px)] flex flex-col items-center justify-center">
      <div className="xs:px-3 md:px-10 md:container md:mx-auto ">
        <div className="grid xs:grid-cols-1 lg:grid-cols-3 gap-5 rtl ">
          <div className="mx-auto">
            <Image src={logo} className="xs:w-[200px] lg:w-auto" />
          </div>
          <div className="text-left relative mb-10 col-span-2">
            <h2 className="text-4xl font-bold relative z-10 xs:text-center lg:text-left">
              ADVANCED HORIZON SERVICES LLC Products{" "}
            </h2>
            <p className="mb-0 text-sm text-gray-400 xs:text-center lg:text-left">
              Lorem ipsum dolor sit amet
            </p>

            <p className="mb-0 text-base mt-5 text-center lg:text-left">
              Lorem ipsum dolor sit amet consectetur, adipisicing elit.
              Voluptates quas, exercitationem expedita libero hic necessitatibus
              et sed aliquam consequatur repellendus dolore, molestiae earum
              culpa fuga nobis odit, eligendi eius dolorem!
              <br />
              <br />
              Lorem ipsum dolor sit amet consectetur, adipisicing elit.
              Voluptates quas, exercitationem expedita libero hic necessitatibus
              et sed aliquam consequatur repellendus dolore, molestiae earum
              culpa fuga nobis odit, eligendi eius dolorem! Lorem ipsum dolor
              sit amet consectetur, adipisicing elit. Voluptates quas,
              exercitationem expedita libero hic necessitatibus et sed aliquam
              consequatur repellendus dolore, molestiae earum culpa fuga nobis
              odit, eligendi eius dolorem!
            </p>

            <div className="flex gap-2 mx-auto mt-5 w-full justify-center lg:justify-end">
              <button className="btn btn-primary text-base py-3 px-10 ">
                {" "}
                Export
              </button>
              <button className="btn btn-primary text-base p-3 px-10">
                {" "}
                Industrial
              </button>
            </div>
          </div>
        </div>
      </div>
    </div>
  );
};

export default AboutUs;
