55 lines
1.7 KiB
TypeScript
55 lines
1.7 KiB
TypeScript
import { Link } from "remix";
|
|
import { DiscordIcon } from "../Icons/DiscordIcon";
|
|
import { EmailIcon } from "../Icons/EmailIcon";
|
|
import { GithubIcon } from "../Icons/GithubIcon";
|
|
import { Logo } from "../Icons/Logo";
|
|
import { TwitterIcon } from "../Icons/TwitterIcon";
|
|
|
|
export type HomeFooterProps = {
|
|
maxWidth?: string;
|
|
};
|
|
|
|
export function HomeFooter({ maxWidth = "1150px" }: HomeFooterProps) {
|
|
return (
|
|
<footer className="flex flex-col items-center w-full px-4 py-6 bg-black md:py-10">
|
|
<div
|
|
className="flex items-center justify-between w-full pt-9 border-t-[1px] border-slate-800"
|
|
style={{ maxWidth: maxWidth }}
|
|
>
|
|
<div className="flex flex-grow items-start">
|
|
<Logo />
|
|
</div>
|
|
<ol className="flex ml-2">
|
|
<li className="hover:cursor-pointer">
|
|
<a
|
|
href="https://github.com/jsonhero-io/jsonhero-web"
|
|
target="_blank"
|
|
>
|
|
<GithubIcon />
|
|
</a>
|
|
</li>
|
|
<li className="ml-2 hover:cursor-pointer">
|
|
<a href="mailto:hello@jsonhero.io">
|
|
<EmailIcon />
|
|
</a>
|
|
</li>
|
|
<li className="ml-2 hover:cursor-pointer">
|
|
<a href="https://discord.gg/ZQq6Had5nP" target="_blank">
|
|
<DiscordIcon />
|
|
</a>
|
|
</li>
|
|
<li className="ml-2 hover:cursor-pointer">
|
|
<a href="https://twitter.com/json_hero" target="_blank">
|
|
<TwitterIcon />
|
|
</a>
|
|
</li>
|
|
|
|
<li className="ml-2 hover:cursor-pointer text-indigo-700">
|
|
<Link to="/privacy">Privacy Policy</Link>
|
|
</li>
|
|
</ol>
|
|
</div>
|
|
</footer>
|
|
);
|
|
}
|