import { montserratFont } from '@/app/layout'
import Centered from '../Layout/Centered'
import { IconBrandOkRu, IconBrandTelegram, IconBrandVk } from '@tabler/icons-react'

const Footer = () => {
    return (
        <div className='border-t border-t-gray-300'>
            <Centered>
                <footer className={`${montserratFont.className} footer sm:footer-horizontal text-base-content py-10 max-w-5xl space-x-4`}>
                    <nav>
                        <h6 className="footer-title">О предприятии</h6>
                        <a className="link link-hover" href='/rukovodstvo/'>Руководство</a>
                        <a className="link link-hover" href='/obespechenie-nadezhnosti-teplosnabzhen/'>Стратегия</a>
                        <a className="link link-hover" href='/antikorrupcionnaja-dejatelnost/'>Антикоррупционная деятельность</a>
                        <a className="link link-hover" href='/#'>Пресс-центр</a>
                        <a className="link link-hover" href='/simvolika-predprijatija/'>Наша символика</a>
                    </nav>
                    <nav>
                        <h6 className="footer-title">Филиалы</h6>
                        <a className="link link-hover" href='/dochernie-predprijatija/'>Дочерние предприятия</a>
                        <a className="link link-hover" href='/filialy/'>Производственные филиалы и участки «Коммунтеплосбыт»</a>
                        <a className="link link-hover" href='/filialy-2/'>Филиалы</a>
                        <a className="link link-hover" href='/politika-obrabotki-personalnyh-gup-zhkh-rs-ja/'>Политика обработки персональных данных ГУП ЖКХ РС(Я)</a>
                    </nav>
                    <nav>
                        <h6 className="footer-title">Оплата ЖКУ</h6>
                        <a className="link link-hover" href='/uvazhaemye-potrebiteli/'>Способы оплаты</a>
                        <a className="link link-hover" href='https://lk.jkhsakha.ru/'>Банковской картой</a>
                    </nav>
                    <nav>
                        <h6 className="footer-title">Социальные сети</h6>
                        <div className="w-full flex flex-row justify-center gap-4">
                            <div className='flex flex-row justify-center space-x-2'>
                                <a role="button" className={`btn btn-square bg-[#0063A7] text-white visited:text-white ${montserratFont.className}`} href={'https://t.me/jkhsakha_gup'}>
                                    <span className="justify-self-start flex justify-center items-center">
                                        <IconBrandTelegram />
                                    </span>
                                </a>
                                <a role="button" className={`btn btn-square bg-[#0063A7] text-white visited:text-white ${montserratFont.className}`} href={'https://t.me/jkhsakha_gup'}>
                                    <span className="justify-self-start flex justify-center items-center">
                                        <IconBrandVk stroke={0} fill='white' />
                                    </span>
                                </a>
                                <a role="button" className={`btn btn-square bg-[#0063A7] text-white visited:text-white ${montserratFont.className}`} href={'https://t.me/jkhsakha_gup'}>
                                    <span className="justify-self-start flex justify-center items-center">
                                        <IconBrandOkRu />
                                    </span>
                                </a>
                            </div>
                        </div>
                    </nav>
                </footer>
            </Centered>
        </div>
    )
}

export default Footer