apuc/guild_front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

landing footer

Browse Source
This commit is contained in:
Mikola 2024-04-17 18:58:39 +03:00
parent 7a55188904
commit 0d436e71e4
2 changed files with 7 additions and 74 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
src/pages/Landing/Landing.jsx
View File

@ -2,6 +2,8 @@ import React from "react";
import SVG from "react-inlinesvg"; import SVG from "react-inlinesvg";
import { Link } from "react-router-dom"; import { Link } from "react-router-dom";
import { Footer } from "@components/Common/Footer/Footer";
import arrow from "assets/icons/arrows/arrowLanding.svg"; import arrow from "assets/icons/arrows/arrowLanding.svg";
import authIcon from "assets/icons/authIcon.svg"; import authIcon from "assets/icons/authIcon.svg";
import clue from "assets/icons/landingClue.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 codeBg from "assets/images/landingBackgroundCode.svg";
import cat from "assets/images/landingCat.png"; import cat from "assets/images/landingCat.png";
import "./landing.scss"; import "./landing.scss";
export const Landing = () => { export const Landing = () => {
@ -37,16 +40,7 @@ export const Landing = () => {
img: arrow img: arrow
} }
]; ];
const socials = [
{
img: vk,
to: ""
},
{
img: telegram,
to: ""
}
];
return ( return (
<section className="landing"> <section className="landing">
<div className="landing__container"> <div className="landing__container">
@ -106,26 +100,7 @@ export const Landing = () => {
); );
})} })}
</div> </div>
<div className="landing__footer"> <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>
</div> </div>
</section> </section>
); );

46
src/pages/Landing/landing.scss
View File

@ -1,6 +1,6 @@
.landing { .landing {
background: #EEEEEE; background: #EEEEEE;
height: 100vh; min-height: 100vh;
padding: 20px 0; padding: 20px 0;
font-family: "GT Eesti Pro Display"; font-family: "GT Eesti Pro Display";
@ -151,7 +151,7 @@
} }
&__opportunities { &__opportunities {
margin-top: 120px; margin: 120px 0;
display: grid; display: grid;
grid-template-columns: repeat(auto-fill, minmax(360px, 1fr)); 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;
}
}
}
}
} }