import { contacts } from '../data/content'
import { Container } from './Layout'

export function SiteFooter() {
  return (
    <footer className="bg-footer py-[32px] text-[11px] text-[#8FA6B4]">
      <Container className="flex flex-col gap-[18px] md:flex-row md:items-center md:justify-between">
        <div>
          <strong className="text-white">ЭКЗО ГРУПП</strong>
          <br />
          Российские технологии реабилитации
        </div>
        <div className="flex flex-wrap gap-[16px] [&>a:hover]:text-white">
          <a href={contacts.phoneHref}>{contacts.phone}</a>
          <a href={`mailto:${contacts.email}`}>{contacts.email}</a>
          <a href={contacts.siteHref} rel="noopener" target="_blank">
            {contacts.site}
          </a>
        </div>
        <div>© 2026 ООО «ЭКЗО ГРУПП»</div>
      </Container>
    </footer>
  )
}