Draft: Complimentary Shuttle Service

Signed-off-by: TuvalSimha <tuval.simha@gmail.com>

Author: TuvalSimha

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">

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">