diff --git a/src/assets/css/_css/index.less b/src/assets/css/_css/index.less
index 741a2eacf0..674d11bd35 100644
--- a/src/assets/css/_css/index.less
+++ b/src/assets/css/_css/index.less
@@ -15,7 +15,6 @@ div.index {
     color: #fff;
     text-align: center;
     max-width: none;
-    margin-top: 30px;
 
     & > a {
       color: white;
diff --git a/src/components/Conf/About/index.tsx b/src/components/Conf/About/index.tsx
index 0fa12a1ec3..83f0fc6b5a 100644
--- a/src/components/Conf/About/index.tsx
+++ b/src/components/Conf/About/index.tsx
@@ -2,27 +2,13 @@ import { CheckCircledIcon } from "@radix-ui/react-icons"
 import React from "react"
 
 const list = [
-  {
-    title: "Cloud Engineering",
-  },
-  {
-    title: "Software Development",
-  },
-  {
-    title: "Platform Engineering",
-  },
-  {
-    title: "Data Engineering",
-  },
-  {
-    title: "Technology Architecture",
-  },
-  {
-    title: "Data Architecture",
-  },
-  {
-    title: "Product Management",
-  },
+  { title: "Cloud Engineering" },
+  { title: "Software Development" },
+  { title: "Platform Engineering" },
+  { title: "Data Engineering" },
+  { title: "Technology Architecture" },
+  { title: "Data Architecture" },
+  { title: "Product Management" },
 ]
 
 const whyAttend = [
@@ -35,31 +21,48 @@ const whyAttend = [
     ),
   },
   {
-    title: <p>
-      <span className="font-bold">Discover</span> best practices and real-world use cases through engaging presentations and panel discussions.
-    </p>
+    title: (
+      <p>
+        <span className="font-bold">Discover</span> best practices and
+        real-world use cases through engaging presentations and panel
+        discussions.
+      </p>
+    ),
   },
   {
-    title:
-      <p><span className="font-bold">Connect</span> with leading companies that are using GraphQL to transform their businesses and industries.</p>,
+    title: (
+      <p>
+        <span className="font-bold">Connect</span> with leading companies that
+        are using GraphQL to transform their businesses and industries.
+      </p>
+    ),
   },
   {
-    title:
+    title: (
       <p>
-        <span className="font-bold">Build</span> your skills and deepen your understanding of GraphQL through workshops, tutorials, and code labs.
-      </p>,
+        <span className="font-bold">Build</span> your skills and deepen your
+        understanding of GraphQL through workshops, tutorials, and code labs.
+      </p>
+    ),
   },
   {
-    title:
-      <p><span className="font-bold">Network</span> with a diverse and vibrant community of professionals who are passionate about GraphQL and its potential.</p>,
+    title: (
+      <p>
+        <span className="font-bold">Network</span> with a diverse and vibrant
+        community of professionals who are passionate about GraphQL and its
+        potential.
+      </p>
+    ),
   },
 ]
 
 const AboutSection = () => {
   return (
-    <div className="w-full bg-white flex items-center align-center py-10">
-      <div className="mx-auto w-3/4">
-        <h1 className="text-center text-4xl text-[#0E031C] font-bold mt-10">About</h1>
+    <div className="bg-white py-10">
+      <div className="container">
+        <h1 className="text-center text-4xl text-[#0E031C] font-bold mt-10">
+          About
+        </h1>
         <h3 className="text-center text-sm mt-4 mb-10">
           GRAPHQLCONF | SEP 19 – 21
         </h3>
diff --git a/src/components/Conf/Footer/index.tsx b/src/components/Conf/Footer/index.tsx
index 71a8b4dde5..a7985e2b16 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]">
-      <div className="container px-5 py-24 mx-auto flex md:items-start md:flex-row md:flex-nowrap flex-wrap flex-col">
+      <div className="container py-24 flex md:items-start md:flex-row md:flex-nowrap flex-wrap flex-col">
         <div className="w-64 shrink-0 md:mx-0 mx-auto text-center md:text-left">
           <a
             href="/conf/"
@@ -53,7 +53,7 @@ const FooterConf = () => {
         </div>
       </div>
       <div>
-        <div className="container mx-auto py-4 px-5 flex flex-wrap flex-col sm:flex-row">
+        <div className="container py-4 flex flex-wrap flex-col sm:flex-row">
           <p className="text-white text-sm text-center sm:text-left">
             Copyright © {`${new Date().getFullYear()}`} The GraphQL Foundation.
             All rights reserved.
diff --git a/src/components/Conf/Header/index.tsx b/src/components/Conf/Header/index.tsx
index 65e3189143..f4ff07b9bf 100644
--- a/src/components/Conf/Header/index.tsx
+++ b/src/components/Conf/Header/index.tsx
@@ -26,7 +26,7 @@ const links: LinkItem[] = [
 const HeaderConf = () => {
   return (
     <header className="bg-[#0E031C] gap-2 shadow-lg px-5 h-[70px]">
-      <div className="container mx-auto flex items-center h-full gap-5">
+      <div className="container flex items-center h-full gap-5">
         <a href="/conf/" className="shrink-0">
           <img
             src="/img/conf/graphql-conf-logo-simple.svg"
diff --git a/src/components/Conf/Pricing/index.tsx b/src/components/Conf/Pricing/index.tsx
index f93d919f90..41115263a7 100644
--- a/src/components/Conf/Pricing/index.tsx
+++ b/src/components/Conf/Pricing/index.tsx
@@ -49,34 +49,33 @@ const includes = [
 const PricingConf = () => {
   return (
     <div id="register">
-      <div className="bg-[#0E031C] w-full mt-10 mb-6">
+      <div className="bg-[#0E031C] container mt-10 mb-6">
         <div className="flex flex-col text-center w-full">
           <h1 className="text-4xl text-white font-bold">
             Pricing &amp; Registration
           </h1>
         </div>
         <div className="max-w-[80ch] mx-auto">
-          <div className="mx-auto w-full grid grid-rows-1 md:grid-cols-3 justify-center text-center gap-8 mt-8">
+          <div className="flex max-md:flex-wrap gap-8 mt-8">
             {pricing.map((pricing, i) => (
-              <div key={i}>
-                <a
-                  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"
-                >
-                  <div>
-                    <div className="text-center text-3xl text-white font-bold mb-2">
-                      {pricing.title}
-                    </div>
-                    <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 text-white font-extrabold">
-                      {pricing.price}
-                    </div>
+              <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"
+              >
+                <div>
+                  <div className="text-center text-3xl text-white font-bold mb-2">
+                    {pricing.title}
                   </div>
-                </a>
-              </div>
+                  <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">
+                    {pricing.price}
+                  </div>
+                </div>
+              </a>
             ))}
           </div>
           <div className="w-full">
@@ -95,7 +94,9 @@ const PricingConf = () => {
                       height={20}
                       width={20}
                     />
-                    <p className="leading-relaxed text-base md:text-md">{include.title}</p>
+                    <p className="leading-relaxed text-base md:text-md">
+                      {include.title}
+                    </p>
                   </div>
                 ))}
               </div>
diff --git a/src/components/Conf/SF/index.tsx b/src/components/Conf/SF/index.tsx
index 7be060354d..a7b2e32409 100644
--- a/src/components/Conf/SF/index.tsx
+++ b/src/components/Conf/SF/index.tsx
@@ -1,5 +1,5 @@
 import React from "react"
-import { AspectRatio } from '../../aspect-ratio'
+import { AspectRatio } from "../../aspect-ratio"
 
 interface Image {
   src: string
@@ -7,6 +7,7 @@ interface Image {
   description: string
   link: string
 }
+
 const images: Image[] = [
   {
     src: "https://events.linuxfoundation.org/wp-content/uploads/2022/12/San-Francisco-Golden-Gate-Bridge-unsplash.jpg",
@@ -43,12 +44,10 @@ const SFConf = () => {
       <h1 className="text-4xl text-center mb-5 text-[#0E031C] font-bold pb-6">
         About San Francisco
       </h1>
-      <div className="flex flex-wrap w-full justify-center">
-        {images.map((image, i) => (
-          <div key={i} className="lg:w-1/5 sm:w-full 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 df823952ba..6c1489ea96 100644
--- a/src/components/Conf/Schedule/index.tsx
+++ b/src/components/Conf/Schedule/index.tsx
@@ -21,14 +21,14 @@ const Days: Day[] = [
 const ScheduleGlanceConf = () => {
   return (
     <div id="schedule">
-      <div className="bg-[#0E031C] max-w-[80ch] mt-20 mb-6 mx-auto">
+      <div className="bg-[#0E031C] mt-20 mb-6 container">
         <div className="text-center mx-auto text-white">
           <h1 className="text-4xl text-white font-bold mb-8">Schedule</h1>
         </div>
-        <div className="grid grid-rows-1 md:grid-cols-3 justify-center gap-8 mb-5">
+        <div className="flex max-md:flex-wrap justify-center gap-8 mb-5">
           {Days.map((day, i) => (
             <div key={i}>
-              <div className="h-full w-64 p-4 overflow-hidden bg-[#251C39] shadow-lg rounded-2xl">
+              <div className="h-full p-4 overflow-hidden bg-[#251C39] shadow-lg rounded-2xl">
                 <div className="p-4">
                   <p className="text-2xl text-center text-white font-bold mb-2">
                     {day.date}
diff --git a/src/components/Conf/SocialIcons/index.tsx b/src/components/Conf/SocialIcons/index.tsx
index 8c2bfaca66..d31091706e 100644
--- a/src/components/Conf/SocialIcons/index.tsx
+++ b/src/components/Conf/SocialIcons/index.tsx
@@ -1,64 +1,35 @@
 import React from "react"
+import { ReactComponent as GitHubIcon } from "../../../../static/img/logos/github.svg"
+import { ReactComponent as DiscordIcon } from "../../../../static/img/logos/discord.svg"
+import { ReactComponent as TwitterIcon } from "../../../../static/img/logos/twitter.svg"
 
 const SocialIcons = () => {
   return (
     <>
-    <a
+      <a
         className="ml-5 mt-3 text-white cursor-pointer"
         href="https://github.com/graphql"
         target="_blank"
       >
-        {/* Github */}
-        <svg
-          fill="currentColor"
-          stroke="currentColor"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth="0"
-          className="w-5 h-5"
-          viewBox="0 0 24 24"
-        >
-          <path d="M10.9,2.1c-4.6,0.5-8.3,4.2-8.8,8.7c-0.5,4.7,2.2,8.9,6.3,10.5C8.7,21.4,9,21.2,9,20.8v-1.6c0,0-0.4,0.1-0.9,0.1 c-1.4,0-2-1.2-2.1-1.9c-0.1-0.4-0.3-0.7-0.6-1C5.1,16.3,5,16.3,5,16.2C5,16,5.3,16,5.4,16c0.6,0,1.1,0.7,1.3,1c0.5,0.8,1.1,1,1.4,1 c0.4,0,0.7-0.1,0.9-0.2c0.1-0.7,0.4-1.4,1-1.8c-2.3-0.5-4-1.8-4-4c0-1.1,0.5-2.2,1.2-3C7.1,8.8,7,8.3,7,7.6C7,7.2,7,6.6,7.3,6 c0,0,1.4,0,2.8,1.3C10.6,7.1,11.3,7,12,7s1.4,0.1,2,0.3C15.3,6,16.8,6,16.8,6C17,6.6,17,7.2,17,7.6c0,0.8-0.1,1.2-0.2,1.4 c0.7,0.8,1.2,1.8,1.2,3c0,2.2-1.7,3.5-4,4c0.6,0.5,1,1.4,1,2.3v2.6c0,0.3,0.3,0.6,0.7,0.5c3.7-1.5,6.3-5.1,6.3-9.3 C22,6.1,16.9,1.4,10.9,2.1z" />
-        </svg>
+        <GitHubIcon className="h-5 w-auto" />
       </a>
       <a
         className="ml-5 mt-3 text-white cursor-pointer"
-        href="https://discord.graphql.org/"
+        href="https://discord.graphql.org"
         target="_blank"
       >
-        {/* Discord */}
-        <svg
-          fill="currentColor"
-          stroke="currentColor"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth="0"
-          className="w-5 h-5"
-          viewBox="0 0 24 24"
-        >
-          <path d="M19.98,5.69c-1.68-1.34-4.08-1.71-5.12-1.82h-0.04c-0.16,0-0.31,0.09-0.36,0.24c-0.09,0.23,0.05,0.48,0.28,0.52 c1.17,0.24,2.52,0.66,3.75,1.43c0.25,0.15,0.31,0.49,0.11,0.72c-0.16,0.18-0.43,0.2-0.64,0.08C15.56,5.38,12.58,5.3,12,5.3 S8.44,5.38,6.04,6.86C5.83,6.98,5.56,6.96,5.4,6.78C5.2,6.55,5.26,6.21,5.51,6.06c1.23-0.77,2.58-1.19,3.75-1.43 c0.23-0.04,0.37-0.29,0.28-0.52c-0.05-0.15-0.2-0.24-0.36-0.24H9.14C8.1,3.98,5.7,4.35,4.02,5.69C3.04,6.6,1.09,11.83,1,16.46 c0,0.31,0.08,0.62,0.26,0.87c1.17,1.65,3.71,2.64,5.63,2.78c0.29,0.02,0.57-0.11,0.74-0.35c0.01,0,0.01-0.01,0.02-0.02 c0.35-0.48,0.14-1.16-0.42-1.37c-1.6-0.59-2.42-1.29-2.47-1.34c-0.2-0.18-0.22-0.48-0.05-0.68c0.18-0.2,0.48-0.22,0.68-0.04 c0.03,0.02,2.25,1.91,6.61,1.91s6.58-1.89,6.61-1.91c0.2-0.18,0.5-0.16,0.68,0.04c0.17,0.2,0.15,0.5-0.05,0.68 c-0.05,0.05-0.87,0.75-2.47,1.34c-0.56,0.21-0.77,0.89-0.42,1.37c0.01,0.01,0.01,0.02,0.02,0.02c0.17,0.24,0.45,0.37,0.74,0.35 c1.92-0.14,4.46-1.13,5.63-2.78c0.18-0.25,0.26-0.56,0.26-0.87C22.91,11.83,20.96,6.6,19.98,5.69z M8.89,14.87 c-0.92,0-1.67-0.86-1.67-1.91c0-1.06,0.75-1.92,1.67-1.92c0.93,0,1.67,0.86,1.67,1.92C10.56,14.01,9.82,14.87,8.89,14.87z M15.11,14.87c-0.93,0-1.67-0.86-1.67-1.91c0-1.06,0.74-1.92,1.67-1.92c0.92,0,1.67,0.86,1.67,1.92 C16.78,14.01,16.03,14.87,15.11,14.87z" />
-        </svg>
+        <DiscordIcon className="h-5 w-auto" />
       </a>
       <a
         className="ml-5 mt-3 text-white cursor-pointer"
         href="https://twitter.com/graphql"
         target="_blank"
       >
-        {/* Twitter */}
-        <svg
-          fill="currentColor"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth="2"
-          className="w-5 h-5"
-          viewBox="0 0 24 24"
-        >
-          <path d="M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5a4.5 4.5 0 00-.08-.83A7.72 7.72 0 0023 3z" />
-        </svg>
+        <TwitterIcon className="h-5 w-auto" />
       </a>
       <a
         className="ml-5 mt-3 text-white cursor-pointer"
-        href="https://www.linkedin.com/company/graphql-foundation/"
+        href="https://linkedin.com/company/graphql-foundation"
         target="_blank"
       >
         {/* LinkedIn */}
@@ -75,12 +46,12 @@ const SocialIcons = () => {
             stroke="none"
             d="M16 8a6 6 0 016 6v7h-4v-7a2 2 0 00-2-2 2 2 0 00-2 2v7h-4v-7a6 6 0 016-6zM2 9h4v12H2z"
           />
-          <circle cx="4" cy="4" r="2" stroke="none"/>
+          <circle cx="4" cy="4" r="2" stroke="none" />
         </svg>
       </a>
       <a
         className="ml-5 mt-3 text-white cursor-pointer"
-        href="https://www.youtube.com/@GraphQLFoundation"
+        href="https://youtube.com/@GraphQLFoundation"
         target="_blank"
       >
         {/* YouTube */}
@@ -100,7 +71,7 @@ const SocialIcons = () => {
       </a>
       <a
         className="ml-5 mt-3 text-white cursor-pointer"
-        href="https://www.facebook.com/groups/graphql.community/"
+        href="https://facebook.com/groups/graphql.community"
         target="_blank"
       >
         {/* Facebook */}
@@ -112,7 +83,7 @@ const SocialIcons = () => {
           className="w-5 h-5"
           viewBox="0 0 24 24"
         >
-          <path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z"/>
+          <path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z" />
         </svg>
       </a>
     </>
diff --git a/src/components/Conf/Speakers/index.tsx b/src/components/Conf/Speakers/index.tsx
index 773a60d99a..c79195ad65 100644
--- a/src/components/Conf/Speakers/index.tsx
+++ b/src/components/Conf/Speakers/index.tsx
@@ -52,33 +52,27 @@ const SpeakersConf = () => {
         <div className="text-center mx-auto text-white">
           <h1 className="text-4xl text-white font-bold my-4">Speakers</h1>
         </div>
-        <div className="flex justify-center items-center md:items-start flex-col md:flex-row flex-wrap gap-0 md:gap-4">
+        <div className="flex justify-center items-start flex-wrap">
           {speakers.map((speaker, i) => (
             <div key={i} className="p-4 w-[220px]">
               <div className="h-full flex flex-col items-center text-center">
                 <div className="relative">
                   <img
                     alt={speaker.name}
-                    className="shrink-0 rounded-full h-36 w-36 object-cover object-center"
                     src={speaker.image}
+                    className="shrink-0 rounded-full h-36 w-36 object-cover object-center"
                   />
                   <div className="bg-[#55ACEF] h-8 w-8 flex items-center justify-center rounded-full absolute bottom-0 right-0">
                     <a href={speaker.twitter} target="_blank">
-                      <TwitterLogoIcon
-                        className="text-white"
-                        width={20}
-                        height={20}
-                      />
+                      <TwitterLogoIcon className="text-white h-5 w-5" />
                     </a>
                   </div>
                 </div>
-                <div className="w-full">
-                  <div className="text-lg text-white font-bold mt-3">
-                    {speaker.name}
-                  </div>
-                  <div className="text-gray-400 text-sm my-2">
-                    {speaker.title}
-                  </div>
+                <div className="text-lg text-white font-bold mt-3">
+                  {speaker.name}
+                </div>
+                <div className="text-gray-400 text-sm my-2">
+                  {speaker.title}
                 </div>
               </div>
             </div>
diff --git a/src/components/Conf/Venue/index.tsx b/src/components/Conf/Venue/index.tsx
index c1a54cb95f..af80b684ef 100644
--- a/src/components/Conf/Venue/index.tsx
+++ b/src/components/Conf/Venue/index.tsx
@@ -5,186 +5,178 @@ import { ReactComponent as ParkingIcon } from "../../../../static/img/conf/parki
 
 const VenueConf = () => {
   return (
-    <div id="location">
-      <div className="w-full mx-auto">
-        <div className="flex w-4/5 flex-col mx-auto px-4">
-          <h1 className="text-4xl text-white font-bold mt-8 mb-6 mx-auto text-center">
-            Location &amp; Venue
-          </h1>
-          <div className="flex flex-wrap">
-            <div className="p-4 sm:w-full grid grid-rows-1 md:grid-cols-2 gap-20">
+    <div id="location" className="container">
+      <h1 className="text-4xl text-white font-bold mt-8 mb-6 mx-auto text-center">
+        Location &amp; Venue
+      </h1>
+      <div className="flex flex-wrap">
+        <div className="p-4 sm:w-full grid grid-rows-1 md:grid-cols-2 gap-20">
+          <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
+              room block close dates listed below. 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>
+            <h3 className="sm:text-2xl text-xl font-medium text-white mt-6 mb-4">
+              Welcome to all
+            </h3>
+            <p className="leading-relaxed mb-3 text-white text-base">
+              GraphQLConf is welcome to all. Please read our{" "}
+              <a href="/conf/faq/#dni" className="underline">
+                diversity & inclusion
+              </a>{" "}
+              guide and{" "}
+              <a href="/conf/faq/#codeofconduct" className="underline">
+                code of conduct
+              </a>
+              . Your health and safety is our top priority. We have considered a
+              range of both{" "}
+              <a href="/conf/faq/#onsite-resources" className="underline">
+                onsite resources
+              </a>{" "}
+              and{" "}
+              <a href="/conf/faq/#emergency-resources" className="underline">
+                emergency resources
+              </a>{" "}
+              as well as a{" "}
+              <a href="/conf/faq/#health-and-safety" className="underline">
+                health &amp; safety
+              </a>{" "}
+              policy.
+            </p>
+          </div>
+          <div>
+            <h3 className="sm:text-2xl text-xl font-medium text-white mt-6 mb-4">
+              Venue Information
+            </h3>
+            <p className="max-w-prose mx-auto text-white">
+              GraphQLConf 2023 is hosted in the San Francisco Bay Area, where
+              GraphQL was first created, at the{" "}
+              <a
+                href="https://www.hyatt.com/en-US/hotel/california/hyatt-regency-san-francisco-airport/sfobu"
+                target="_blank"
+                className="font-bold"
+              >
+                Hyatt Regency SFO
+              </a>
+              .
+              <br />
+              <br />
+              <a
+                target="_blank"
+                className="font-bold text-[#B48EF1]"
+                href="https://www.hyatt.com/en-US/hotel/california/hyatt-regency-san-francisco-airport/sfobu"
+              >
+                HYATT REGENCY SAN FRANCISCO AIRPORT
+              </a>
+              <p>1333 Old Bayshore Hwy Burlingame, CA 94010</p>
+              <img
+                src="/img/conf/sf-hotel-image.png"
+                className="object-cover w-[500px] h-[300px] rounded-xl mt-8"
+              />
+            </p>
+          </div>
+        </div>
+      </div>
+      <div className="container flex max-lg:flex-col w-full gap-14 pt-16 pb-24">
+        {[
+          {
+            title: "Public Transportation",
+            icon: TrainIcon,
+            content: (
               <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
-                  room block close dates listed below. 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 href="https://samtrans.com" target="_blank" rel="noreferrer">
+                  SamTrans
+                </a>
+                <p>
+                  Service from Burlingame to San Francisco is available for $5
+                  (adults) or $2.50 youth and seniors.{" "}
                   <a
-                    className="font-bold text-[#B48EF1]"
-                    href="mailto:housing@linuxfoundation.org"
+                    href="https://samtrans.com"
+                    target="_blank"
+                    rel="noreferrer"
                   >
-                    housing@linuxfoundation.org
+                    Learn More
                   </a>
-                  .
                 </p>
-                <h3 className="sm:text-2xl text-xl font-medium text-white mt-6 mb-4">
-                Welcome to all
-                </h3>
-                <p className="leading-relaxed mb-3 text-white text-base">
-                  GraphQLConf is welcome to all. Please read our{" "}
-                  <a href="/conf/faq/#dni" className="underline">
-                    diversity & inclusion
-                  </a>{" "}
-                  guide and{" "}
-                  <a href="/conf/faq/#codeofconduct" className="underline">
-                    code of conduct
-                  </a>
-                  . Your health and safety is our top priority. We have
-                  considered a range of both{" "}
-                  <a href="/conf/faq/#onsite-resources" className="underline">
-                    onsite resources
-                  </a>{" "}
-                  and{" "}
-                  <a
-                    href="/conf/faq/#emergency-resources"
-                    className="underline"
-                  >
-                    emergency resources
-                  </a>{" "}
-                  as well as a{" "}
-                  <a href="/conf/faq/#health-and-safety" className="underline">
-                    health &amp; safety
-                  </a>{" "}
-                  policy.
+                <a href="https://bart.gov" target="_blank" rel="noreferrer">
+                  Bay Area Rapid Transit (BART):
+                </a>
+                <p>
+                  Take the Hyatt Shuttle Bus to/from SFO International Terminal
+                  to connect with BART. Approximate cost from the station to
+                  downtown San Francisco is $8.65 one-way.
                 </p>
               </div>
+            ),
+          },
+          {
+            title: "Airport Information",
+            icon: AroundIcon,
+            content: (
               <div>
-                <h3 className="sm:text-2xl text-xl font-medium text-white mt-6 mb-4">
-                  Venue Information
-                </h3>
-                <p className="max-w-prose mx-auto text-white">
-                  GraphQLConf 2023 is hosted in the San Francisco Bay Area,
-                  where GraphQL was first created, at the{" "}
-                  <a
-                    href="https://www.hyatt.com/en-US/hotel/california/hyatt-regency-san-francisco-airport/sfobu"
-                    target="_blank"
-                    className="font-bold"
-                  >
-                    Hyatt Regency SFO
-                  </a>
-                  .
+                <a href="https://flysfo.com">
+                  San Francisco International Airport (SFO)
+                </a>
+                <p>
+                  Drive time from venue: 7 mins.
                   <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">
+                  Driving Directions from SFO to Venue
+                </a>
+              </div>
+            ),
+          },
+          {
+            title: "Parking",
+            icon: ParkingIcon,
+            content: (
+              <div>
+                <a>The Hyatt Regency SFO offers self-parking.</a>
+                <p className="font-bold">Self-Parking:</p>
+                <p>
+                  0-1 hour: $12
                   <br />
-                  <a
-                    target="_blank"
-                    className="font-bold text-[#B48EF1]"
-                    href="https://www.hyatt.com/en-US/hotel/california/hyatt-regency-san-francisco-airport/sfobu"
-                  >
-                    HYATT REGENCY SAN FRANCISCO AIRPORT
-                  </a>
-                  <p>1333 Old Bayshore Hwy Burlingame, CA 94010</p>
-                  <img src="/img/conf/sf-hotel-image.png" className="object-cover w-[500px] h-[300px] rounded-xl mt-8" />
+                  1-6 hours: $22/hour
+                  <br />
+                  6+ hours or overnight: $40/night
                 </p>
               </div>
+            ),
+          },
+        ].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" />
+              <h1 className="my-3 sm:text-2xl text-xl font-medium text-white">
+                {o.title}
+              </h1>
+              {o.content}
             </div>
           </div>
-          <div className="container px-5 mx-auto flex max-lg:flex-col w-full gap-14 pt-16 pb-24">
-            {[
-              {
-                title: "Public Transportation",
-                icon: TrainIcon,
-                content: (
-                  <div>
-                    <a
-                      href="https://samtrans.com"
-                      target="_blank"
-                      rel="noreferrer"
-                    >
-                      SamTrans
-                    </a>
-                    <p>
-                      Service from Burlingame to San Francisco is available for
-                      $5 (adults) or $2.50 youth and seniors.{" "}
-                      <a
-                        href="https://samtrans.com"
-                        target="_blank"
-                        rel="noreferrer"
-                      >
-                        Learn More
-                      </a>
-                    </p>
-                    <a href="https://bart.gov" target="_blank" rel="noreferrer">
-                      Bay Area Rapid Transit (BART):
-                    </a>
-                    <p>
-                      Take the Hyatt Shuttle Bus to/from SFO International
-                      Terminal to connect with BART. Approximate cost from the
-                      station to downtown San Francisco is $8.65 one-way.
-                    </p>
-                  </div>
-                ),
-              },
-              {
-                title: "Airport Information",
-                icon: AroundIcon,
-                content: (
-                  <div>
-                    <a href="https://flysfo.com">
-                      San Francisco International Airport (SFO)
-                    </a>
-                    <p>
-                      Drive time from venue: 7 mins.
-                      <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">
-                      Driving Directions from SFO to Venue
-                    </a>
-                  </div>
-                ),
-              },
-              {
-                title: "Parking",
-                icon: ParkingIcon,
-                content: (
-                  <div>
-                    <a>The Hyatt Regency SFO offers self-parking.</a>
-                    <p className="font-bold">Self-Parking:</p>
-                    <p>
-                      0-1 hour: $12
-                      <br />
-                      1-6 hours: $22/hour
-                      <br />
-                      6+ hours or overnight: $40/night
-                    </p>
-                  </div>
-                ),
-              },
-            ].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" />
-                  <h1 className="my-3 sm:text-2xl text-xl font-medium text-white">
-                    {o.title}
-                  </h1>
-                  {o.content}
-                </div>
-              </div>
-            ))}
-          </div>
-        </div>
+        ))}
       </div>
     </div>
   )
diff --git a/src/pages/conf/faq.tsx b/src/pages/conf/faq.tsx
index 9b421887b4..e5825bfa54 100644
--- a/src/pages/conf/faq.tsx
+++ b/src/pages/conf/faq.tsx
@@ -685,9 +685,9 @@ export default () => {
       <div className="bg-white">
         <div className="prose lg:prose-lg mx-auto py-10 max-sm:px-4">
           <h1>GraphQLConf FAQ</h1>
-          <ul className="columns-2 mx-0 gap-4">
+          <ul className="flex flex-wrap">
             {faq.map(q => (
-              <li key={q.id}>
+              <li key={q.id} className="flex-[50%]">
                 <a href={`#${q.id}`}>{q.title}</a>
               </li>
             ))}
diff --git a/src/pages/conf/index.tsx b/src/pages/conf/index.tsx
index 3caf174b8e..12810a6ca0 100644
--- a/src/pages/conf/index.tsx
+++ b/src/pages/conf/index.tsx
@@ -17,7 +17,7 @@ export default () => {
     <LayoutConf>
       <HeaderConf />
       <div className="text-gray-600 bg-color-[#562556] bg-[url('/img/conf/conf-bg.png')] bg-cover">
-        <div className="container mx-auto flex px-4 py-36 items-center justify-center flex-col">
+        <div className="container flex 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>
               <img
diff --git a/src/pages/conf/speak.tsx b/src/pages/conf/speak.tsx
index 8fb471b8e5..c25cb8c765 100644
--- a/src/pages/conf/speak.tsx
+++ b/src/pages/conf/speak.tsx
@@ -304,9 +304,9 @@ export default () => {
               target="_blank"
             />
           </section>
-          <ul className="columns-2 mx-0 gap-4">
+          <ul className="flex flex-wrap">
             {cfp.map(q => (
-              <li key={q.id}>
+              <li key={q.id} className="flex-[50%]">
                 <a href={`#${q.id}`}>{q.title}</a>
               </li>
             ))}
diff --git a/src/pages/conf/sponsor.tsx b/src/pages/conf/sponsor.tsx
index c06fdd649d..3d5a97c7b9 100644
--- a/src/pages/conf/sponsor.tsx
+++ b/src/pages/conf/sponsor.tsx
@@ -10,10 +10,10 @@ export default () => {
     <LayoutConf>
       <HeaderConf />
       <div className="bg-color-[#562556] bg-[url('/img/conf/conf-bg.png')] bg-cover">
-        <div className="container mx-auto flex px-4 py-16 items-center justify-center flex-col">
+        <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 text-46xl lg:inline">
+              <span className="block lg:inline">
                 Sponsor GraphQLConf 2023
               </span>
             </div>
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index b3e77b5d26..6127494c7a 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -11,6 +11,7 @@ import WithoutVersions from "../Containers/Sections/WithoutVersion"
 import PowerFulTools from "../Containers/Sections/PowerFulTools"
 import WhosUsing from "../Containers/Sections/WhosUsing"
 import Seo from "../components/Seo"
+import { ReactComponent as GraphQLConfLogo } from "../../static/img/conf/graphql-conf-logo.svg"
 
 export default ({ pageContext }: PageProps<{}, { sourcePath: string }>) => {
   return (
@@ -18,12 +19,18 @@ export default ({ pageContext }: PageProps<{}, { sourcePath: string }>) => {
       <Hero />
       <section className="conf-banner">
         <a href="/conf/">
-          <img src="/img/conf/graphql-conf-logo.svg" />
+          <GraphQLConfLogo />
           <div>
-            <span>The offical GraphQL conference, by the GraphQL Foundation</span>
-            <span className="mt-2 font-bold">SEPTEMBER 19-21, 2023 • SAN FRANCISO BAY AREA, CA</span>
+            <span>
+              The offical GraphQL conference, by the GraphQL Foundation
+            </span>
+            <span className="mt-2 font-bold">
+              SEPTEMBER 19-21, 2023 • SAN FRANCISO BAY AREA, CA
+            </span>
             <div>
-              <a className="button" href="/conf/#register">Register Now!</a>
+              <a className="button" href="/conf/#register">
+                Register Now!
+              </a>
             </div>
           </div>
         </a>
diff --git a/static/img/logos/discord.svg b/static/img/logos/discord.svg
index 59fc309051..99b89c3379 100644
--- a/static/img/logos/discord.svg
+++ b/static/img/logos/discord.svg
@@ -1 +1,10 @@
-<svg fill="#ffffff" viewBox="0 0 11 10" xmlns="http://www.w3.org/2000/svg"><path d="m9.05511 0h-7.11021c-.59959 0-1.087753.46-1.087753 1.03v6.76c0 .57.488163 1.03 1.087753 1.03h6.01715l-.28123-.925.67918.595.64205.56 1.14085.95v-8.97c0-.57-.4882-1.03-1.08779-1.03zm-2.04817 6.53s-.19102-.215-.3502-.405c.6951-.185.96041-.595.96041-.595-.21755.135-.42449.23-.61021.295-.2653.105-.52.175-.76938.215-.50939.09-.97633.065-1.37429-.005-.30245-.055-.56245-.135-.78-.215-.12204-.045-.25469-.1-.38735-.17-.01592-.01-.03183-.015-.04775-.025-.01061-.005-.01592-.01-.02123-.015-.09551-.05-.14857-.085-.14857-.085s.2547.4.92857.59c-.15918.19-.35551.415-.35551.415-1.17265-.035-1.61836-.76-1.61836-.76 0-1.61.76408-2.915.76408-2.915.76408-.54 1.49102-.525 1.49102-.525l.05306.06c-.9551.26-1.39551.655-1.39551.655s.11673-.06.31306-.145c.56776-.235 1.01878-.3 1.20449-.315.03184-.005.05837-.01.0902-.01.32368-.04.6898-.05 1.07184-.01.50408.055 1.04531.195 1.59714.48 0 0-.41918-.375-1.32122-.635l.07428-.08s.72694-.015 1.49103.525c0 0 .76408 1.305.76408 2.915 0 0-.45102.725-1.62368.76z"/></svg>
\ No newline at end of file
+<svg
+        width="24"
+        height="24"
+        fill="currentColor"
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 5 30.67 23.25"
+>
+    <title>Discord</title>
+    <path d="M26.0015 6.9529C24.0021 6.03845 21.8787 5.37198 19.6623 5C19.3833 5.48048 19.0733 6.13144 18.8563 6.64292C16.4989 6.30193 14.1585 6.30193 11.8336 6.64292C11.6166 6.13144 11.2911 5.48048 11.0276 5C8.79575 5.37198 6.67235 6.03845 4.6869 6.9529C0.672601 12.8736 -0.41235 18.6548 0.130124 24.3585C2.79599 26.2959 5.36889 27.4739 7.89682 28.2489C8.51679 27.4119 9.07477 26.5129 9.55525 25.5675C8.64079 25.2265 7.77283 24.808 6.93587 24.312C7.15286 24.1571 7.36986 23.9866 7.57135 23.8161C12.6241 26.1255 18.0969 26.1255 23.0876 23.8161C23.3046 23.9866 23.5061 24.1571 23.7231 24.312C22.8861 24.808 22.0182 25.2265 21.1037 25.5675C21.5842 26.5129 22.1422 27.4119 22.7621 28.2489C25.2885 27.4739 27.8769 26.2959 30.5288 24.3585C31.1952 17.7559 29.4733 12.0212 26.0015 6.9529ZM10.2527 20.8402C8.73376 20.8402 7.49382 19.4608 7.49382 17.7714C7.49382 16.082 8.70276 14.7025 10.2527 14.7025C11.7871 14.7025 13.0425 16.082 13.0115 17.7714C13.0115 19.4608 11.7871 20.8402 10.2527 20.8402ZM20.4373 20.8402C18.9183 20.8402 17.6768 19.4608 17.6768 17.7714C17.6768 16.082 18.8873 14.7025 20.4373 14.7025C21.9717 14.7025 23.2271 16.082 23.1961 17.7714C23.1961 19.4608 21.9872 20.8402 20.4373 20.8402Z"/>
+</svg>
diff --git a/tailwind.config.js b/tailwind.config.js
index 5c2afe73f3..9b9be2577c 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -2,6 +2,16 @@
 module.exports = {
   content: ["./src/**/*.{js,jsx,ts,tsx}"],
   theme: {
+    container: {
+      center: true,
+      padding: {
+        DEFAULT: "1rem",
+        sm: "2rem",
+        lg: "4rem",
+        xl: "5rem",
+        "2xl": "6rem",
+      },
+    },
     extend: {},
   },
   plugins: [require("@tailwindcss/typography")],