import Link from "next/link";
import style from './footer.module.css'
import styles from '../../pages/index.module.css'
import Image from "next/image";
import map from "../../../public/assets/photos/map.png"
function footer() {

    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:09371105167'>همراه:09371105167</Link>
                                <Link href='tel:05138465003'>ثابت: 051-38465003</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">ارتباط با</h1>
                        <h1>سپهردیتا</h1>
                    </div>
                    <div className={style.connectionInputs}>
                        <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>
                        <button value='ارسال' className="btn">ارسال</button>
                    </div>
                </div>
                <div className={`${style.location} w50`}>
                    <div className={`${styles.title} right ${style.connectionTitle}`}>
                        <h1 className="icon triAngleIcon">سپهردیتا</h1>
                        <h1>اینجاست</h1>
                    </div>
                    <div className="map">
                        <Image src={map} alt="map" />
                    </div>
                </div>
            </div>

        </>
    )

}

export default footer;