conf page minor nits

src/app/conf/2025/page.tsx

@@ -163,16 +163,16 @@ function FAQSection() {
     <div id="faq" className={clsx("text-white py-16 px-4 md:px-8", styles.faq)}>
       <div className="max-w-7xl mx-auto grid md:grid-cols-2 gap-12">
         <div>
-          <h2 className="text-4xl md:text-5xl font-bold mb-4">
+          <h2 className="select-none text-4xl md:text-5xl font-bold mb-4">
             Frequently
             <br />
             Asked Questions
           </h2>
-          <p className="text-sm">
+          <p className="text-sm select-none">
             PLEASE CONTACT{" "}
             <a
               href="mailto:graphqlconf@graphql.org"
-              className="text-primary hover:underline uppercase"
+              className="text-primary hover:underline uppercase select-text"
             >
               graphqlconf@graphql.org
             </a>
@@ -187,7 +187,7 @@ function FAQSection() {
             >
               <summary className="py-6 flex items-center justify-start gap-2 text-left cursor-pointer list-none focus:outline-none">
                 <ArrowRight className="shrink-0 size-5 transition-transform duration-200 group-hover:translate-x-1 group-open:rotate-90" />
-                <span className="text-lg">{faq.question}</span>
+                <span className="text-lg select-none">{faq.question}</span>
               </summary>
               <p
                 className="pb-6 ml-7 -mt-4 text-gray-300 whitespace-pre-wrap [&>a]:underline"
@@ -292,7 +292,7 @@ export default function Page() {
             href="https://cvent.me/PBNYEe?utm_source=graphql_conf_2025&utm_medium=website&utm_campaign=register_section"
             target="_blank"
             rel="noreferrer"
-            className="relative z-0 px-28 py-4 text-white text-3xl font-semibold bg-primary hover:bg-primary flex items-center justify-center gap-2"
+            className="px-20 md:px-28 py-4 text-center text-white text-3xl font-semibold bg-primary/85 hover:bg-primary/100 transition-colors"
           >
             Get Tickets
           </a>

src/app/conf/2025/sponsors.tsx

@@ -50,7 +50,7 @@ function List({
   linkClassName?: string
 }) {
   return (
-    <div className={clsx("flex gap-6 flex-col md:flex-row", className)}>
+    <div className={clsx("flex gap-6 flex-col lg:flex-row", className)}>
       {items.map(({ link, icon, name }, i) => (
         <a
           key={i}
@@ -197,7 +197,7 @@ export function Sponsors() {
             href="https://events.linuxfoundation.org/wp-content/uploads/2024/12/sponsor_GraphQLConf_2025.pdf?utm_source=graphql_conf_2025&utm_medium=website&utm_campaign=sponsor_section"
             target="_blank"
             rel="noreferrer"
-            className="relative z-0 px-28 py-4 text-white text-3xl font-semibold bg-[#E10098] hover:bg-[#ef00a3] flex items-center justify-center gap-2"
+            className="px-20 md:px-28 py-4 text-center text-white text-3xl font-semibold bg-primary/85 hover:bg-primary/100 transition-colors"
           >
             Download Prospectus
           </a>

src/app/conf/_components/badge.tsx

@@ -3,7 +3,7 @@ import { clsx } from "clsx"
 
 const badgeVariants = {
   default:
-    "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
+    "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/85",
 }
 
 export function Badge({

src/app/conf/_components/grid-button.tsx

@@ -42,15 +42,13 @@ const GridButton: React.FC<GridButtonProps> = ({
           href={disabled ? undefined : href}
           target="_blank"
           rel="noreferrer"
-          className="relative z-0 col-span-8 row-span-2 text-white text-3xl font-semibold bg-[#E10098] hover:bg-[#ef00a3] flex items-center justify-center gap-2"
+          className="px-20 flex items-center justify-center md:px-28 py-4 text-center text-white text-3xl font-semibold bg-primary/85 hover:bg-primary/100 transition-colors"
           style={{
             gridColumn: "6 / span 8",
             gridRow: "3 / span 2",
           }}
         >
-          <button className="text-white text-3xl font-semibold flex items-center justify-center gap-2">
-            {title}
-          </button>
+          {title}
         </a>
       </div>
     </div>