Add GraphQLFoundationCard

Author: hasparus

src/app/colors.css

@@ -1,8 +1,8 @@
 :root,
 .light {
   --color-pri-lighter: 319 100% 90%;
-  --color-pri-light: 319 100% 90%;
-  --color-pri-base: 319 100% 44%;
+  --color-pri-light: 318 100% 80%;
+  --color-pri-base: 319 100% 44.1%;
   --color-pri-dark: 319 100% 30%;
   --color-pri-darker: 319 100% 20%;
 

src/app/conf/2025/components/graphql-foundation-card.tsx

@@ -0,0 +1,20 @@
+import { clsx } from "clsx"
+
+import FoundationWordmark from "../assets/graphql-foundation-wordmark.svg?svgr"
+
+export function GraphQLFoundationCard({ className }: { className?: string }) {
+  return (
+    <section className={clsx("gql-conf-section", className)}>
+      <div className="flex divide-neu-300 border border-neu-300 bg-neu-100 dark:divide-neu-100 dark:border-neu-100 dark:bg-neu-50 max-md:flex-col max-md:divide-y md:divide-x">
+        <div className="items-center px-8 py-10 md:px-16 md:py-24">
+          <FoundationWordmark className="mx-auto h-[68px] text-pri-base dark:text-pri-light md:h-[100px] [&_g]:fill-current" />
+        </div>
+        <p className="text-pretty px-8 py-10 typography-body-lg max-md:text-center md:px-16 md:py-24">
+          GraphQLConf is presented by the GraphQL Foundation, uniting the global
+          GraphQL community to promote education, adoption, and advancement of
+          GraphQL.
+        </p>
+      </div>
+    </section>
+  )
+}

src/app/conf/2025/page.tsx

@@ -10,7 +10,7 @@ import TopMindsSection from "./components/top-minds"
 import { GetYourTicket } from "./components/get-your-ticket"
 import { RegisterSection } from "./components/register-section"
 import { Sponsors } from "./components/sponsors"
-
+import { GraphQLFoundationCard } from "./components/graphql-foundation-card"
 export const metadata: Metadata = {
   title: "GraphQLConf 2025 — Sept 08-10",
 }
@@ -33,6 +33,7 @@ export default function Page() {
         <CallForProposals />
         <Sponsor />
         <Venue />
+        <GraphQLFoundationCard />
         <FAQ />
       </div>
     </main>