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.
 
 
 

50 lines
1.7 KiB

import React from "react";
import _ from "lodash";
const FooterDesign1 = ({ links }) => {
return (
<footer className="relative w-full flex flex-col md:flex-row justify-around items-start md:items-start p-4 shadow bg-surface">
<div className="flex items-start">
<>
{links.map((section, index) => (
<ul className="mr-10" key={index}>
{section.map((link, index) => (
<li className={`text-xs leading-7 hover:font-bold`} key={index}>
<a href="#" className="text-primaryText">
{link}
</a>
</li>
))}
</ul>
))}
</>
</div>
<div className="flex items-center mt-10 md:mt-0">
<img src="images/enamad-pic.svg" alt="enamad" className="w-28 ml-10" />
<img src="images/samandehi-pic.svg" alt="samandehi" className="w-28" />
</div>
{/* line */}
<img
src="images/light-blue-line.svg"
alt="line"
className="hidden sm:block absolute bottom-5 left-10"
/>
<img
src="images/light-blue-line.svg"
alt="line"
className="hidden sm:block absolute top-5 right-1"
/>
</footer>
);
};
export default FooterDesign1;
FooterDesign1.defaultProps = {
links: [
["لینک های اصلی", "فروشگاه", "درباره ما", "پرسش های متوالی"],
["لینک های اصلی", "فروشگاه", "درباره ما", "پرسش های متوالی"],
["لینک های اصلی", "فروشگاه", "درباره ما", "پرسش های متوالی"],
["لینک های اصلی", "فروشگاه", "درباره ما", "پرسش های متوالی"],
],
};