diff --git a/src/components/Conf/About/index.tsx b/src/components/Conf/About/index.tsx
index 840aa3d5e8..b182cd91f4 100644
--- a/src/components/Conf/About/index.tsx
+++ b/src/components/Conf/About/index.tsx
@@ -60,7 +60,7 @@ const AboutSection = () => {
   return (
     <div className="bg-white py-10">
       <div className="container">
-        <h1 className="text-center text-4xl text-[#0E031C] font-bold mt-10">
+        <h1 className="text-center text-4xl text-[#171E26] font-bold mt-10">
           About
         </h1>
         <h3 className="text-center text-sm mt-4 mb-10">
@@ -99,7 +99,7 @@ const AboutSection = () => {
               {list.map((item, index) => (
                 <li key={index} className="flex gap-2 items-center">
                   <CheckCircledIcon
-                    className="text-[#B48EF1]"
+                    className="text-[--rhodamine]"
                     height={20}
                     width={20}
                   />
@@ -115,7 +115,7 @@ const AboutSection = () => {
             </p>
           </div>
         </div>
-        <h1 className="text-center text-4xl text-[#0E031C] font-bold mt-8 mb-8">
+        <h1 className="text-center text-4xl text-[#171E26] font-bold my-8">
           Why Attend?
         </h1>
         <div className="w-full md:w-1/2 mx-auto">
@@ -125,9 +125,9 @@ const AboutSection = () => {
           </p>
           <ul role="list" className="mt-8 space-y-4">
             {whyAttend.map((item, index) => (
-              <li key={index} className="flex gap-2 ">
+              <li key={index} className="flex gap-2">
                 <CheckCircledIcon
-                  className="text-[#B48EF1]"
+                  className="text-[--rhodamine]"
                   height={30}
                   width={40}
                 />
diff --git a/src/components/Conf/Button/index.tsx b/src/components/Conf/Button/index.tsx
index 9df88a8ca9..e235a9cfc3 100644
--- a/src/components/Conf/Button/index.tsx
+++ b/src/components/Conf/Button/index.tsx
@@ -1,24 +1,27 @@
-import React from "react"
+import React, { ReactElement, ReactNode } from "react"
+import { clsx } from "clsx"
 
-interface Props {
-  text: React.ReactNode
+interface ButtonProps {
+  children: ReactNode
   className?: string
   href?: string
-  target?: string
-  onWhiteBg?: boolean
 }
 
-const ButtonConf = ({ text, href, target, className, onWhiteBg }: Props) => {
+function ButtonConf({ href, className, children }: ButtonProps): ReactElement {
   return (
     <a
-      className={
-        `block cursor-pointer transition ease-in-out no-underline inline-flex text-center w-[fit-content] border-0 py-2 px-6 no-underline hover:no-underline focus:outline-none hover:drop-shadow-md hover:[transform:scale(1.05)] rounded text-sm sm:text-base font-medium whitespace-nowrap ${onWhiteBg ? "bg-[#B48EF1] text-white" : "bg-white text-black"
-        } ${className ?? ""}`
-      }
+      className={clsx(
+        "cursor-pointer transition ease-in-out no-underline inline-flex text-center w-[fit-content] border-0 py-2 px-6 no-underline hover:no-underline focus:outline-none hover:drop-shadow-md hover:[transform:scale(1.05)] rounded text-sm sm:text-base whitespace-nowrap",
+        "bg-[--rhodamine] text-white font-medium",
+        className
+      )}
       href={href}
-      target={target}
+      {...(href?.startsWith("https://") && {
+        target: "_blank",
+        rel: "noreferrer",
+      })}
     >
-      {text}
+      {children}
     </a>
   )
 }
diff --git a/src/components/Conf/Footer/index.tsx b/src/components/Conf/Footer/index.tsx
index d163b6b5fc..5d4661910b 100644
--- a/src/components/Conf/Footer/index.tsx
+++ b/src/components/Conf/Footer/index.tsx
@@ -24,7 +24,7 @@ const links = [
 
 const FooterConf = () => {
   return (
-    <footer className="text-gray-600 bg-[#0E031C]">
+    <footer className="text-gray-600 bg-[#171E26]">
       <div className="container px-5 md:py-24 mx-auto flex md:items-start md:flex-row md:flex-nowrap flex-wrap flex-col">
         <div className="w-64 shrink-0 md:mx-0 text-left">
           <a
diff --git a/src/components/Conf/Header/index.tsx b/src/components/Conf/Header/index.tsx
index b1b1c2da24..9b12b192f5 100644
--- a/src/components/Conf/Header/index.tsx
+++ b/src/components/Conf/Header/index.tsx
@@ -16,7 +16,7 @@ const links: LinkItem[] = [
 
 const HeaderConf = () => {
   return (
-    <header className="bg-[#0E031C] gap-2 shadow-lg px-5 h-[70px]">
+    <header className="bg-[#171E26] gap-2 shadow-lg px-5 h-[70px]">
       <div className="container flex items-center h-full gap-5 max-sm:justify-center">
         <a href="/conf/" className="shrink-0 max-sm:hidden">
           <img
@@ -34,11 +34,11 @@ const HeaderConf = () => {
           </a>
         ))}
         <ButtonConf
-          text="Buy a Ticket!"
           href="https://cvent.me/4zbxz9"
-          target="_blank"
           className="ml-auto max-sm:hidden"
-        />
+        >
+          Buy a Ticket!
+        </ButtonConf>
       </div>
     </header>
   )
diff --git a/src/components/Conf/Pricing/index.tsx b/src/components/Conf/Pricing/index.tsx
index 381c4c1b18..abdd6d5eaf 100644
--- a/src/components/Conf/Pricing/index.tsx
+++ b/src/components/Conf/Pricing/index.tsx
@@ -50,18 +50,18 @@ const includes = [
 const PricingConf = () => {
   return (
     <div id="attend">
-      <div className="bg-[#0E031C] container mt-10 mb-6">
+      <div className="bg-[#171E26] container mt-10 mb-6">
         <div className="flex flex-col text-center w-full">
           <h1 className="text-4xl text-white font-bold">Attend</h1>
         </div>
-        <div className="mx-auto">
-          <div className="flex max-md:flex-wrap gap-8 mt-8">
+        <div className="mx-auto max-w-[80ch]">
+          <div className="w-full grid grid-rows-1 md:grid-cols-3 gap-8 mt-8">
             {pricing.map((pricing, i) => (
               <a
                 key={i}
                 href="https://cvent.me/4zbxz9"
                 target="_blank"
-                className="block mx-auto w-64 p-6 overflow-hidden bg-[#251C39] shadow-xl rounded-2xl focus:outline-none hover:drop-shadow-lg hover:scale-[102%] hover:no-underline focus:no-underline transition ease-in-out"
+                className="block mx-auto w-64 p-6 overflow-hidden bg-[#2E343C] shadow-xl rounded-2xl focus:outline-none hover:drop-shadow-lg hover:scale-[102%] hover:no-underline focus:no-underline transition ease-in-out"
               >
                 <div>
                   <div className="text-center text-3xl text-white font-bold mb-2">
@@ -70,7 +70,7 @@ const PricingConf = () => {
                   <div className="text-white text-center text-sm">
                     {pricing.date}
                   </div>
-                  <div className="text-[#B48EF1] mt-4 p-4 rounded-full text-center text-4xl font-extrabold">
+                  <div className="text-[--rhodamine] mt-4 p-4 rounded-full text-center text-4xl font-extrabold">
                     {pricing.price}
                   </div>
                 </div>
@@ -78,11 +78,9 @@ const PricingConf = () => {
             ))}
           </div>
           <div className="my-8 flex justify-center">
-            <ButtonConf
-              text="Buy a Ticket!"
-              href="https://cvent.me/4zbxz9"
-              target="_blank"
-            />
+            <ButtonConf href="https://cvent.me/4zbxz9">
+              Buy a Ticket!
+            </ButtonConf>
           </div>
           <div className="w-full">
             <div className="mx-auto flex flex-col items-center text-center">
@@ -93,10 +91,10 @@ const PricingConf = () => {
                 {includes.map((include, i) => (
                   <div
                     key={i}
-                    className="flex mx-4 my-2 text-white items-center gap-4"
+                    className="flex mx-4 text-white items-center gap-4"
                   >
                     <CheckCircledIcon
-                      className="text-[#B48EF1]"
+                      className="text-[--rhodamine]"
                       height={20}
                       width={20}
                     />
@@ -111,15 +109,15 @@ const PricingConf = () => {
               </h3>
               <p className="text-white">
                 Apply for a{" "}
-                <a className="text-[#B48EF1]" href="/conf/faq/#visas">
+                <a href="/conf/faq/#visas">
                   Visa
                 </a>{" "}
                 or{" "}
-                <a className="text-[#B48EF1]" href="/conf/faq/#scholarships">
+                <a  href="/conf/faq/#scholarships">
                   Scholarship
                 </a>{" "}
                 or find more help in our{" "}
-                <a className="text-[#B48EF1]" href="/conf/faq/">
+                <a  href="/conf/faq/">
                   FAQ
                 </a>
                 .
diff --git a/src/components/Conf/SF/index.tsx b/src/components/Conf/SF/index.tsx
index 6ebf7c6a68..76200e97dd 100644
--- a/src/components/Conf/SF/index.tsx
+++ b/src/components/Conf/SF/index.tsx
@@ -40,20 +40,14 @@ const images: Image[] = [
 ]
 const SFConf = () => {
   return (
-    <div className="pb-10 pt-8">
-      <h1 className="text-4xl text-white text-center mb-5 text-[#0E031C] font-bold pb-6">
+    <div className="pb-10">
+      <h1 className="text-4xl text-white text-center mb-5 font-bold pb-6">
         About San Francisco Bay Area
       </h1>
-      <div className="flex flex-wrap w-full justify-center">
-        {images.map((image, i) => (
-          <div key={i} className="w-full lg:w-1/5 mx-5 mb-5">
-            <div className="max-w-sm">
-              <AspectRatio
-                title={image.name}
-                src={image.src}
-                href={image.link}
-              />
-            </div>
+      <div className="container flex max-xl:flex-wrap justify-center gap-10">
+        {images.map(image => (
+          <div key={image.name} className="max-w-sm w-full">
+            <AspectRatio title={image.name} src={image.src} href={image.link} />
           </div>
         ))}
       </div>
diff --git a/src/components/Conf/Schedule/index.tsx b/src/components/Conf/Schedule/index.tsx
index 543986a47b..443d696849 100644
--- a/src/components/Conf/Schedule/index.tsx
+++ b/src/components/Conf/Schedule/index.tsx
@@ -21,7 +21,7 @@ const Days: Day[] = [
 const ScheduleGlanceConf = () => {
   return (
     <div id="schedule">
-      <div className="bg-[#0E031C] w-full mt-10 mb-6">
+      <div className="bg-[#171E26] w-full mt-10 mb-6">
         <div className="text-center mx-auto text-white">
           <h1 className="text-4xl text-white font-bold mb-8">Schedule</h1>
         </div>
@@ -29,12 +29,12 @@ const ScheduleGlanceConf = () => {
           <div className="mx-auto w-full grid grid-rows-1 md:grid-cols-3 justify-center gap-8 mb-5">
             {Days.map((day, i) => (
               <div key={i}>
-                <div className="h-full mx-auto w-64 px-4 overflow-hidden bg-[#251C39] shadow-lg rounded-2xl">
+                <div className="h-full mx-auto w-64 px-4 overflow-hidden bg-[#2E343C] shadow-lg rounded-2xl">
                   <div className="p-4">
                     <p className="text-2xl text-center text-white font-bold mb-2">
                       {day.date}
                     </p>
-                    <ul className="list-disc pl-0 marker:text-[#B48EF1]">
+                    <ul className="list-disc pl-0 marker:text-[--rhodamine]">
                       {day.list.map((item, i) => (
                         <li key={i} className="text-white mb-2">
                           {item}
diff --git a/src/components/Conf/Seo/index.tsx b/src/components/Conf/Seo/index.tsx
index de72ca53fb..6d8fc2c84e 100644
--- a/src/components/Conf/Seo/index.tsx
+++ b/src/components/Conf/Seo/index.tsx
@@ -33,7 +33,7 @@ export default function SeoConf(props: {
       <meta name="twitter:title" content={twitterTitle} />
       <meta name="twitter:description" content={description} />
       <meta name="twitter:image" content={image} />
-      <body className="bg-[#0E031C]" />
+      <body className="bg-[#171E26]" />
     </>
   )
 }
diff --git a/src/components/Conf/Speakers/index.tsx b/src/components/Conf/Speakers/index.tsx
index 9af003b97b..ba44f6284e 100644
--- a/src/components/Conf/Speakers/index.tsx
+++ b/src/components/Conf/Speakers/index.tsx
@@ -48,7 +48,7 @@ const speakers: Speaker[] = [
 const SpeakersConf = () => {
   return (
     <div id="speakers" className="-mt-16 pt-16">
-      <div className="bg-[#0E031C] w-full mt-8">
+      <div className="bg-[#171E26] w-full mt-8">
         <div className="text-center mx-auto text-white">
           <h1 className="text-4xl text-white font-bold my-4">Speakers</h1>
         </div>
@@ -89,9 +89,10 @@ const SpeakersConf = () => {
           <div className="my-8">
             <ButtonConf
               className="mx-auto"
-              text="Submit to Speak"
               href="/conf/speak/"
-            />
+            >
+              Submit to Speak
+            </ButtonConf>
           </div>
         </div>
       </div>
diff --git a/src/components/Conf/Venue/index.tsx b/src/components/Conf/Venue/index.tsx
index 08faa487d3..7e063e3c3a 100644
--- a/src/components/Conf/Venue/index.tsx
+++ b/src/components/Conf/Venue/index.tsx
@@ -36,7 +36,7 @@ const VenueConf = () => {
             <p>
               <a
                 target="_blank"
-                className="font-bold text-[#B48EF1]"
+                className="font-bold"
                 href="https://www.hyatt.com/en-US/group-booking/SFOBU/G-LIFO"
               >
                 Hyatt Regency SFO
@@ -47,6 +47,52 @@ const VenueConf = () => {
                 1333 Old Bayshore Hwy Burlingame, CA 94010
               </a>
             </p>
+            <div className="text-white text-base">
+              <b>Dates with Availability</b>: September 18, 19, 20, 21, 2023
+              <br />
+              <b>Room Rates Start From</b>: $179.00
+              <br />
+              <b>Room Block Closes</b>: September 4, 2023
+              <br />
+              <i>
+                (Please note, the rate is valid until the cut-off date or the
+                room block is full)
+              </i>
+              <br />
+              Please note, rooms will most likely sell out in advance of the <a href="https://www.hyatt.com/en-US/group-booking/SFOBU/G-LIFO" target="_blank">room block</a> close dates. We encourage you to book
+              early to secure a room at the conference rate.
+            </div>
+            <h3 className="sm:text-2xl text-xl font-medium text-white mt-6 mb-4">Alternate lodging options</h3>
+            <a
+              href="https://www.ihg.com/holidayinnexpress/hotels/us/en/burlingame/urlbh/hoteldetail"
+              target="_blank"
+              rel="noreferrer"
+            >
+              Holiday Inn Express San Francisco Airport South, and IHG Hotel
+            </a>
+          </div>
+
+          <div>
+            <h3 className="sm:text-2xl text-xl font-medium text-white mt-6 mb-4">
+              Additional Information
+            </h3>
+            <p className="leading-relaxed mb-3 text-white text-base">
+              <span className="font-bold">Important:</span> The Linux Foundation
+              will never reach out to attendees by phone to make hotel
+              reservations for our conferences. Please be advised that the most
+              secure way to book in our discounted room block is by using the
+              direct booking link provided below or by calling the hotel
+              directly. If you receive a phone call or email from someone
+              claiming to be with The Linux Foundation or the hotel and they
+              attempt to sell you a hotel room, please email us at{" "}
+              <a
+                className="font-bold"
+                href="mailto:housing@linuxfoundation.org"
+              >
+                housing@linuxfoundation.org
+              </a>
+              .
+            </p>
             <h3 className="sm:text-2xl text-xl font-medium text-white mt-6 mb-4">
               Welcome to all
             </h3>
@@ -75,32 +121,6 @@ const VenueConf = () => {
               policy.
             </p>
           </div>
-          <div>
-            <h3 className="sm:text-2xl text-xl font-medium text-white mt-6 mb-4">
-              Hotel Information
-            </h3>
-            <p className="leading-relaxed mb-3 text-white text-base">
-              Please note, rooms will most likely sell out in advance of the <a href="https://www.hyatt.com/en-US/group-booking/SFOBU/G-LIFO" target="_blank">room block</a> close dates. We encourage you to book
-              early to secure a room at the conference rate
-              <br />
-              <br />
-              <span className="font-bold">Important:</span> The Linux Foundation
-              will never reach out to attendees by phone to make hotel
-              reservations for our conferences. Please be advised that the most
-              secure way to book in our discounted room block is by using the
-              direct booking link provided below or by calling the hotel
-              directly. If you receive a phone call or email from someone
-              claiming to be with The Linux Foundation or the hotel and they
-              attempt to sell you a hotel room, please email us at{" "}
-              <a
-                className="font-bold text-[#B48EF1]"
-                href="mailto:housing@linuxfoundation.org"
-              >
-                housing@linuxfoundation.org
-              </a>
-              .
-            </p>
-          </div>
         </div>
       </div>
       <div className="container flex max-lg:flex-col w-full gap-14 pt-16">
@@ -140,7 +160,7 @@ const VenueConf = () => {
             icon: AroundIcon,
             content: (
               <div>
-                <a href="https://flysfo.com">
+                <a href="https://flysfo.com" target="_blank" rel="noreferrer">
                   San Francisco International Airport (SFO)
                 </a>
                 <p>
@@ -148,7 +168,11 @@ const VenueConf = () => {
                   <br />
                   Distance from venue: 3.1 miles.
                 </p>
-                <a href="https://www.google.com/maps/dir/San+Francisco+International+Airport+(SFO),+San+Francisco,+CA/Hyatt+Regency+San+Francisco+Airport,+1333+Old+Bayshore+Hwy,+Burlingame,+CA+94010/@37.6056719,-122.3979086,14z/am=t/data=!4m14!4m13!1m5!1m1!1s0x808f778c55555555:0xa4f25c571acded3f!2m2!1d-122.3789554!2d37.6213129!1m5!1m1!1s0x808f762dd36adc25:0x66d848e8e05f3445!2m2!1d-122.3651261!2d37.5938725!3e0?shorturl=1">
+                <a
+                  href="https://www.google.com/maps/dir/San+Francisco+International+Airport+(SFO),+San+Francisco,+CA/Hyatt+Regency+San+Francisco+Airport,+1333+Old+Bayshore+Hwy,+Burlingame,+CA+94010/@37.6056719,-122.3979086,14z/am=t/data=!4m14!4m13!1m5!1m1!1s0x808f778c55555555:0xa4f25c571acded3f!2m2!1d-122.3789554!2d37.6213129!1m5!1m1!1s0x808f762dd36adc25:0x66d848e8e05f3445!2m2!1d-122.3651261!2d37.5938725!3e0?shorturl=1"
+                  target="_blank"
+                  rel="noreferrer"
+                >
                   Driving Directions from SFO to Venue
                 </a>
               </div>
@@ -159,7 +183,13 @@ const VenueConf = () => {
             icon: ParkingIcon,
             content: (
               <div>
-                <a>The Hyatt Regency SFO offers self-parking.</a>
+                <a
+                  href="https://www.hyatt.com/en-US/hotel/california/hyatt-regency-san-francisco-airport/sfobu"
+                  target="_blank"
+                  rel="noreferrer"
+                >
+                  The Hyatt Regency SFO offers self-parking.
+                </a>
                 <p className="font-bold">Self-Parking:</p>
                 <p>
                   0-1 hour: $12
@@ -173,8 +203,8 @@ const VenueConf = () => {
           },
         ].map(o => (
           <div key={o.title} className="flex-1">
-            <div className="h-full rounded-lg overflow-hidden relative [&_a]:text-violet-400 [&_a]:font-medium [&_p]:text-white [&_p]:text-lg [&_p]:mb-6 [&>div>a]:block [&>div>a]:mt-6 [&>div>a]:mb-3">
-              <o.icon className="fill-violet-400 h-16 w-auto" />
+            <div className="h-full rounded-lg overflow-hidden relative [&_a]:text-[--rhodamine] [&_a]:font-medium [&_p]:text-white [&_p]:text-lg [&_p]:mb-6 [&>div>a]:block [&>div>a]:mt-6 [&>div>a]:mb-3">
+              <o.icon className="fill-[--rhodamine] h-16 w-auto" />
               <h1 className="my-3 sm:text-2xl text-xl font-medium text-white">
                 {o.title}
               </h1>
diff --git a/src/pages/conf/faq.tsx b/src/pages/conf/faq.tsx
index 57153c8f6e..706f26d9bf 100644
--- a/src/pages/conf/faq.tsx
+++ b/src/pages/conf/faq.tsx
@@ -650,12 +650,9 @@ const faq: Array<{ id: string; title: string; contents: ReactNode }> = [
           <li>Application Deadline — Friday, July 21, 2023 11:59 PM PST</li>
           <li>Notifications — Week of August 7, 2023</li>
         </ul>
-        <ButtonConf
-          onWhiteBg
-          text="Apply for a Scholarship"
-          href="https://forms.gle/PwgWSTJ872Pce9XW6"
-          target="_blank"
-        />
+        <ButtonConf href="https://forms.gle/PwgWSTJ872Pce9XW6">
+          Apply for a Scholarship
+        </ButtonConf>
       </>
     ),
   },
diff --git a/src/pages/conf/index.tsx b/src/pages/conf/index.tsx
index 3f441fcca6..dff9653c5b 100644
--- a/src/pages/conf/index.tsx
+++ b/src/pages/conf/index.tsx
@@ -16,7 +16,7 @@ export default () => {
   return (
     <LayoutConf>
       <HeaderConf />
-      <div className="text-gray-600 bg-color-[#562556] bg-[url('/img/conf/conf-bg.png')] bg-cover">
+      <div className="text-gray-600 bg-color-[#562556] bg-[url('/img/conf/graphql-conf-bg.png')] bg-cover bg-blend-multiply	bg-opacity-20	bg-black">
         <div className="container flex py-16 md:py-36 items-center justify-center flex-col">
           <div className="flex flex-col justify-center items-center w-full gap-2 md:gap-32 md:flex-row">
             <div>
@@ -37,8 +37,8 @@ export default () => {
                 </div>
               </div>
               <div className="flex justify-center gap-4 flex-row">
-                <ButtonConf text="Join as a Sponsor" href="/conf/sponsor/" />
-                <ButtonConf text="Submit to Speak" href="/conf/speak/" />
+                <ButtonConf href="/conf/sponsor/">Join as a Sponsor</ButtonConf>
+                <ButtonConf href="/conf/speak/">Submit to Speak</ButtonConf>
               </div>
             </div>
           </div>
diff --git a/src/pages/conf/speak.tsx b/src/pages/conf/speak.tsx
index ddf2ea32be..411b33025c 100644
--- a/src/pages/conf/speak.tsx
+++ b/src/pages/conf/speak.tsx
@@ -297,12 +297,9 @@ export default () => {
               </a>
               .
             </p>
-            <ButtonConf
-              onWhiteBg
-              text="Submit a Proposal"
-              href="https://sessionize.com/graphqlconf2023/"
-              target="_blank"
-            />
+            <ButtonConf href="https://sessionize.com/graphqlconf2023/">
+              Submit a Proposal
+            </ButtonConf>
           </section>
           <ul className="md:columns-2 max-lg:p-0 max-lg:m-0 list-none">
             {cfp.map(q => (
diff --git a/src/pages/conf/sponsor.tsx b/src/pages/conf/sponsor.tsx
index 727f39f7c3..e295ce5420 100644
--- a/src/pages/conf/sponsor.tsx
+++ b/src/pages/conf/sponsor.tsx
@@ -9,32 +9,29 @@ export default () => {
   return (
     <LayoutConf>
       <HeaderConf />
-      <div className="bg-color-[#562556] bg-[url('/img/conf/conf-bg.png')] bg-cover">
+      <div className="bg-color-[#562556] bg-[url('/img/conf/graphql-conf-bg.png')] bg-cover">
         <div className="container flex py-16 items-center justify-center flex-col">
           <div className="flex flex-col items-center w-full">
             <div className="sm:text-3xl text-2xl mb-8 text-white text-center leading-relaxed">
-              <span className="block lg:inline">
-                Sponsor GraphQLConf 2023
-              </span>
+              <span className="block lg:inline">Sponsor GraphQLConf 2023</span>
             </div>
             <div className="flex justify-center items-center gap-4 flex-col sm:flex-row">
-              <ButtonConf
-                text="Explore Sponsorship"
-                target="_blank"
-                href="https://events.linuxfoundation.org/wp-content/uploads/2023/03/sponsor_GraphQLConf_2023_032423.pdf"
-              />
-              <ButtonConf
-                text="Contact Us"
-                target="_blank"
-                href="mailto:graphqlconf@graphql.org?subject=Sponsorships"
-              />
+              <ButtonConf href="https://events.linuxfoundation.org/wp-content/uploads/2023/03/sponsor_GraphQLConf_2023_032423.pdf">
+                Explore Sponsorship
+              </ButtonConf>
+              <ButtonConf href="mailto:graphqlconf@graphql.org?subject=Sponsorships">
+                Contact Us
+              </ButtonConf>
             </div>
           </div>
           <div className="mx-auto max-w-prose mt-8">
             <div className="text-black h-full bg-gray-100 bg-opacity-75 p-8 rounded-lg overflow-hidden relative">
               <p>
                 Contact us at{" "}
-                <a className="font-medium" href="mailto:graphqlconf@graphql.org">
+                <a
+                  className="font-medium"
+                  href="mailto:graphqlconf@graphql.org"
+                >
                   graphqlconf@graphql.org
                 </a>{" "}
                 to reserve your sponsorship, ask questions or talk about
diff --git a/static/img/conf/train.svg b/static/img/conf/train.svg
index e8a3437676..b3efbd6d4f 100644
--- a/static/img/conf/train.svg
+++ b/static/img/conf/train.svg
@@ -1 +1,21 @@
-<svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="34.77 -10.23 441.96 531.96"><title>train.svg</title><style>svg {enable-background:new 0 0 512 512}</style><path d="M336.055 40c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10z"/><path d="M176.055 40c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10z"/><path d="M464.038 495.085l-66.172-69.131c26.733-.958 48.189-22.991 48.189-49.954V79.27c0-16.157-5.647-31.935-15.903-44.428-10.263-12.49-24.641-21.097-40.48-24.23C354.18 3.57 317.842 0 281.666 0h-52.83c-34.407 0-70.246 3.296-106.512 10.544-32.605 6.523-56.269 35.394-56.269 68.646V376c0 27.19 21.82 49.365 48.867 49.971l-66.919 69.071c-2.795 2.884-3.593 7.16-2.026 10.857 1.565 3.698 5.192 6.101 9.208 6.101h71.5c3.206 0 6.217-1.537 8.098-4.133L165.117 466h182.766l30.334 41.868c1.881 2.595 4.893 4.132 8.098 4.132h70.5c4.005 0 7.623-2.39 9.196-6.072 1.573-3.684.797-7.949-1.973-10.843zM86.055 376V79.19c0-23.753 16.903-44.375 40.19-49.035C158.888 23.631 193.381 20 228.835 20h52.83c34.873 0 69.901 3.441 104.118 10.229 11.314 2.239 21.584 8.387 28.912 17.306 7.325 8.923 11.359 20.193 11.359 31.734V376c0 16.542-13.458 30-30 30h-280c-16.541 0-29.999-13.458-29.999-30zm35.527 116H78.797l63.943-66h26.662l-47.82 66zm58.026-46l14.491-20h124.803l14.49 20H179.608zm211.81 46L343.6 426h26.625l63.175 66h-41.982z"/><path d="M396.055 80h-280c-5.522 0-10 4.478-10 10v166c0 5.522 4.478 10 10 10h280c5.522 0 10-4.478 10-10V90c0-5.522-4.478-10-10-10zm-150 166h-120V100h120v146zm140 0h-120V100h120v146z"/><path d="M296.055 40h-80c-5.522 0-10 4.478-10 10s4.478 10 10 10h80c5.522 0 10-4.478 10-10s-4.478-10-10-10z"/><path d="M366.055 296c-22.056 0-40 17.944-40 40s17.944 40 40 40 40-17.944 40-40-17.944-40-40-40zm0 60c-11.028 0-20-8.972-20-20s8.972-20 20-20 20 8.972 20 20-8.972 20-20 20z"/><path d="M146.055 296c-22.056 0-40 17.944-40 40s17.945 40 40 40c22.056 0 40-17.944 40-40s-17.944-40-40-40zm0 60c-11.028 0-20-8.972-20-20s8.972-20 20-20 20 8.972 20 20-8.972 20-20 20z"/><path d="M296.055 306h-80c-5.522 0-10 4.478-10 10s4.478 10 10 10h80c5.522 0 10-4.478 10-10s-4.477-10-10-10z"/><path d="M296.055 346h-80c-5.522 0-10 4.478-10 10s4.478 10 10 10h80c5.522 0 10-4.478 10-10s-4.477-10-10-10z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="34.77 -10.23 441.96 531.96">
+    <title>train.svg</title>
+    <style>
+        svg {
+            enable-background: new 0 0 512 512
+        }
+    </style>
+    <path d="M336.055 40c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10z" />
+    <path d="M176.055 40c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10z" />
+    <path
+        d="M464.038 495.085l-66.172-69.131c26.733-.958 48.189-22.991 48.189-49.954V79.27c0-16.157-5.647-31.935-15.903-44.428-10.263-12.49-24.641-21.097-40.48-24.23C354.18 3.57 317.842 0 281.666 0h-52.83c-34.407 0-70.246 3.296-106.512 10.544-32.605 6.523-56.269 35.394-56.269 68.646V376c0 27.19 21.82 49.365 48.867 49.971l-66.919 69.071c-2.795 2.884-3.593 7.16-2.026 10.857 1.565 3.698 5.192 6.101 9.208 6.101h71.5c3.206 0 6.217-1.537 8.098-4.133L165.117 466h182.766l30.334 41.868c1.881 2.595 4.893 4.132 8.098 4.132h70.5c4.005 0 7.623-2.39 9.196-6.072 1.573-3.684.797-7.949-1.973-10.843zM86.055 376V79.19c0-23.753 16.903-44.375 40.19-49.035C158.888 23.631 193.381 20 228.835 20h52.83c34.873 0 69.901 3.441 104.118 10.229 11.314 2.239 21.584 8.387 28.912 17.306 7.325 8.923 11.359 20.193 11.359 31.734V376c0 16.542-13.458 30-30 30h-280c-16.541 0-29.999-13.458-29.999-30zm35.527 116H78.797l63.943-66h26.662l-47.82 66zm58.026-46l14.491-20h124.803l14.49 20H179.608zm211.81 46L343.6 426h26.625l63.175 66h-41.982z" />
+    <path
+        d="M396.055 80h-280c-5.522 0-10 4.478-10 10v166c0 5.522 4.478 10 10 10h280c5.522 0 10-4.478 10-10V90c0-5.522-4.478-10-10-10zm-150 166h-120V100h120v146zm140 0h-120V100h120v146z" />
+    <path d="M296.055 40h-80c-5.522 0-10 4.478-10 10s4.478 10 10 10h80c5.522 0 10-4.478 10-10s-4.478-10-10-10z" />
+    <path
+        d="M366.055 296c-22.056 0-40 17.944-40 40s17.944 40 40 40 40-17.944 40-40-17.944-40-40-40zm0 60c-11.028 0-20-8.972-20-20s8.972-20 20-20 20 8.972 20 20-8.972 20-20 20z" />
+    <path
+        d="M146.055 296c-22.056 0-40 17.944-40 40s17.945 40 40 40c22.056 0 40-17.944 40-40s-17.944-40-40-40zm0 60c-11.028 0-20-8.972-20-20s8.972-20 20-20 20 8.972 20 20-8.972 20-20 20z" />
+    <path d="M296.055 306h-80c-5.522 0-10 4.478-10 10s4.478 10 10 10h80c5.522 0 10-4.478 10-10s-4.477-10-10-10z" />
+    <path d="M296.055 346h-80c-5.522 0-10 4.478-10 10s4.478 10 10 10h80c5.522 0 10-4.478 10-10s-4.477-10-10-10z" />
+</svg>
\ No newline at end of file