Merge pull request #30 from hasparus/new-landing--trusted-by

new landing — trusted by

Author: hasparus

src/app/(development)/workroom/page.tsx

@@ -33,7 +33,7 @@ export default function WorkroomPage() {
   }
 
   return (
-    <main className="gql-conf-section gql-conf-container [&>p]:pt-8 [&>p]:font-mono [&>p]:text-sm [&>p]:text-neu-600">
+    <main className="gql-section gql-container [&>p]:pt-8 [&>p]:font-mono [&>p]:text-sm [&>p]:text-neu-600">
       <p>SpeakerOpengraphImage</p>
       <SpeakerOpengraphImage
         speaker={enisdenjo}

src/app/conf/2025/code-of-conduct/page.tsx

@@ -65,7 +65,7 @@ export default function ResourcesPage() {
         </Button>
       </Hero>
       <main className="gql-all-anchors-focusable gql-conf-navbar-strip text-neu-900 before:bg-white/40 before:dark:bg-blk/30">
-        <div className="gql-conf-container gql-conf-section xl:mb-16 xl:mt-8">
+        <div className="gql-container gql-section xl:mb-16 xl:mt-8">
           <ServerComponentMarkdown
             markdown={markdown}
             extractToc

src/app/conf/2025/components/become-a-sponsor/index.tsx

@@ -9,7 +9,7 @@ export function BecomeASponsor() {
   return (
     <section id="sponsors" className="relative overflow-hidden">
       <Stripes />
-      <div className="gql-conf-container gql-conf-section xl:py-16">
+      <div className="gql-container gql-section xl:py-16">
         <header className="flex flex-col gap-x-48 gap-y-4 md:flex-row md:items-end md:justify-between">
           <div>
             <h2 className="typography-h2">Become a Sponsor</h2>

src/app/conf/2025/components/call-for-proposals.tsx

@@ -329,7 +329,7 @@ export function CallForProposals() {
     <section
       id="speakers"
       // todo: the part with `dark:` here is temporary until we have a dark mode version of this section
-      className="gql-conf-section gql-conf-container dark:text-neu-0"
+      className="gql-section gql-container dark:text-neu-0"
     >
       <div className="flex *:basis-1/2 max-lg:flex-col">
         <div className="border-sec-dark bg-sec-light p-4 lg:border-r lg:p-8 xl:p-16">

src/app/conf/2025/components/cta-card-section/index.tsx

@@ -17,7 +17,7 @@ export function CtaCardSection({
   ...rest
 }: CtaCardSectionProps) {
   return (
-    <div className="gql-conf-section">
+    <div className="gql-section">
       <section
         className="relative overflow-hidden bg-gradient-to-r from-pri-dark to-pri-base p-6 dark:from-pri-darker dark:to-pri-dark sm:p-16"
         {...rest}

src/app/conf/2025/components/get-your-ticket/index.tsx

@@ -15,7 +15,7 @@ export function GetYourTicket({ className }: { className?: string }) {
       )}
     >
       <Stripes />
-      <div className="gql-conf-container gql-conf-section relative">
+      <div className="gql-container gql-section relative">
         <header className="flex flex-wrap justify-between gap-6 md:items-end">
           <h2 className="typography-h2 whitespace-pre text-white">
             Get your ticket

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

@@ -4,7 +4,7 @@ import FoundationWordmark from "../assets/graphql-foundation-wordmark.svg?svgr"
 
 export function GraphQLFoundationCard({ className }: { className?: string }) {
   return (
-    <section className={clsx("gql-conf-section", className)}>
+    <section className={clsx("gql-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="flex items-center justify-center px-8 py-10 lg:px-16 lg:py-24">
           <FoundationWordmark className="h-[68px] text-rhodamine dark:text-current lg:h-[100px] [&_g]:fill-current" />

src/app/conf/2025/components/hero/index.tsx

@@ -38,7 +38,7 @@ export function Hero(props: HeroProps) {
     >
       <article className="relative">
         {props.stripes || <HeroStripes />}
-        <div className="gql-conf-container mx-auto flex max-w-full flex-col gap-12 overflow-hidden p-4 pt-6 sm:p-8 sm:pt-12 md:gap-12 md:bg-left md:p-12 lg:px-24 lg:pb-16 lg:pt-24">
+        <div className="gql-container mx-auto flex max-w-full flex-col gap-12 overflow-hidden p-4 pt-6 sm:p-8 sm:pt-12 md:gap-12 md:bg-left md:p-12 lg:px-24 lg:pb-16 lg:pt-24">
           <div className="flex gap-10 max-md:flex-col md:justify-between">
             {props.pageName ? (
               <div>

src/app/conf/2025/components/register-section/index.tsx

@@ -9,7 +9,7 @@ export function RegisterSection({ className, ...props }: RegisterSectionProps) {
   return (
     <section
       className={clsx(
-        "gql-conf-section flex gap-x-12 gap-y-10 py-8 max-md:flex-col sm:py-12 md:py-24 xl:gap-x-24",
+        "gql-section flex gap-x-12 gap-y-10 py-8 max-md:flex-col sm:py-12 md:py-24 xl:gap-x-24",
         className,
       )}
       {...props}

src/app/conf/2025/components/register-today/index.tsx

@@ -14,7 +14,7 @@ export function RegisterToday({ className }: RegisterTodayProps) {
   return (
     <section
       className={clsx(
-        "gql-conf-section flex gap-10 max-lg:flex-col-reverse",
+        "gql-section flex gap-10 max-lg:flex-col-reverse",
         className,
       )}
     >