import Image from 'next/image'
import { FC } from 'react'

const ContactUs: FC = () => {
    return (
        <div className='w-full rounded-4xl bg-white p-4'>
            <h4>
                تماس با ما
            </h4>

            <div className='flex gap-4 mt-6'>
                <a href='https://www.linkedin.com/company/dmag-tech' target='_blank' className='flex-1 bg-[#0A66C2] text-white rounded-xl p-4'>
                    <Image
                        src='/images/linkedin3.svg'
                        alt='contact us'
                        width={25}
                        height={25}
                        className='size-6'
                    />

                    <div className='mt-1.5'>
                        <h6 className='text-sm font-bold'>
                            لینکدین داناک
                        </h6>
                        <div className='text-xs mt-1'>
                            به ما بپیوندید
                        </div>
                    </div>
                </a>
                <a href='https://www.youtube.com/@dmagtech' target='_blank' className='flex-1 bg-[#FF0302] text-white rounded-xl p-4'>
                    <Image
                        src='/images/youtube.svg'
                        alt='contact us'
                        width={25}
                        height={25}
                        className='size-6'
                    />

                    <div className='mt-1.5'>
                        <h6 className='text-sm font-bold'>
                            یوتیوب داناک
                        </h6>
                        <div className='text-xs mt-1'>
                            به ما بپیوندید
                        </div>
                    </div>
                </a>
            </div>

            <a href='https://instagram.com/dmag.tech' target='_blank' className='flex-1 block instagram-gradient text-white rounded-xl p-4 mt-4'>
                <Image
                    src='/images/instagram2.svg'
                    alt='contact us'
                    width={25}
                    height={25}
                    className='size-6'
                />

                <div className='mt-1.5'>
                    <h6 className='text-sm font-bold'>
                        اینستاگرام داناک
                    </h6>
                    <div className='text-xs mt-1'>
                        به ما بپیوندید
                    </div>
                </div>
            </a>
        </div>
    )
}

export default ContactUs