diff --git a/public/images/enamad-pic.svg b/public/images/enamad-pic.svg new file mode 100644 index 0000000..71a2999 --- /dev/null +++ b/public/images/enamad-pic.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/images/light-blue-line.svg b/public/images/light-blue-line.svg new file mode 100644 index 0000000..562f85a --- /dev/null +++ b/public/images/light-blue-line.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/images/samandehi-pic.svg b/public/images/samandehi-pic.svg new file mode 100644 index 0000000..fc47b54 --- /dev/null +++ b/public/images/samandehi-pic.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/FooterDesign/Footer/index.js b/src/components/FooterDesign/Footer/index.js new file mode 100644 index 0000000..eee41e0 --- /dev/null +++ b/src/components/FooterDesign/Footer/index.js @@ -0,0 +1,51 @@ +import React from "react"; +import _ from "lodash"; + +import enamad from "./images/enamad-pic.svg"; +import samandehi from "images/samandehi-pic.svg"; + +import lightBlueLine from "images/light-blue-line.svg"; + +const FooterDesign1 = ({ links }) => { + return ( + + ); +}; + +export default FooterDesign1; + +FooterDesign1.defaultProps = { + links: [ + ["لینک های اصلی", "فروشگاه", "درباره ما", "پرسش های متوالی"], + ["لینک های اصلی", "فروشگاه", "درباره ما", "پرسش های متوالی"], + ["لینک های اصلی", "فروشگاه", "درباره ما", "پرسش های متوالی"], + ["لینک های اصلی", "فروشگاه", "درباره ما", "پرسش های متوالی"], + ], +}; diff --git a/src/components/FooterDesign/index.js b/src/components/FooterDesign/index.js new file mode 100644 index 0000000..20a5cc8 --- /dev/null +++ b/src/components/FooterDesign/index.js @@ -0,0 +1,25 @@ +import React, { useState } from "react"; + +import Footer from "./Footer"; + +function FooterDesign() { + const list = { + 1: