3pp-mirror/rallly
1
0
Fork 0
mirror of https://github.com/lukevella/rallly.git synced 2025-05-30 17:26:24 +02:00
Code Issues Projects Releases Packages Wiki Activity

Add powered by vercel

Browse source
This commit is contained in:
Luke Vella 2022-04-13 17:33:08 +01:00
parent ddc370ac25
commit 7f11d79e49
8 changed files with 102 additions and 74 deletions
Download patch file Download diff file Expand all files Collapse all files

123
components/page-layout/footer.tsx
View file

@ -3,58 +3,27 @@ import * as React from "react";
import GitHubButton from "react-github-btn";
import { Trans, useTranslation } from "next-i18next";
import Logo from "../../public/logo.svg";
import Vercel from "../../public/vercel-logotype-dark.svg";
const Footer: React.VoidFunctionComponent = () => {
const { t } = useTranslation("homepage");
return (
<div className="bg-gray-100">
<div className="py-20 px-8 mx-auto max-w-7xl grid grid-cols-12 gap-8">
<div className="mt-16 bg-slate-50/70">
<div className="py-20 px-8 mx-auto max-w-7xl grid grid-cols-10 gap-8">
<div className="col-span-12 md:col-span-4">
<Logo className="w-32 text-gray-400/75 mb-8" />
</div>
<div className="col-span-6 md:col-span-2">
<div className="font-medium mb-4">Links</div>
<ul className="footer-menu">
<li>
<a href="https://github.com/lukevella/Rallly/discussions">
Forum
</a>
</li>
<li>
<Link href="/blog">
<a>Blog</a>
</Link>
</li>
<li>
<Link href="/support">
<a>Support</a>
</Link>
</li>
<li>
<Link href="/privacy-policy">
<a>Privacy Policy</a>
</Link>
</li>
</ul>
</div>
<div className="col-span-6 md:col-span-2">
<div className="font-medium mb-4">Follow</div>
<ul className="footer-menu">
<li>
<a href="https://github.com/lukevella/Rallly">Github</a>
</li>
<li>
<a href="https://twitter.com/ralllyco">Twitter</a>
</li>
</ul>
</div>
<div className="col-span-12 md:col-span-3">
<div className="font-medium mb-4">Project</div>
<p className="text-sm text-slate-500">
<Logo className="w-32 mb-4 text-gray-400" />
<p className="text-sm text-gray-400">
<Trans
t={t}
i18nKey="footerCredit"
components={{ a: <a href="https://twitter.com/imlukevella" /> }}
components={{
a: (
<a
className="text-gray-400 hover:text-gray-800 hover:no-underline font-normal leading-loose"
href="https://twitter.com/imlukevella"
/>
),
}}
/>
</p>
<div className="flex space-x-3">
@ -75,6 +44,72 @@ const Footer: React.VoidFunctionComponent = () => {
</GitHubButton>
</div>
</div>
<div className="col-span-6 md:col-span-2">
<div className="font-medium mb-4">Links</div>
<ul>
<li>
<a
className="text-gray-400 hover:text-gray-800 hover:no-underline font-normal leading-loose"
href="https://github.com/lukevella/Rallly/discussions"
>
Forum
</a>
</li>
<li>
<Link href="/blog">
<a className="text-gray-400 hover:text-gray-800 hover:no-underline font-normal leading-loose">
Blog
</a>
</Link>
</li>
<li>
<Link href="/support">
<a className="text-gray-400 hover:text-gray-800 hover:no-underline font-normal leading-loose">
Support
</a>
</Link>
</li>
<li>
<Link href="/privacy-policy">
<a className="text-gray-400 hover:text-gray-800 hover:no-underline font-normal leading-loose">
Privacy Policy
</a>
</Link>
</li>
</ul>
</div>
<div className="col-span-6 md:col-span-2">
<div className="font-medium mb-4">Follow</div>
<ul>
<li>
<a
className="text-gray-400 hover:text-gray-800 hover:no-underline font-normal leading-loose"
href="https://github.com/lukevella/Rallly"
>
Github
</a>
</li>
<li>
<a
className="text-gray-400 hover:text-gray-800 hover:no-underline font-normal leading-loose"
href="https://twitter.com/ralllyco"
>
Twitter
</a>
</li>
</ul>
</div>
<div className="col-span-12 md:col-span-2">
<a
href="https://vercel.com?utm_source=rallly&utm_campaign=oss"
className="inline-block text-white"
>
<span className="inline-block w-full text-right italic text-gray-400 text-xs mb-1">
Powered by
</span>
<Vercel className="w-24" />
</a>
</div>
</div>
</div>
);