70 lines
3.3 KiB
Plaintext
70 lines
3.3 KiB
Plaintext
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; |