From 38b274e66021095f681664fad0af7954041ba5b4 Mon Sep 17 00:00:00 2001
From: TuvalSimha <tuval.simha@gmail.com>
Date: Sun, 14 May 2023 18:33:05 +0300
Subject: [PATCH 1/2] Draft: `Complimentary Shuttle Service`

Signed-off-by: TuvalSimha <tuval.simha@gmail.com>
---
 src/components/Conf/Pricing/index.tsx | 28 +++++++++++++++++++++++++++
 src/components/Conf/Venue/index.tsx   | 24 +++++++++++++++++++++++
 static/img/conf/bus.svg               |  1 +
 3 files changed, 53 insertions(+)
 create mode 100644 static/img/conf/bus.svg

diff --git a/src/components/Conf/Pricing/index.tsx b/src/components/Conf/Pricing/index.tsx
index a80f837214..2076e15f42 100644
--- a/src/components/Conf/Pricing/index.tsx
+++ b/src/components/Conf/Pricing/index.tsx
@@ -1,6 +1,7 @@
 import React from "react"
 import { CheckCircledIcon } from "@radix-ui/react-icons"
 import ButtonConf from "../Button"
+import { ReactComponent as BusIcon } from "../../../../static/img/conf/bus.svg"
 
 interface Pricing {
   title: string
@@ -83,6 +84,33 @@ const PricingConf = () => {
               Buy a Ticket!
             </ButtonConf>
           </div>
+
+          <div className="flex-1">
+            <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">
+              <BusIcon className="fill-[--rhodamine] h-16 w-auto" />
+              <h1 className="my-3 sm:text-2xl text-xl font-medium text-white">
+                Complimentary Shuttle Service
+              </h1>
+              <div>
+                <a
+                  href="https://www.hyatt.com/en-US/hotel/california/hyatt-regency-san-francisco-airport/sfobu?src=adm_sem_crp_chico_crp_ppc_NAM-UnitedStates-CA-Burlingame-HR-SFOBU_google_Evergreen2022_e_hyatt%20regency%20sfo"
+                  target="_blank"
+                  rel="noreferrer"
+                >
+                  Hyatt Regency SFO
+                </a>
+                <p>
+                  The Hyatt Regency SFO offers a <a>24-hour</a> complimentary
+                  San Francisco International Airport (SFO) shuttle which runs
+                  every <a>15 minutes</a> from <a>4:00AM until 1:00AM</a> and
+                  <a> every 30 minutes</a> from <a>1:00AM until 4:00AM</a>. At
+                  SFO, go to the area marked "Hotel Shuttle." The bus is marked
+                  "Hyatt Regency and Marriott.”
+                </p>
+              </div>
+            </div>
+          </div>
+
           <div className="w-full">
             <div className="mx-auto flex flex-col items-center text-center">
               <h3 className="sm:text-2xl text-xl font-medium text-white mt-6 mb-2">
diff --git a/src/components/Conf/Venue/index.tsx b/src/components/Conf/Venue/index.tsx
index e345bbb024..1e4723b9bc 100644
--- a/src/components/Conf/Venue/index.tsx
+++ b/src/components/Conf/Venue/index.tsx
@@ -2,6 +2,7 @@ import React from "react"
 import { ReactComponent as TrainIcon } from "../../../../static/img/conf/train.svg"
 import { ReactComponent as AroundIcon } from "../../../../static/img/conf/around.svg"
 import { ReactComponent as ParkingIcon } from "../../../../static/img/conf/parking.svg"
+import { ReactComponent as BusIcon } from "../../../../static/img/conf/bus.svg"
 
 const VenueConf = () => {
   return (
@@ -208,6 +209,29 @@ const VenueConf = () => {
               </div>
             ),
           },
+          {
+            title: "Complimentary Shuttle Service",
+            icon: BusIcon,
+            content: (
+              <div>
+                <a
+                  href="https://www.hyatt.com/en-US/hotel/california/hyatt-regency-san-francisco-airport/sfobu?src=adm_sem_crp_chico_crp_ppc_NAM-UnitedStates-CA-Burlingame-HR-SFOBU_google_Evergreen2022_e_hyatt%20regency%20sfo"
+                  target="_blank"
+                  rel="noreferrer"
+                >
+                  Hyatt Regency SFO
+                </a>
+                <p>
+                  The Hyatt Regency SFO offers a <a>24-hour</a> complimentary
+                  San Francisco International Airport (SFO) shuttle which runs
+                  every <a>15 minutes</a> from <a>4:00AM until 1:00AM</a> and
+                  <a> every 30 minutes</a> from <a>1:00AM until 4:00AM</a>. At
+                  SFO, go to the area marked "Hotel Shuttle." The bus is marked
+                  "Hyatt Regency and Marriott.”
+                </p>
+              </div>
+            ),
+          },
         ].map(o => (
           <div key={o.title} className="flex-1">
             <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">
diff --git a/static/img/conf/bus.svg b/static/img/conf/bus.svg
new file mode 100644
index 0000000000..d473e609b1
--- /dev/null
+++ b/static/img/conf/bus.svg
@@ -0,0 +1 @@
+<svg fill="#000000" width="64px" height="64px" viewBox="-5 -5 60.00 60.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" stroke="#000000" stroke-width="0.0005" transform="matrix(1, 0, 0, 1, 0, 0)rotate(0)"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round" stroke="#CCCCCC" stroke-width="0.3"></g><g id="SVGRepo_iconCarrier"><path d="M12 0C8.90625 0 6.644531 0.398438 5.09375 1.75C3.542969 3.101563 3 5.230469 3 8L3 12L2 12C0.90625 12 0 12.90625 0 14L0 22C0 23.09375 0.90625 24 2 24L3 24L3 41C3 42.222656 3.382813 43.25 4 44.03125L4 47C4 48.644531 5.355469 50 7 50L11 50C12.644531 50 14 48.644531 14 47L14 46L36 46L36 47C36 48.644531 37.355469 50 39 50L43 50C44.644531 50 46 48.644531 46 47L46 44.03125C46.617188 43.25 47 42.222656 47 41L47 24L48 24C49.09375 24 50 23.09375 50 22L50 14C50 12.90625 49.09375 12 48 12L47 12L47 9C47 6.355469 46.789063 4.191406 45.71875 2.53125C44.648438 0.871094 42.6875 0 40 0 Z M 12 2L40 2C42.3125 2 43.351563 2.542969 44.03125 3.59375C44.710938 4.644531 45 6.484375 45 9L45 41C45 42.386719 44.601563 42.933594 43.78125 43.375C42.960938 43.816406 41.585938 44 40 44L10 44C8.414063 44 7.039063 43.816406 6.21875 43.375C5.398438 42.933594 5 42.386719 5 41L5 8C5 5.484375 5.457031 4.109375 6.40625 3.28125C7.355469 2.453125 9.09375 2 12 2 Z M 15 3C13.90625 3 13 3.90625 13 5L13 7C13 8.09375 13.90625 9 15 9L36 9C37.09375 9 38 8.09375 38 7L38 5C38 3.90625 37.09375 3 36 3 Z M 15 5L36 5L36 7L15 7 Z M 11 10C9.832031 10 8.765625 10.296875 8.03125 11.03125C7.296875 11.765625 7 12.832031 7 14L7 26C7 27.167969 7.296875 28.234375 8.03125 28.96875C8.765625 29.703125 9.832031 30 11 30L39 29.9375C39.816406 29.9375 40.695313 29.625 41.5 29C42.304688 28.375 43 27.324219 43 26L43 14C43 12.832031 42.703125 11.765625 41.96875 11.03125C41.234375 10.296875 40.167969 10 39 10 Z M 11 12L39 12C39.832031 12 40.265625 12.203125 40.53125 12.46875C40.796875 12.734375 41 13.167969 41 14L41 26C41 26.675781 40.714844 27.070313 40.28125 27.40625C39.847656 27.742188 39.230469 27.9375 39 27.9375L11 28C10.167969 28 9.734375 27.796875 9.46875 27.53125C9.203125 27.265625 9 26.832031 9 26L9 14C9 13.167969 9.203125 12.734375 9.46875 12.46875C9.734375 12.203125 10.167969 12 11 12 Z M 2 14L3 14L3 22L2 22 Z M 47 14L48 14L48 22L47 22 Z M 11.5 33C9.027344 33 7 35.027344 7 37.5C7 39.972656 9.027344 42 11.5 42C13.972656 42 16 39.972656 16 37.5C16 35.027344 13.972656 33 11.5 33 Z M 38.5 33C36.027344 33 34 35.027344 34 37.5C34 39.972656 36.027344 42 38.5 42C40.972656 42 43 39.972656 43 37.5C43 35.027344 40.972656 33 38.5 33 Z M 11.5 35C12.890625 35 14 36.109375 14 37.5C14 38.890625 12.890625 40 11.5 40C10.109375 40 9 38.890625 9 37.5C9 36.109375 10.109375 35 11.5 35 Z M 38.5 35C39.890625 35 41 36.109375 41 37.5C41 38.890625 39.890625 40 38.5 40C37.109375 40 36 38.890625 36 37.5C36 36.109375 37.109375 35 38.5 35 Z M 6 45.4375C7.199219 45.890625 8.566406 46 10 46L12 46L12 47C12 47.5625 11.5625 48 11 48L7 48C6.4375 48 6 47.5625 6 47 Z M 44 45.4375L44 47C44 47.5625 43.5625 48 43 48L39 48C38.4375 48 38 47.5625 38 47L38 46L40 46C41.433594 46 42.800781 45.890625 44 45.4375Z"></path></g></svg>
\ No newline at end of file

From 4bf737d1380c6aa43349b043d0e61b8c9f598e48 Mon Sep 17 00:00:00 2001
From: TuvalSimha <tuval.simha@gmail.com>
Date: Mon, 15 May 2023 19:17:24 +0300
Subject: [PATCH 2/2] done

Signed-off-by: TuvalSimha <tuval.simha@gmail.com>
---
 src/components/Conf/Pricing/index.tsx | 27 ---------------------------
 src/components/Conf/Venue/index.tsx   |  4 ++--
 2 files changed, 2 insertions(+), 29 deletions(-)

diff --git a/src/components/Conf/Pricing/index.tsx b/src/components/Conf/Pricing/index.tsx
index 2076e15f42..413d4a75e3 100644
--- a/src/components/Conf/Pricing/index.tsx
+++ b/src/components/Conf/Pricing/index.tsx
@@ -1,7 +1,6 @@
 import React from "react"
 import { CheckCircledIcon } from "@radix-ui/react-icons"
 import ButtonConf from "../Button"
-import { ReactComponent as BusIcon } from "../../../../static/img/conf/bus.svg"
 
 interface Pricing {
   title: string
@@ -85,32 +84,6 @@ const PricingConf = () => {
             </ButtonConf>
           </div>
 
-          <div className="flex-1">
-            <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">
-              <BusIcon className="fill-[--rhodamine] h-16 w-auto" />
-              <h1 className="my-3 sm:text-2xl text-xl font-medium text-white">
-                Complimentary Shuttle Service
-              </h1>
-              <div>
-                <a
-                  href="https://www.hyatt.com/en-US/hotel/california/hyatt-regency-san-francisco-airport/sfobu?src=adm_sem_crp_chico_crp_ppc_NAM-UnitedStates-CA-Burlingame-HR-SFOBU_google_Evergreen2022_e_hyatt%20regency%20sfo"
-                  target="_blank"
-                  rel="noreferrer"
-                >
-                  Hyatt Regency SFO
-                </a>
-                <p>
-                  The Hyatt Regency SFO offers a <a>24-hour</a> complimentary
-                  San Francisco International Airport (SFO) shuttle which runs
-                  every <a>15 minutes</a> from <a>4:00AM until 1:00AM</a> and
-                  <a> every 30 minutes</a> from <a>1:00AM until 4:00AM</a>. At
-                  SFO, go to the area marked "Hotel Shuttle." The bus is marked
-                  "Hyatt Regency and Marriott.”
-                </p>
-              </div>
-            </div>
-          </div>
-
           <div className="w-full">
             <div className="mx-auto flex flex-col items-center text-center">
               <h3 className="sm:text-2xl text-xl font-medium text-white mt-6 mb-2">
diff --git a/src/components/Conf/Venue/index.tsx b/src/components/Conf/Venue/index.tsx
index 1e4723b9bc..e1b1ad1154 100644
--- a/src/components/Conf/Venue/index.tsx
+++ b/src/components/Conf/Venue/index.tsx
@@ -21,7 +21,7 @@ const VenueConf = () => {
             className="font-bold"
           >
             Hyatt Regency SFO
-          </a>{" "}
+          </a>
           hotel in Burlingame, CA.
         </p>
         <img
@@ -67,7 +67,7 @@ const VenueConf = () => {
                 target="_blank"
               >
                 room block
-              </a>{" "}
+              </a>
               close dates. We encourage you to book early to secure a room at
               the conference rate.
             </div>