import AboutUsSection from '@/app/components/AboutUs/AboutUsSection'
import H1 from '@/app/components/common/H1'
import H2 from '@/app/components/common/H2'
import H5 from '@/app/components/common/H5'
import { FlexBox, SiteBannerSection } from '@/app/components/common/HOC'
import React from 'react'

export const metadata = {
  title: 'About FHP: Your Partner in Healthcare Staffing',
  description: `Learn about FHP's commitment to quality, empathy, and expertise in healthcare staffing. Partner with us. | FHP`,
  openGraph: {
    images: `${process.env.NEXT_PUBLIC_BASE}/assets/images/ogimages/ClientAboutUs.png`,
  }
}

const AboutUs = () => {
  return (
      <>
        <SiteBannerSection>
          <FlexBox className='title-group'>
            <H1 text={'About Us'}/>
            <div className='bg-title-body'><H2 className='bg-title' text={'About Us'}/></div>
            <H5 text={'Your Approved Route to FHP: Private Sector & NHSEI-Endorsed.'}/>
          </FlexBox>
        </SiteBannerSection>
        <AboutUsSection />
      </>
  )
}

export default AboutUs