Danovin
/
application_17
5
0
Fork 0
Code Issues 3 Pull Requests Projects Releases Wiki Activity

Footer Done

Browse Source
temp
Pedram Keshavarzi 3 years ago
parent f6d5f2b108
commit 276c1a1b89
1 changed files with 69 additions and 54 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 117
      src/components/Footer/index.js

117
src/components/Footer/index.js
Unescape View File

@ -15,66 +15,66 @@ const FooterDesign1 = ({ color, bg, links, hasHeader }) => {
'<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>'; '<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 ( return (
<> <>
{hasHeader ? {hasHeader ?
<div className=" bg-gray-100 flex items-center justify-center py-6 text-blue52"> <div className=" bg-gray-100 flex items-center justify-center py-6 text-blue52">
<div className="flex items-center ml-8 "> <div className="flex items-center ml-8 ">
<img src={callIcon} className="p-2"/> <img src={callIcon} className="p-2" />
<div> <div>
<h1 className="text-3xl text-bold mb-2 font-black"> <h1 className="text-3xl text-bold mb-2 font-black">
<span className=" text-blueC0">7</span> روز هفته <span className="font-black text-blueC0">24</span> ساعته <span className=" text-blueC0">7</span> روز هفته <span className="font-black text-blueC0">24</span> ساعته
</h1> </h1>
<p className="text-xl font-light text-blue-700">منتظر شنیدن صدای گرمتان هستیم</p> <p className="text-xl font-light text-blue-700">منتظر شنیدن صدای گرمتان هستیم</p>
</div> </div>
</div> </div>
<div className="mr-8 text-lg font-black"> <div className="mr-8 text-lg font-black">
<h1 className="text-left mb-2">654412 021</h1> <h1 className="text-left mb-2">654412 021</h1>
<h1>Info[at]danovin.ir</h1> <h1>Info[at]danovin.ir</h1>
</div> </div>
</div> </div>
: null} : null}
<footer <footer
className={`flex flex-col bg-gray-200 py-10 md:flex-row justify-around items-start md:items-start relative shadow-md ${bg}`} className={`flex flex-col bg-gray-200 py-10 md:flex-row justify-around items-start md:items-start relative shadow-md ${bg}`}
> >
<div className="w-11/12 flex justify-between"> <div className="w-11/12 flex justify-between">
<div className="flex items-start"> <div className="flex items-start">
<> <>
{
links.map((section, index) => <ul className={index != 0 ? 'mr-12' : ''} key={index}>
{ {
section.map((link, index) => <li links.map((section, index) => <ul className={index != 0 ? 'mr-20' : ''} key={index}>
className={`font-light text-xs leading-7 hover:font-bold ${color}`} {
key={index} section.map((link, index) => <li
> className={`font-light text-xs leading-7 hover:font-bold ${color}`}
<a href="" className={`${index == 0 ? ' text-sm font-bold' : ''}`}>{link}</a> key={index}
</li>) >
<a href="" className={`${index == 0 ? ' text-sm font-bold' : ''}`}>{link}</a>
</li>)
}
</ul>)
} }
</ul>) </>
} </div>
</> <div className="flex items-center justify-between mt-10 md:mt-0">
</div> <div
<div className="flex items-center justify-between mt-10 md:mt-0"> dangerouslySetInnerHTML={{
<div __html: enamad,
dangerouslySetInnerHTML={{ }}
__html: enamad, className="w-28 p-2 rounded-md bg-gray-300 mx-6"
}} >
className="w-28 p-2 rounded-md bg-gray-300 mx-6"
>
</div> </div>
<img src={samandehi} alt="" className="w-28 p-2 rounded-md bg-gray-300 mr-6" /> <img src={samandehi} alt="" className="w-28 p-2 rounded-md bg-gray-300 mr-6" />
</div> </div>
</div> </div>
{/* line {/* line
<img <img
src={lightBlueLine} src={lightBlueLine}
alt="" alt=""
className="hidden sm:block absolute bottom-5 left-20" className="hidden sm:block absolute bottom-5 left-20"
/> */} /> */}
</footer> </footer>
</> </>
); );
}; };
@ -84,9 +84,24 @@ export default FooterDesign1;
FooterDesign1.defaultProps = { FooterDesign1.defaultProps = {
links: [ links: [
["لینک های اصلی", "فروشگاه", "درباره ما", "پرسش های متوالی"], ["لینک های اصلی", "فروشگاه", "درباره ما", "پرسش های متوالی"],
["لینک های اصلی", "فروشگاه", "درباره ما", "پرسش های متوالی"], [
["لینک های اصلی", "فروشگاه", "درباره ما", "پرسش های متوالی"], "خدمات مشتریان",
["لینک های اصلی", "فروشگاه", "درباره ما", "پرسش های متوالی"], "شرایط و ضوابط استفاده",
" راهنمای خرید",
"همکاری تجاری"
],
[
"کاربری",
"حساب کاربری",
"سبد خرید",
"داشبورد کاربری"
],
[
"رضایت مشتریان",
"رسیدگی به شکایات",
"پیگیری سفارشات"
],
], ],
bg: "bg-white", bg: "bg-white",
color: "text-gray-600", color: "text-gray-600",

Write Preview
Loading…
Cancel
Save