diff --git a/src/App.js b/src/App.js
index 7bef9f9..472f359 100644
--- a/src/App.js
+++ b/src/App.js
@@ -13,6 +13,7 @@ import BlogDesign6 from "./components/Blogs/design6/BlogDesign6";
import HeaderDesign1 from "./components/Header/desgin1/HeaderDesign1";
import VodProductDesign from "./components/vodProductDesign/VodProductDesign";
import ContactInfoSection from "./components/contactInfoSection/ContactInfoSection";
+import FooterDesign1 from "./components/footer/design1/FooterDesign1";
function App() {
return (
@@ -30,7 +31,8 @@ function App() {
{/* */}
{/* */}
{/* */}
-
+ {/* */}
+
);
}
diff --git a/src/assets/images/enamad-pic.svg b/src/assets/images/enamad-pic.svg
new file mode 100644
index 0000000..71a2999
--- /dev/null
+++ b/src/assets/images/enamad-pic.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/assets/images/samandehi-pic.svg b/src/assets/images/samandehi-pic.svg
new file mode 100644
index 0000000..fc47b54
--- /dev/null
+++ b/src/assets/images/samandehi-pic.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/components/footer/design1/FooterDesign1.js b/src/components/footer/design1/FooterDesign1.js
new file mode 100644
index 0000000..3d2a490
--- /dev/null
+++ b/src/components/footer/design1/FooterDesign1.js
@@ -0,0 +1,82 @@
+import React from "react";
+
+import "./FooterDesign1.scss";
+
+import enamad from "../../../assets/images/enamad-pic.svg";
+import samandehi from "../../../assets/images/samandehi-pic.svg";
+
+import lightBlueLine from "../../../assets/icons/light-blue-line.svg";
+
+const FooterDesign1 = () => {
+ return (
+
+ );
+};
+
+export default FooterDesign1;
diff --git a/src/components/footer/design1/FooterDesign1.scss b/src/components/footer/design1/FooterDesign1.scss
new file mode 100644
index 0000000..a9e3f7d
--- /dev/null
+++ b/src/components/footer/design1/FooterDesign1.scss
@@ -0,0 +1,6 @@
+.footer-items {
+ transition: all 0.4s;
+}
+.footer-items:hover {
+ transform: translateY(-2px) !important;
+}