review fixes

Author: dimaMachina

website/src/app/conf/2023/layout.tsx

@@ -28,8 +28,23 @@ export default function ConfLayout({
 }: {
   children: ReactNode
 }): ReactElement {
+  // Change to similar color to separate it from the 2024 info
+  const primary = "#d946ef"
+  const hover = "#c026d3"
   return (
     <>
+      <style>{`
+        .text-primary,
+        .hover\\:text-primary:hover {
+          color: ${primary};
+        }
+        .bg-primary {
+          background: ${primary};
+        }
+        .hover\\:bg-primary\\/40:hover {
+          background: ${hover};
+        }
+      `}</style>
       <Header
         logo={
           <NextLink
@@ -74,7 +89,10 @@ export default function ConfLayout({
           [
             { children: "GraphQL", href: "/" },
             { children: "GraphQL Foundation", href: "/foundation" },
-            { children: "Code of Conduct", href: "/conf/2023/faq/#codeofconduct" },
+            {
+              children: "Code of Conduct",
+              href: "/conf/2023/faq/#codeofconduct",
+            },
             { children: "Diversity & Inclusion", href: "/conf/2023/faq/#dni" },
           ],
         ]}

website/src/app/conf/2024/page.tsx

@@ -49,7 +49,7 @@ export default function Page() {
               href="/conf/2024/speak"
               className="whitespace-nowrap with-arrow w-40 hover:text-primary transition-colors"
             >
-              Join as a Speaker
+              Submit to Speak
             </a>
             <a
               href="/conf/2024/sponsor"

website/src/app/conf/2024/pricing.tsx

@@ -35,8 +35,8 @@ const includes: string[] = [
   "Full-day GraphQL workshop",
   "Lunch and all-day beverages",
   "Entry to Sponsor Showcase",
-  "GraphQLConf event T-shirt",
-  "Access to watch all sessions",
+  "GraphQLConf event t-shirt",
+  "Access to watch all sessions post-event",
 ]
 
 const classes = {
@@ -71,12 +71,12 @@ export function Pricing() {
         </Button>
       </div>
       <div className={classes.container}>
-        <h3 className={classes.heading}>What's included?</h3>
+        <h3 className={classes.heading}>What's Included?</h3>
         <div className="grid md:grid-cols-2 xl:grid-cols-3 gap-10 text-2xl">
           {includes.map((item, i) => (
             <div key={i} className="flex items-center gap-4">
               <CheckIcon className="text-primary h-7" />
-              <p className="">{item}</p>
+              <p>{item}</p>
             </div>
           ))}
         </div>