import React from 'react'
import { PageHero } from '../components/PageHero'
import { Story } from '../components/home/Story'
import { Stats } from '../components/home/Stats'
import { Timeline } from '../components/home/Timeline'
import { WhyUs } from '../components/home/WhyUs'
import { Team } from '../components/home/Team'
import { ContactSection } from '../components/ContactSection'
import { usePageHero } from '../api'

export function About() {
  const hero = usePageHero('about')
  return (
    <>
      <PageHero title={hero.title} lead={hero.lead} image={hero.image} />

      <Story showLink={false} showLabel={false} showQuote={true} alignTop={true} />

      <Stats />
      <Timeline />
      <WhyUs />
      <Team />
      <ContactSection />
    </>
  )
}