diff --git a/app/[locale]/about/sponsors/page.tsx b/app/[locale]/about/sponsors/page.tsx new file mode 100644 index 00000000..1130303b --- /dev/null +++ b/app/[locale]/about/sponsors/page.tsx @@ -0,0 +1,102 @@ +import React from "react"; +import partnerSponsorData from "@/data/partnersSponsors"; +import { useTranslations } from "next-intl"; +import type { Metadata } from "next"; +import Link from "next/link"; +import Image from "next/image"; +import { Badge } from "@/components/ui/badge"; +import { Button } from "@/components/ui/button"; + +export const metadata: Metadata = { + title: "Sponsors - Rocky Linux", + description: + "Our sponsors provide us with financial backing. We wouldn't be here without their help!", +}; + +const SponsorsPage = () => { + const { sponsors } = partnerSponsorData[0]; + + const sortedTierOneSponsors = sponsors.flatMap((sponsor) => sponsor.tierOne); + const sortedTierFourSponsors = sponsors.flatMap( + (sponsor) => sponsor.tierFour + ); + + const t = useTranslations("sponsors"); + + return ( + <> +
+
+
+

+ {t("title")} +

+

{t("description")}

+ + + +
+
+ {sortedTierOneSponsors.map((sponsor) => ( + +
+
+ {sponsor.logo ? ( + React.cloneElement(sponsor.logo, { + className: "h-32 p-10 object-fit pointer-events-none", + }) + ) : ( + {sponsor.name} + )} +
+
+ +

{sponsor.name}

+
+ {sponsor.founding && Founding Sponsor} +
+
+

+ {sponsor.description} +

+
+
+ + ))} + {sortedTierFourSponsors.map((sponsor) => ( + +
+
+ +

+ {sponsor.name} +

+
+
+
+ + ))} +
+
+
+ + ); +}; + +export default SponsorsPage;