mirror of
https://github.com/lukevella/rallly.git
synced 2025-06-01 18:21:52 +02:00
Add powered by vercel
This commit is contained in:
Luke Vella
parent
ddc370ac25
commit
7f11d79e49
8 changed files with 102 additions and 74 deletions
|
|
@ -11,7 +11,7 @@ const Bonus: React.VoidFunctionComponent = () => {
|
|||
<p className="subheading">We're not like the others</p>
|
||||
<div className="grid grid-cols-4 gap-16">
|
||||
<div className="col-span-4 md:col-span-2 lg:col-span-1">
|
||||
<div className="mb-4 text-slate-400">
|
||||
<div className="mb-4 text-gray-400">
|
||||
<CursorClick className="w-16" />
|
||||
</div>
|
||||
<h3 className="heading-sm">No login required</h3>
|
||||
|
|
@ -20,7 +20,7 @@ const Bonus: React.VoidFunctionComponent = () => {
|
|||
</div>
|
||||
</div>
|
||||
<div className="col-span-4 md:col-span-2 lg:col-span-1">
|
||||
<div className="mb-4 text-slate-400">
|
||||
<div className="mb-4 text-gray-400">
|
||||
<Code className="w-16" />
|
||||
</div>
|
||||
<h3 className="heading-sm">Open-source</h3>
|
||||
|
|
@ -33,7 +33,7 @@ const Bonus: React.VoidFunctionComponent = () => {
|
|||
</div>
|
||||
</div>
|
||||
<div className="col-span-4 md:col-span-2 lg:col-span-1">
|
||||
<div className="mb-4 text-slate-400">
|
||||
<div className="mb-4 text-gray-400">
|
||||
<Server className="w-16" />
|
||||
</div>
|
||||
<h3 className="heading-sm">Self-hostable</h3>
|
||||
|
|
@ -42,7 +42,7 @@ const Bonus: React.VoidFunctionComponent = () => {
|
|||
</div>
|
||||
</div>
|
||||
<div className="col-span-4 md:col-span-2 lg:col-span-1">
|
||||
<div className="mb-4 text-slate-400">
|
||||
<div className="mb-4 text-gray-400">
|
||||
<Ban className="w-16" />
|
||||
</div>
|
||||
<h3 className="heading-sm">Ad-free</h3>
|
||||
|
|
|
|||
|
|
@ -11,7 +11,7 @@ const Hero: React.VoidFunctionComponent = () => {
|
|||
const names = ["Peter", "Christine", "Samantha", "Joseph"];
|
||||
|
||||
return (
|
||||
<div className="lg:flex p-8 items-end max-w-7xl mx-auto">
|
||||
<div className="lg:flex lg:justify-between p-8 items-end max-w-7xl mx-auto">
|
||||
<div className="my-8 text-center lg:text-left">
|
||||
<h1 className="text-4xl sm:text-5xl font-bold">
|
||||
Schedule
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
);
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue