mirror of
https://github.com/privacy-scaling-explorations/pse.dev.git
synced 2026-01-09 22:28:03 -05:00
820b50f30d
* feat: add new Ecosystem section Add new Ecosystem page with ecosystem cards and list components. Includes INCO report and sorting functionality. * fix: updated private transfers link
48 lines
1.6 KiB
TypeScript
48 lines
1.6 KiB
TypeScript
import { LABELS } from "@/app/labels"
|
|
import { AppLink } from "@/components/app-link"
|
|
import { Icons } from "@/components/icons"
|
|
import { AppContent } from "@/components/ui/app-content"
|
|
import { Button } from "@/components/ui/button"
|
|
import { Metadata } from "next"
|
|
import { EcosystemList } from "@/components/ecosystem/ecosystem-list"
|
|
|
|
export const metadata: Metadata = {
|
|
title: "Ecosystem",
|
|
description:
|
|
"Explore our ecosystem exploration artifacts, from reports to maps.",
|
|
}
|
|
|
|
const EcosystemPage = async () => {
|
|
return (
|
|
<div className="flex flex-col gap-10 pb-[128px] ">
|
|
<AppContent className="flex flex-col gap-4 py-10 w-full">
|
|
<div className="flex flex-col gap-10">
|
|
<h1 className="dark:text-tuatara-100 text-tuatara-950 text-xl lg:text-3xl font-normal font-sans text-center">
|
|
{LABELS.ECOSYSTEM_PAGE.TITLE}
|
|
</h1>
|
|
<div className="lg:!w-4/5 w-full flex lg:flex-row flex-col items-center gap-3 lg:gap-10 mx-auto justify-center">
|
|
<span className="text-base lg:text-xl dark:text-tuatara-200 text-tuatara-950 font-sans text-center">
|
|
{LABELS.ECOSYSTEM_PAGE.SUBTITLE}
|
|
</span>
|
|
<AppLink variant="button" href="/about">
|
|
<Button
|
|
icon={Icons.arrowRight}
|
|
iconPosition="right"
|
|
className="uppercase"
|
|
>
|
|
{LABELS.COMMON.LEARN_MORE}
|
|
</Button>
|
|
</AppLink>
|
|
</div>
|
|
</div>
|
|
</AppContent>
|
|
|
|
<AppContent className="flex flex-col gap-10">
|
|
<EcosystemList />
|
|
</AppContent>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default EcosystemPage
|