import Link from "next/link";
import style from './footer.module.css'
import styles from '../../pages/index.module.css'
import Map from '../map/index'

function footer({ setMap }) {
    return (
        <>
            <div className={style.footer}>
                <div className={style.boxs}>
                    <div className={style.address}>
                        <div className="box">
                            <div className={style.boxTitle}>
                                <h1 className="icon locationIcon">آدرس</h1>
                            </div>
                            <div className={style.boxDesc}>
                                <p>با گسترش فناوری اطلاعات در سراسر دنیا و پیشرفت های شگرف در ساخت تجهیزات الکترونیکی، مفهوم جدیدی در </p>
                            </div>
                        </div>
                    </div>
                    <div className={style.phoneNumber}>
                        <div className={style.phoneBox}>
                            <div className={style.boxTitle}>
                                <h1 className="icon locationIcon">شماره تماس</h1>
                            </div>
                            <div className={style.phone}>
                                <Link href='tel:09155167571'>همراه:09155167571</Link>
                            </div>
                        </div>
                        <div className={style.links}>
                            <Link href='/telegram' className="icon telegramIcon"></Link>
                            <Link href='whatsApp' className="icon whatsAppIcon"></Link>
                            <Link href='/instagram' className="icon instagramIcon"></Link>
                        </div>
                    </div>
                </div>
                <div className={`${style.connection} w50`}>
                    <div className={`${styles.title} right ${style.connectionTitle}`}>
                        <h1 className="icon triAngleIcon txtPrimary">ارتباط با</h1>
                        <h1 className="txtSecondPrimary">سپهردیتا</h1>
                    </div>
                    <div className={style.wrapper}>
                        <div className="input w100 Email">
                            <input type="email" name="email" id="email" placeholder="پست الکترونیکی" />
                        </div>
                        <div className="input w100 textArea">
                            <textarea name='textArea' id="textArea" placeholder="متن نظر..."></textarea>
                        </div>
                    </div>
                    <div className={`${style.button}`}>
                        <button value='ارسال' className="btn  sendRequest">ارسال</button>
                    </div>
                </div>
                <div className={`${style.location} w50`}>
                    <div className={`${styles.title} right ${style.locationTitle}`}>
                        <h1 className="icon triAngleIcon txtSecondPrimary">سپهردیتا</h1>
                        <h1 className="txtPrimary">اینجاست</h1>
                    </div>
                    <div className={style.map}>
                        <Map />
                    </div>
                </div>
                <span className={style.copyRight}>
                    تمام حقوق مادی و معنوی این وبسایت متعلق به این <Link href='/home' className={style.domains}>دامنه</Link> می باشد.
                </span>
            </div>

        </>
    )

}

export default footer;