import s from './footer.module.scss';
import { Button } from '@shared/ui';
import { FooterForm } from '@/widgets';
import Link from 'next/link';
import Image from 'next/image';

import man from '@public/images/footer-man.png';

export default function Footer() {
  return (
    <section className={s.Container}>
      <div className={s.Footer}>
        <FooterForm />
        <Image className={s.Picture} src={man} alt='' quality={100} />

        <div className={s.Bottom}>
          <a
            href='https://wa.me/?phone=79884009393&text=Консультация+по+пожарной+безопасности'
            target='_blank'
            rel='noopener noreferrer'
          >
            <Button variant='ghost'>WhatsApp</Button>
          </a>
          <a
            href='mailto: spo-71@yandex.ru'
            target='_blank'
            rel='noopener noreferrer'
          >
            <Button variant='ghost'>spo-71@yandex.ru</Button>
          </a>
          <a href='tel:+79884009393' target='_blank' rel='noopener noreferrer'>
            <Button variant='ghost'>+7 (988) 400-93-93</Button>
          </a>
          <p className={s.Policy}>
            <Link href='/privacy-policy'>Политика конфиденциальности</Link>
          </p>
        </div>
      </div>
    </section>
  );
}
