update

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() {
       {/* <BlogDesign5 /> */}
       {/* <BlogDesign6 /> */}
       {/* <HeaderDesign1 /> */}
-      <ContactInfoSection />
+      {/* <ContactInfoSection /> */}
+      <FooterDesign1 />
     </div>
   );
 }

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 (
+    <footer className="bg-white p-6 flex flex-col md:flex-row justify-around items-start md:items-start relative">
+      <div className="flex items-start">
+        <ul className="mr-10">
+          <li className="text-productContent font-light text-xs leading-7 hover:font-bold footer-items">
+            <a href=""> لینک های اصلی</a>
+          </li>
+          <li className="text-productContent font-light text-xs leading-7 hover:font-bold footer-items">
+            <a href=""> فروشگاه</a>
+          </li>
+          <li className="text-productContent font-light text-xs leading-7 hover:font-bold footer-items">
+            <a href=""> در باره ما</a>
+          </li>
+          <li className="text-productContent font-light text-xs leading-7 hover:font-bold footer-items">
+            <a href=""> پرسش های متداول</a>
+          </li>
+        </ul>
+        <ul className="mr-10">
+          <li className="text-productContent font-light text-xs leading-7 hover:font-bold footer-items">
+            <a href=""> لینک های اصلی</a>
+          </li>
+          <li className="text-productContent font-light text-xs leading-7 hover:font-bold footer-items">
+            <a href=""> فروشگاه</a>
+          </li>
+          <li className="text-productContent font-light text-xs leading-7 hover:font-bold footer-items">
+            <a href=""> در باره ما</a>
+          </li>
+          <li className="text-productContent font-light text-xs leading-7 hover:font-bold footer-items">
+            <a href=""> پرسش های متداول</a>
+          </li>
+        </ul>
+        <ul className="mr-10">
+          <li className="text-productContent font-light text-xs leading-7 hover:font-bold footer-items">
+            <a href=""> لینک های اصلی</a>
+          </li>
+          <li className="text-productContent font-light text-xs leading-7 hover:font-bold footer-items">
+            <a href=""> فروشگاه</a>
+          </li>
+          <li className="text-productContent font-light text-xs leading-7 hover:font-bold footer-items">
+            <a href=""> در باره ما</a>
+          </li>
+          <li className="text-productContent font-light text-xs leading-7 hover:font-bold footer-items">
+            <a href=""> پرسش های متداول</a>
+          </li>
+        </ul>
+        <ul className="mr-10">
+          <li className="text-productContent font-light text-xs leading-7 hover:font-bold footer-items">
+            <a href=""> لینک های اصلی</a>
+          </li>
+          <li className="text-productContent font-light text-xs leading-7 hover:font-bold footer-items">
+            <a href=""> فروشگاه</a>
+          </li>
+          <li className="text-productContent font-light text-xs leading-7 hover:font-bold footer-items">
+            <a href=""> در باره ما</a>
+          </li>
+        </ul>
+      </div>
+      <div className="flex items-center mt-10 md:mt-0">
+        <img src={enamad} alt="" className="w-28 ml-10" />
+        <img src={samandehi} alt="" className="w-28" />
+      </div>
+      {/* line */}
+      <img
+        src={lightBlueLine}
+        alt=""
+        className="hidden sm:block absolute bottom-5 left-20"
+      />
+    </footer>
+  );
+};
+
+export default FooterDesign1;

src/components/footer/design1/FooterDesign1.scss

@@ -0,0 +1,6 @@
+.footer-items {
+  transition: all 0.4s;
+}
+.footer-items:hover {
+  transform: translateY(-2px) !important;
+}