trafficlunar/blockmatic
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: open source section in index page

Browse source
This commit is contained in:
trafficlunar 2025-02-16 20:23:46 +00:00
parent 0d07b9cfa0
commit 8330f5d42c
1 changed files with 23 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
src/pages/IndexPage.tsx
View file

@ -12,7 +12,7 @@ import ImageComparison from "@/components/home/ImageComparison";
import BlockmaticLogo from "@/assets/blockmatic.svg?react"; import BlockmaticLogo from "@/assets/blockmatic.svg?react";
import GithubIcon from "@/assets/github.svg?react"; import GithubIcon from "@/assets/github.svg?react";
import { ChevronRightIcon } from "lucide-react"; import { ChevronRightIcon, LinkIcon } from "lucide-react";
function IndexPage() { function IndexPage() {
const { isDark } = useContext(ThemeContext); const { isDark } = useContext(ThemeContext);
@ -104,7 +104,28 @@ function IndexPage() {
<ImageComparison /> <ImageComparison />
</section> </section>
<footer className="w-full h-16 mt-20 flex flex-col items-center"> <section className="flex flex-col items-center mt-32 mx-8 max-w-[40rem]">
<h1 className="text-5xl font-bold mb-2 text-center">Open source</h1>
<p className="mb-8 text-lg text-center">Blockmatic is free and open source. Host it yourself, modify it, or contribute to its development.</p>
<Button className="w-min h-11" variant="outline" asChild>
<a href="https://github.com/trafficlunar/blockmatic" className="!text-base">
<LinkIcon className="!h-5 !w-5" />
Source code
</a>
</Button>
</section>
<Separator className="max-w-[40rem] mt-20 mb-8" />
<Button className="w-min h-11" asChild>
<Link to={{ pathname: "/app" }} className="!text-base">
Go to Editor
<ChevronRightIcon className="!h-6 !w-6" />
</Link>
</Button>
<footer className="w-full h-16 mt-8 flex flex-col items-center">
<Separator className="max-w-[40rem]" /> <Separator className="max-w-[40rem]" />
<div className="mt-8 flex justify-center items-center gap-16 text-zinc-500"> <div className="mt-8 flex justify-center items-center gap-16 text-zinc-500">