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
4.9 KiB

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&amp;Code=x8oNSO7tTnqAniyPpPyN"><img referrerpolicy="origin" src="https://Trustseal.eNamad.ir/logo.aspx?id=224965&amp;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",
};