import { Container } from '@/components/Container'
import { Logo } from '@/components/Logo'

export function Footer() {
  return (
    <footer className="flex-none py-16">
      <Container className="flex flex-col items-center justify-between md:flex-row">
        <Logo className="h-12 w-auto text-slate-900" />
        <p className="mt-6 text-base text-slate-500 md:mt-0">
          &copy; {new Date().getFullYear()} OurWorld Holdings, All rights reserved.{' '}
          <a href="https://library.threefold.me/info/legal/#/legal__terms_conditions_websites" className="text-blue-500 hover:underline">
            Terms & Conditions
          </a>{' '}
          |{' '}
          <a href="https://library.threefold.me/info/legal/#/legal__privacypolicy" className="text-blue-500 hover:underline">
            Privacy Policy
          </a>
        </p>
      </Container>
    </footer>
  )
}
