update src/components/Footer/index.js

master
Reza_ashrafi 3 years ago
parent 28500ff68c
commit 2a1ebdb23b
  1. 20
      src/components/Footer/index.js

@ -20,22 +20,22 @@ const FooterDesign1 = ({ color, bg, items, hasHeader }) => {
<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-2xl mb-4 font-bold"> <h1 className="text-lg mb-4 font-bold">
<span className=" text-blueC0 font-black">7</span> <span className=" text-blueC0 font-black">7 </span>
{window.t("روز هفته")} {window.t("روز هفته")}
<span className="text-blueC0 font-black">24</span> <span className="text-blueC0 font-black"> 24 </span>
{window.t("ساعته")} {window.t("ساعته")}
</h1> </h1>
<p className="text-lg font-light text-blue5F"> <p className="text-tiny font-light text-blue5F">
{window.t("منتظر شنیدن صدای گرمتان هستیم")} {window.t("منتظر شنیدن صدای گرمتان هستیم")}
</p> </p>
</div> </div>
</div> </div>
<div className="mr-8 text-lg flex flex-col font-black transform translate-y-0.5"> <div className="mr-8 text-base flex flex-col font-black transform translate-y-0.5">
<a href="tel:654412 021" className="text-left mb-5"> <a href="tel:654412 021" className="text-left mb-5">
654412 021 654412 021
</a> </a>
<a href="mailto:Info@danovin.ir">Info@danovin.ir</a> <a href="mailto:Info@danovin.ir" className="text-tiny">Info@danovin.ir</a>
{/* <a href="https://info@danovin.ir">Info@danovin.ir</a> */} {/* <a href="https://info@danovin.ir">Info@danovin.ir</a> */}
</div> </div>
</div> </div>
@ -44,7 +44,7 @@ const FooterDesign1 = ({ color, bg, items, hasHeader }) => {
<a <a
href="http://danovin.ir/app.apk" href="http://danovin.ir/app.apk"
download download
className="py-4 px-5 text-base font-bold rounded-md bg-blueC0 transition-all transform hover:scale-110 text-white" className="py-4 px-5 text-tiny font-bold rounded-md bg-blueC0 transition-all transform hover:scale-110 text-white"
> >
{window.t("دانلود اپلیکیشن اندروید")} {window.t("دانلود اپلیکیشن اندروید")}
</a> </a>
@ -55,16 +55,16 @@ const FooterDesign1 = ({ color, bg, items, hasHeader }) => {
<footer <footer
className={`flex flex-col bg-gray-200 py-16 md:justify-around items-start md:items-start relative shadow-md z-20 ${bg}`} className={`flex flex-col bg-gray-200 py-16 md:justify-around items-start md:items-start relative shadow-md z-20 ${bg}`}
> >
<div className="w-11/12 flex justify-between"> <div className="w-11/12 flex justify-between mx-auto">
<div className="flex gap-10"> <div className="flex gap-10">
{items.map((item, index) => ( {items.map((item, index) => (
<div className="flex flex-col" key={index}> <div className="flex flex-col" key={index}>
<strong className="text-xl text-gray70">{item.name}</strong> <strong className="text-base text-gray70">{item.name}</strong>
<ul className="flex flex-col mt-0"> <ul className="flex flex-col mt-0">
{item.links.map((link, index) => ( {item.links.map((link, index) => (
<li className="mt-6" key={index}> <li className="mt-6" key={index}>
<Link <Link
className="text-gray70 text-base " className="text-gray70 text-tiny"
to={link.link} to={link.link}
key={index} key={index}
> >

Loading…
Cancel
Save