You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
143 lines
6.7 KiB
143 lines
6.7 KiB
import React, { Component } from "react"; |
|
import { Link } from "react-router-dom"; |
|
import location from "../../../assets/icons/location.png"; |
|
import home from "../../../assets/icons/home.png"; |
|
import contact from "../../../assets/icons/contact.png"; |
|
|
|
import "./index.scss"; |
|
export default class Footer extends Component { |
|
render() { |
|
const { fastAccess } = this.props; |
|
return ( |
|
<> |
|
{window.innerWidth > 1000 ? ( |
|
<footer className="footer d-flex flex-column"> |
|
<div className="footer-container d-flex"> |
|
<div className="footer-container__content d-flex"> |
|
<div className="footer-container__content--box first d-flex flex-column"> |
|
<h1>دانوین کجاست؟</h1> |
|
<p className="mt-2"> |
|
ما در دانوین با هدف ایجاد زیرساخت تعاملی و آموزشی با تولید |
|
محتوایی جذاب بصورت کتاب قصد داریم تغییراتی بنیادین در نظام |
|
آموزش و پرورش کشور ایجاد کنیم. |
|
</p> |
|
<div className="footer__location d-flex align-items-center mt-2"> |
|
<img src={location} alt="آدرس" className="m-1" /> |
|
<p>آدرس: تهران، میدان فردوسی، خیابان موسوی، پلاک ۳۰</p> |
|
{/* <p>شماره تماس: ۸۸۸۱۴۶۳۷-۰۲۱ </p> */} |
|
</div> |
|
<div |
|
className="d-flex align-items-center mt-1" |
|
style={{ width: "55%", justifyContent: "space-between" }} |
|
> |
|
<div className="d-flex align-items-center"> |
|
<span>۸۸۸۱۴۶۳۷</span> |
|
<img src={contact} alt="تماس" className="m-1" /> |
|
</div> |
|
<div className="d-flex align-items-center"> |
|
<span>Info@Danovin.ir</span> |
|
<img src={home} alt="خانه" className="m-1" /> |
|
</div> |
|
</div> |
|
</div> |
|
<div className="footer-container__content--box second d-flex flex-column"> |
|
<h1>دسترسی سریع</h1> |
|
<ul> |
|
{fastAccess.map((item, i) => ( |
|
<li key={i}> |
|
<Link to={item.link}>{item.name}</Link> |
|
</li> |
|
))} |
|
</ul> |
|
</div> |
|
<div className="footer-container__content--box second d-flex flex-column"> |
|
<h1>لینک های کاربردی</h1> |
|
<ul> |
|
{fastAccess.map((item, i) => ( |
|
<li key={i}> |
|
<Link to={item.link}>{item.name}</Link> |
|
</li> |
|
))} |
|
</ul> |
|
</div> |
|
</div> |
|
</div> |
|
<div className="footer__privacy d-flex align-items-center"> |
|
<p>تمامی حقوق این وبسایت متعلق به دانوین می باشد. 1400</p> |
|
</div> |
|
</footer> |
|
) : null} |
|
{window.innerWidth < 1000 ? ( |
|
<footer className="mobile-footer d-flex flex-column"> |
|
<div className="mobile-footer-container d-flex"> |
|
<div className="mobile-footer-container__content d-flex flex-column"> |
|
<div className="mobile-footer-container__content--box first d-flex flex-column"> |
|
<h1>دانوین کجاست؟</h1> |
|
<p className="mt-2"> |
|
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و |
|
با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه |
|
و مجله در ستون و سطرآنچنان که لازم است، و برای شرایط فعلی |
|
تکنولوژی مورد نیاز، و کاربردهای متنوع با هدف بهبود ابزارهای |
|
کاربردی می باشد، کتابهای زیادی در شصت و سه{" "} |
|
</p> |
|
<div className="mobile-footer__location d-flex align-items-center mt-2"> |
|
<img src={location} alt="آدرس" className="m-1" /> |
|
<p> |
|
تهران خیابان انقلاب اسلامی بن بست سروش پلاک 2 طبقه چهار |
|
</p> |
|
</div> |
|
<div |
|
className="d-flex align-items-center mt-1" |
|
style={{ width: "55%", justifyContent: "space-between" }} |
|
> |
|
<div className="d-flex align-items-center"> |
|
<span>02163462405</span> |
|
<img src={contact} alt="تماس" className="m-1" /> |
|
</div> |
|
<div className="d-flex align-items-center"> |
|
<span>Info@Danovin.ir</span> |
|
<img src={home} alt="خانه" className="m-1" /> |
|
</div> |
|
</div> |
|
</div> |
|
<div className="mobile-footer-container__content--box second d-flex flex-column"> |
|
<h1>دسترسی سریع</h1> |
|
<ul> |
|
{fastAccess.map((item) => ( |
|
<li> |
|
<Link to={item.link}>{item.name}</Link> |
|
</li> |
|
))} |
|
</ul> |
|
</div> |
|
<div className="mobile-footer-container__content--box second d-flex flex-column"> |
|
<h1>دسترسی سریع</h1> |
|
<ul> |
|
{fastAccess.map((item) => ( |
|
<li> |
|
<Link to={item.link}>{item.name}</Link> |
|
</li> |
|
))} |
|
</ul> |
|
</div> |
|
</div> |
|
</div> |
|
<div className="mobile-footer__privacy d-flex align-items-center"> |
|
<p>تمامی حقوق این وبسایت متعلق به دانوین می باشد. 1400</p> |
|
</div> |
|
</footer> |
|
) : null} |
|
</> |
|
); |
|
} |
|
} |
|
|
|
Footer.defaultProps = { |
|
fastAccess: [ |
|
{ name: "صفحه اصلی", link: "/" }, |
|
{ name: "فروشگاه", link: "/shop" }, |
|
{ name: "سوالات متداول", link: "/faq" }, |
|
{ name: "درباره ما", link: "/about" }, |
|
{ name: "تماس با ما", link: "/call" }, |
|
], |
|
};
|
|
|