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.
 
 
 

165 lines
7.6 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=window.t("آدرس") className="m-1" />
<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"
style={{ fontName: "IRANSansNumeralLight" }}
>
<a
href="tel:58795"
style={{ textDecoration: "none", color: "white" }}
>
58795
</a>
<img src={contact} alt=window.t("تماس") className="m-1" />
</div>
{/* <div
className="d-flex align-items-center"
style={{
fontName: "IRANSansNumeralLight",
}}
>
<a
href="tel:02188814673"
style={{ textDecoration: "none", color: "white" }}
>
021-88814673
</a>
<img src={contact} alt=window.t("تماس") className="m-1" />
</div> */}
<div className="d-flex align-items-center">
<span>Info@Danovin.ir</span>
<img src={home} alt=window.t(window.t(window.t("خانه"))) 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=window.t("آدرس") 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=window.t("تماس") className="m-1" />
</div>
<div className="d-flex align-items-center">
<span>Info@Danovin.ir</span>
<img src={home} alt=window.t(window.t(window.t("خانه"))) 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: window.t("صفحه اصلی"), link: "/" },
{ name: window.t("فروشگاه"), link: "/shop" },
{ name: window.t("سوالات متداول"), link: "/faq" },
{ name: window.t("درباره ما"), link: "/about" },
{ name: window.t("تماس با ما"), link: "/call" },
],
};