landing footer

src/pages/Landing/Landing.jsx

@@ -2,6 +2,8 @@ import React from "react";
 import SVG from "react-inlinesvg";
 import { Link } from "react-router-dom";
 
+import { Footer } from "@components/Common/Footer/Footer";
+
 import arrow from "assets/icons/arrows/arrowLanding.svg";
 import authIcon from "assets/icons/authIcon.svg";
 import clue from "assets/icons/landingClue.svg";
@@ -10,6 +12,7 @@ import vk from "assets/icons/vkIcon.svg";
 import codeBg from "assets/images/landingBackgroundCode.svg";
 import cat from "assets/images/landingCat.png";
 
+
 import "./landing.scss";
 
 export const Landing = () => {
@@ -37,16 +40,7 @@ export const Landing = () => {
       img: arrow
     }
   ];
-  const socials = [
-    {
-      img: vk,
-      to: ""
-    },
-    {
-      img: telegram,
-      to: ""
-    }
-  ];
+
   return (
     <section className="landing">
       <div className="landing__container">
@@ -106,26 +100,7 @@ export const Landing = () => {
             );
           })}
         </div>
-        <div className="landing__footer">
-          <div className="footer__links">
-            <div className="footer__socials">
-              {socials.map((social, index) => {
-                return (
-                  <Link to={social.to} key={index}>
-                    <SVG src={social.img} />
-                  </Link>
-                );
-              })}
-            </div>
-            <Link className="footer__invite" to="/auth">
-              Присоединиться к команде
-            </Link>
-          </div>
-          <div className="footer__info">
-            <p>office@itguild.info</p>
-            <p>© 2024 - Outstaffing. Все права защищены</p>
-          </div>
-        </div>
+        <Footer />
       </div>
     </section>
   );

src/pages/Landing/landing.scss

@@ -1,6 +1,6 @@
 .landing {
   background: #EEEEEE;
-  height: 100vh;
+  min-height: 100vh;
   padding: 20px 0;
   font-family: "GT Eesti Pro Display";
 
@@ -151,7 +151,7 @@
   }
 
   &__opportunities {
-    margin-top: 120px;
+    margin: 120px 0;
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
   }
@@ -243,46 +243,4 @@
       }
     }
   }
-
-  &__footer {
-    margin-top: auto;
-    display: flex;
-    justify-content: space-between;
-
-    .footer {
-      display: flex;
-      &__links {
-        display: flex;
-        column-gap: 23px;
-        align-items: center;
-      }
-
-      &__socials {
-        display: flex;
-        column-gap: 16px;
-      }
-
-      &__invite {
-        color: rgba(159, 159, 159, 1);
-        font-size: 12px;
-        line-height: 14px;
-        letter-spacing: 0.01em;
-        text-decoration: underline;
-      }
-
-      &__info {
-        display: flex;
-        column-gap: 100px;
-        align-items: center;
-        font-size: 12px;
-        line-height: 14px;
-        letter-spacing: 0.01em;
-        color: rgba(159, 159, 159, 1);
-
-        p:first-child {
-          text-decoration: underline;
-        }
-      }
-    }
-  }
 }