import Footer from "@/components/Footer"
import Background from "@/components/Utilities/Background"
import Spacer from "@/components/Utilities/Spacer"
import FormLeftDescriptionRightContactUs from "@/sections/ContactUs/FormLeftDescriptionRightContactUs"
import PageHeader from "@/sections/PageHeader"
import React from "react"

const page = () => {
  return (
    <div className="flex flex-col h-full w-full bg-base-100 ">
      <Background>
        <PageHeader
          title="Contact Us"
          subtitle={
            <>
              {" "}
              <h2 className="text-base-content text-2xl font-medium content text-center max-w-6xl mx-auto px-6">
                We&apos;d love to talk about how we can help you.
              </h2>
            </>
          }
        />
        <FormLeftDescriptionRightContactUs />
        <Spacer className="mt-auto" />
        <Footer />
      </Background>
    </div>
  )
}

export default page