Compare commits

..

No commits in common. "a9f5542e02df866644f0224cf753e0ed879c485c" and "eb84fa2db4844d0a4cd8cdac867f27efbb1e15f3" have entirely different histories.

8 changed files with 330 additions and 6123 deletions

View File

@ -23,7 +23,6 @@
"navigation": "Navigation", "navigation": "Navigation",
"contacts": "Contacts", "contacts": "Contacts",
"download_our_app": "Download our app", "download_our_app": "Download our app",
"socials": "Stay Connected",
"back": "Back", "back": "Back",
"save": "Save", "save": "Save",
"saving": "Saving", "saving": "Saving",

View File

@ -23,7 +23,6 @@
"navigation": "Навигация", "navigation": "Навигация",
"contacts": "Байланыш", "contacts": "Байланыш",
"download_our_app": "Биздин колдонмону жүктөңүз", "download_our_app": "Биздин колдонмону жүктөңүз",
"socials": "Социалдык тармактар",
"back": "Артка", "back": "Артка",
"save": "Сактоо", "save": "Сактоо",
"saving": "Сакталат", "saving": "Сакталат",

View File

@ -23,7 +23,6 @@
"navigation": "Навигация", "navigation": "Навигация",
"contacts": "Контакты", "contacts": "Контакты",
"download_our_app": "Скачивай наше приложение", "download_our_app": "Скачивай наше приложение",
"socials": "Социальные сети",
"back": "Назад", "back": "Назад",
"save": "Сохранить", "save": "Сохранить",
"saving": "Сохранение", "saving": "Сохранение",

5900
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@ -5,9 +5,9 @@ export const LINKS = () => {
const LINKS = [ const LINKS = [
{ id: 1, pagename: t("home"), pathname: "/" }, { id: 1, pagename: t("home"), pathname: "/" },
// { id: 2, pagename: t("about_us"), pathname: "/about-us" }, { id: 2, pagename: t("about_us"), pathname: "/about-us" },
// { id: 3, pagename: t("privacy"), pathname: "/privacy" }, { id: 3, pagename: t("privacy"), pathname: "/privacy" },
// { id: 4, pagename: t("support"), pathname: "/support" }, { id: 4, pagename: t("support"), pathname: "/support" },
{ id: 5, pagename: t("statistics"), pathname: "/statistics" }, { id: 5, pagename: t("statistics"), pathname: "/statistics" },
{ id: 6, pagename: t("news"), pathname: "/news" }, { id: 6, pagename: t("news"), pathname: "/news" },
{ id: 7, pagename: t("volunteers"), pathname: "/volunteers" }, { id: 7, pagename: t("volunteers"), pathname: "/volunteers" },
@ -15,16 +15,3 @@ export const LINKS = () => {
return LINKS; return LINKS;
}; };
export const LINKS2 = () => {
const t = useTranslations("navigation");
const LINKS = [
{ id: 2, pagename: t("about_us"), pathname: "/about-us" },
{ id: 3, pagename: t("privacy"), pathname: "/privacy" },
{ id: 4, pagename: t("support"), pathname: "/support" },
];
return LINKS;
};

View File

@ -1,7 +1,7 @@
.footer { .footer {
padding: 48px 80px; padding: 48px 80px;
// display: flex; display: grid;
// grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 30px; gap: 30px;
background-color: rgb(15, 23, 42); background-color: rgb(15, 23, 42);
@ -16,19 +16,7 @@
font-size: 16px; font-size: 16px;
} }
} }
&__copyright {
display: flex;
flex-direction: column;
margin-top: auto;
}
.top-row {
display: flex;
justify-content: space-between;
// gap: 30px;
}
.bottom-div {
margin-top: 10px;
}
a, a,
li, li,
h4 { h4 {

View File

@ -1,7 +1,7 @@
import "./Footer.scss"; import "./Footer.scss";
import logo from "../../shared/assets/logo.svg"; import logo from "../../shared/assets/logo.svg";
import Image from "next/image"; import Image from "next/image";
import { LINKS, LINKS2 } from "@/shared/variables/links_footer"; import { LINKS } from "@/shared/variables/links_footer";
import youtube from "./icons/youtube.svg"; import youtube from "./icons/youtube.svg";
import facebook from "./icons/facebook.svg"; import facebook from "./icons/facebook.svg";
import instagram from "./icons/instagram.svg"; import instagram from "./icons/instagram.svg";
@ -18,19 +18,12 @@ const Footer = () => {
const tRights = useTranslations("rights"); const tRights = useTranslations("rights");
return ( return (
<footer className="footer"> <footer className="footer">
<div className="top-row">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div className="footer__logo"> <div className="footer__logo">
{/* <Link href="/"> {/* <Link href="/">
<Image src={logo} alt="Logo" /> <Image src={logo} alt="Logo" />
</Link> */} </Link> */}
{/* <p>© {tRights("text")}</p> <p>© {tRights("text")}</p>
<p>{tDisclaimer("text")}</p> */} <p>{tDisclaimer("text")}</p>
</div> </div>
<div className="footer__links"> <div className="footer__links">
<h4>{t("navigation")}</h4> <h4>{t("navigation")}</h4>
@ -54,16 +47,7 @@ const Footer = () => {
<ul> <ul>
<li>admin@kgroad.org</li> <li>admin@kgroad.org</li>
<li>+9960312394038</li> <li>+9960312394038</li>
{LINKS2().map((link) => (
<li key={link.id}>
<Link href={link.pathname}>{link.pagename}</Link>
</li>
))}
</ul>
</div>
<div className="footer__apps">
<h4>{t("socials")}</h4>
<li> <li>
{[ {[
{ src: youtube, url: "https://www.youtube.com/@TransparencyKyrgyzstan" }, { src: youtube, url: "https://www.youtube.com/@TransparencyKyrgyzstan" },
@ -75,38 +59,26 @@ const Footer = () => {
</Link> </Link>
))} ))}
</li> </li>
<h4>{t("download_our_app")}</h4>
<li>Photo By ThomasG, CC BY-SA 3.0</li>
</ul>
</div>
<div className="footer__apps">
<h4>{t("download_our_app")}</h4>
<div className="footer__apps-btns"> <div className="footer__apps-btns">
{[ {[
{ src: app_store_btn, url: "https://apps.apple.com/us/app/kg-road/id6484317991" }, { src: app_store_btn, url: "https://play.google.com/store/apps/details?id=fishrungames.kgroad" },
{ src: play_market_btn, url: "https://play.google.com/store/apps/details?id=kg.transparency.kgroad" } { src: play_market_btn, url: "https://apps.apple.com/us/app/kg-road/id6484317991" }
].map((app, i) => ( ].map((app, i) => (
<Link key={i} href={app.url} target="_blank" rel="noopener noreferrer"> <Link key={i} href={app.url} target="_blank" rel="noopener noreferrer">
<Image src={app.src} alt="App Button" /> <Image src={app.src} alt="App Button" />
</Link> </Link>
))} ))}
</div> </div>
</div>
</div>
<div className="bottom-div">
<div className="footer__copyright">
<hr style={{ margin: "0", color: "white" }} />
<p className="text" style={{ margin: "0", color: "white" }}>
{"© Copyright " +
new Date().getFullYear() +
" - " +
tRights("text")}
<br />
<br />
{tDisclaimer("text")}
</p>
</div>
</div> </div>
</footer> </footer>
); );
}; };

461
yarn.lock

File diff suppressed because it is too large Load Diff