|
|
import React from "react"; |
|
|
import { Link } from "react-router-dom"; |
|
|
import _ from "lodash"; |
|
|
|
|
|
// import enamadlogo from './enamad-pic.svg'; |
|
|
import callIcon from "../../assets/icons/vuesax-linear-call-calling.svg"; |
|
|
import samandehi from "./samandehi-pic.svg"; |
|
|
import iosIcon from "./IOS.svg"; |
|
|
import bazarIcon from "./Bazar.svg"; |
|
|
|
|
|
import lightBlueLine from "./light-blue-line.svg"; |
|
|
|
|
|
const FooterDesign1 = ({ color, bg, items, hasHeader }) => { |
|
|
const enamad = |
|
|
'<a referrerpolicy="origin" target="_blank" href="https://trustseal.enamad.ir/?id=224965&Code=x8oNSO7tTnqAniyPpPyN"><img referrerpolicy="origin" src="https://Trustseal.eNamad.ir/logo.aspx?id=224965&Code=x8oNSO7tTnqAniyPpPyN" alt="" style="cursor:pointer" id="x8oNSO7tTnqAniyPpPyN"></a>'; |
|
|
return ( |
|
|
<> |
|
|
{hasHeader ? ( |
|
|
<div className=" bg-gray-100 w-full"> |
|
|
<div className="w-11/12 mx-auto flex items-center justify-between py-6 text-blue52"> |
|
|
<div className="flex items-center"> |
|
|
<div className="flex items-center ml-8 "> |
|
|
<img src={callIcon} className="p-2" /> |
|
|
<div> |
|
|
<h1 className="text-2xl mb-4 font-bold"> |
|
|
<span className=" text-blueC0 font-black">7</span> روز هفته{" "} |
|
|
<span className="text-blueC0 font-black">24</span> ساعته |
|
|
</h1> |
|
|
<p className="text-lg font-light text-blue5F"> |
|
|
منتظر شنیدن صدای گرمتان هستیم |
|
|
</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div className="mr-8 text-lg font-black transform translate-y-0.5"> |
|
|
<h1 className="text-left mb-5">654412 021</h1> |
|
|
<h1>Info[at]danovin.ir</h1> |
|
|
</div> |
|
|
</div> |
|
|
<div className="flex items-center"> |
|
|
<img src={iosIcon} alt="" className="cursor-pointer" /> |
|
|
<a href="http://danovin.ir/app.apk" download> |
|
|
<img src={bazarIcon} alt="" className="mr-6" /> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
) : null} |
|
|
<footer |
|
|
className={`flex flex-col bg-gray-200 py-16 md:flex-row justify-around items-start md:items-start relative shadow-md ${bg}`} |
|
|
> |
|
|
<div className="w-11/12 flex justify-between"> |
|
|
<div className="flex flex-row gap-10"> |
|
|
{items.map((item, index) => ( |
|
|
<div className="flex flex-col" key={index}> |
|
|
<strong className="text-xl text-gray70">{item.name}</strong> |
|
|
<ul className="flex flex-col mt-0"> |
|
|
{item.links.map((link, index) => ( |
|
|
<li className="mt-6"> |
|
|
<Link className="text-gray70 text-base" to={link.link} key={index}> |
|
|
{link.name} |
|
|
</Link> |
|
|
</li> |
|
|
))} |
|
|
</ul> |
|
|
</div> |
|
|
))} |
|
|
</div> |
|
|
<div className="flex items-center justify-between mt-10 md:mt-0"> |
|
|
<div |
|
|
dangerouslySetInnerHTML={{ |
|
|
__html: enamad, |
|
|
}} |
|
|
className="w-28 p-2 rounded-md bg-gray-300 mx-6" |
|
|
></div> |
|
|
<img |
|
|
src={samandehi} |
|
|
alt="" |
|
|
className="w-28 p-2 rounded-md bg-gray-300 mr-6" |
|
|
/> |
|
|
</div> |
|
|
</div> |
|
|
{/* line |
|
|
<img |
|
|
src={lightBlueLine} |
|
|
alt="" |
|
|
className="hidden sm:block absolute bottom-5 left-20" |
|
|
/> */} |
|
|
</footer> |
|
|
</> |
|
|
); |
|
|
}; |
|
|
|
|
|
export default FooterDesign1; |
|
|
|
|
|
FooterDesign1.defaultProps = { |
|
|
items: [ |
|
|
{ |
|
|
name: "لینکهای اصلی", |
|
|
links: [ |
|
|
{ |
|
|
name: "فروشگاه", |
|
|
link: "/products", |
|
|
}, |
|
|
{ |
|
|
name: "دربارهما", |
|
|
link: "/about-us", |
|
|
}, |
|
|
{ |
|
|
name: "پرسشهای متداول", |
|
|
link: "/faq", |
|
|
}, |
|
|
], |
|
|
}, |
|
|
{ |
|
|
name: "خدمات مشتریان", |
|
|
links: [ |
|
|
{ |
|
|
name: "شرایط و ضوابط استفاده", |
|
|
link: "#", |
|
|
}, |
|
|
{ |
|
|
name: "راهنمای خرید", |
|
|
link: "#", |
|
|
}, |
|
|
{ |
|
|
name: "همکاری تجاری", |
|
|
link: "#", |
|
|
}, |
|
|
], |
|
|
}, |
|
|
{ |
|
|
name: "کاربری", |
|
|
links: [ |
|
|
{ |
|
|
name: "حساب کاربری", |
|
|
link: "#", |
|
|
}, |
|
|
{ |
|
|
name: "سبد خرید", |
|
|
link: "/cart", |
|
|
}, |
|
|
{ |
|
|
name: "داشبورد کاربری", |
|
|
link: "/dashboard", |
|
|
}, |
|
|
], |
|
|
}, |
|
|
{ |
|
|
name: "رضایت مشتریان", |
|
|
links: [ |
|
|
{ |
|
|
name: "رسیدگی به شکایات", |
|
|
link: "/contact-us", |
|
|
}, |
|
|
{ |
|
|
name: "پیگیری سفارشات", |
|
|
link: "/orders", |
|
|
}, |
|
|
], |
|
|
}, |
|
|
], |
|
|
bg: "bg-white", |
|
|
color: "text-gray-600", |
|
|
};
|
|
|
|