/* eslint-disable @typescript-eslint/no-explicit-any */
import Navbar from "@/components/landingpage/navbar"
import ContactHero from "@/components/contact-us/contact-hero"
import ContactMap from "@/components/contact-us/contact-map"
import ContactInfoStrip from "@/components/contact-us/contact-channels"
// import ContactFormSection from "@/components/contact-us/contact-form"
import Footer from "@/components/landingpage/footer"
import { usePage } from "@inertiajs/react"

const ContactUs = () => {
  const { appSettings } = usePage().props as any
  return (
    <div>
        <Navbar />
        <ContactHero />
        <ContactInfoStrip info={appSettings} />
        <ContactMap />
        {/* <ContactFormSection /> */}
        <Footer />
    </div>
  )
}

export default ContactUs