Feat: add venue and color scheme updates (#172)

* color scheme and venue details * Added venue page --------- Co-authored-by: Thor Anker Kvisgård Lange <tal@netic.dk>
cloud-native-nordics · Oct 9, 2024 · 9a2c1da · 9a2c1da
1 parent 09963e6
commit 9a2c1da
Show file tree

Hide file tree

Showing 10 changed files with 96 additions and 106 deletions.
diff --git a/src/components/pages/schedule/hero/hero.jsx b/src/components/pages/schedule/hero/hero.jsx
@@ -33,7 +33,7 @@ const Hero = () => {
           {announcement}
         </p>
         <Button
-          className="mt-10 bg-red text-white shadow-xl hover:shadow-[0px_15px_30px_#adadad] md:mt-8 xs:mt-7 xs:w-full"
+          className="mt-10 rounded-3xl bg-red text-xl font-bold leading-none text-white shadow-xl hover:shadow-[0px_15px_30px_#adadad] md:mt-8 xs:mt-7 xs:w-full"
           size="lg"
           to="https://kcddenmark-3.ticketbutler.io/en/e/kcd-denmark-2024-1/"
           target="_blank"

diff --git a/src/components/pages/schedule/schedule/schedule.jsx b/src/components/pages/schedule/schedule/schedule.jsx
@@ -175,11 +175,11 @@ const Schedule = ({ location }) => {
                       </span>
                       {name && (
                         <span className={clsx("rounded-full px-4 py-2 text-xs font-semibold leading-none tracking-tighter text-rasin",
-                          {/*
-                            'bg-green': name === 'Auditorium',
-                            'bg-blue-3': name === 'Lounge',
-                            'bg-gray-10': talkLocation === 'HeadQuarters, Valdemarsgade 1A, 8000 Aarhus',
-                          */}
+                          {
+                            'bg-[#B2F2BB]': name === 'Auditorium',
+                            'bg-[#A5D8FF]': name === 'Breakout',
+                            //'bg-gray-10': talkLocation === 'HeadQuarters, Valdemarsgade 1A, 8000 Aarhus',
+                          }
                         )}>
                           {name}
                         </span>

diff --git a/src/components/pages/venue/hero/hero.jsx b/src/components/pages/venue/hero/hero.jsx
@@ -2,7 +2,8 @@ import React from 'react';
 
 import Link from 'components/shared/link';
 
-import CardIllusrtation from './images/venue.jpg';
+import CardIllusrtation from './images/bellasky.jpg';
+import FloorMap from './images/floor-plan.svg';
 
 const TITLE = 'Venue';
 
@@ -12,7 +13,7 @@ const Hero = () => (
       <div className="absolute -top-1/2 left-1/2 h-[503px] w-[503px] -translate-x-1/2 bg-white blur-[100px] md:-left-[30%] md:h-[350px] md:w-[350px]" />
       <div className="relative">
         <h1 className="text-6xl font-bold leading-denser ">{TITLE}</h1>
-        <div className="mt-14 flex justify-between lg:justify-around md:flex-col sm:items-center">
+        <div className="mt-14 flex justify-between lg:justify-around md:flex-col sm:items-center gap-10">
           <div className="grid max-w-[384px] grid-cols-1 rounded shadow-[0_14px_40px_#CCCCCC] md:max-w-none md:grid-cols-2 sm:max-w-[500px] sm:grid-cols-1">
             <img
               className="min-w-full md:col-span-1 md:col-start-1 md:row-start-1 md:h-full"
@@ -24,30 +25,31 @@ const Hero = () => (
             />
             <div className="pt-5 pb-8 pl-10 pr-16 leading-normal md:row-start-1 md:px-6 sm:row-start-2">
               <Link
-                to="https://goo.gl/maps/aegmwLjH3CxsY8wm7"
+                to="https://maps.app.goo.gl/RFChKAjH48HAjjkAA"
                 className="text-2xl font-semibold sm:text-xl"
                 theme="primary"
               >
-                JYSK
+                Bella Center
               </Link>
               <address className="mt-5 text-lg not-italic text-[#262F59] opacity-60 sm:text-lg">
-              JYSK <br /> Sødalsparken 18 <br /> 8220, Brabrand
+              Bella Center <br /> Indgang 4, Martha Christensens Vej 8<br /> 2300 København S
               </address>
             </div>
           </div>
 
-          <div className="w-[520px] self-center text-lg leading-normal text-primary-1 xl:max-w-[470px] lg:ml-8 lg:max-w-[530px] md:ml-0 md:mt-5 md:w-full md:max-w-none sm:text-lg">
-            <p>
-              The Kubernetes Community Days in Denmark will be held at JYSK, Brabrand.
-            </p>
-            {/* <p className="mt-5">
-            Do not miss out on the opportunity of fun, to connect with fellow attendees and continue the conversation at the networking event.
-            </p> */}
-            <p className="mt-5 font-bold">We cannot wait to see you there!</p>
-          </div>
+          <div className="max-w-none grid-cols-1 md:max-w-none md:grid-cols-2 sm:row-start-2 sm:grid-cols-2">
+            <img
+              className="pt-8 min-w-full md:pt-0 md:col-span-1 md:col-start-1 md:row-start-1 md:h-full sm:h-full"
+              src={FloorMap}
+              width={1000}
+              height="auto"
+              loading="eager"
+              alt="card-illustration"
+            />
+        </div> 
+        </div>
+        </div>
         </div>
-      </div>
-    </div>
   </section>
 );
 

diff --git a/src/components/pages/venue/hero/images/bellasky.jpg b/src/components/pages/venue/hero/images/bellasky.jpg
diff --git a/src/components/pages/venue/hero/images/floor-plan.svg b/src/components/pages/venue/hero/images/floor-plan.svg
diff --git a/src/components/pages/venue/hero/images/venue.jpg b/src/components/pages/venue/hero/images/venue.jpg
diff --git a/src/components/pages/venue/hotel/hotel.jsx b/src/components/pages/venue/hotel/hotel.jsx
@@ -5,77 +5,35 @@ import Link from 'components/shared/link';
 const TITLE = 'Hotel Information';
 
 const Hotel = () => (
-  <section className="safe-paddings bg-white py-20 md:py-24 sm:py-16 mb-20">
+  <section className="safe-paddings bg-white py-1 md:py-1 sm:py-1 mb-20">
     <div className="container-md ">
       <h2 className="mb-10 text-center text-6xl font-bold leading-tight text-primary-1">{TITLE}</h2>
 
-      <div className="mb-10 text-2xl text-primary-1 sm:text-lg">
-        <p>
-          <span className="font-bold">Kubernetes Community Days Denmark</span> along with <span>JYSK</span> have arranged hotels
-          in and around Aarhus with discounted rates for those who wish to stay over. Below you will
-          find accommodation with{'  '}
-          <Link
-            to="https://www.scandichotels.com/hotels/denmark/aarhus"
-            className="font-semibold sm:text-xl"
-            theme="primary"
-          >Scandic Hotels
-          </Link>
-          . There are however very limited amount of discounted rates available!
-        </p>
-      </div>
-
-      <div className="mt-7">
-        <p>
-          <Link
-            to="https://www.scandichotels.com/hotels/denmark/aarhus/scandic-the-mayor"
-            className="font-semibold sm:text-xl"
-            theme="primary"
-          >
-            Scandic Aarhus City
-          </Link>
-          <br />
-          Østergade 10, 8000 Aarhus - 89 31 81 00 - aarhuscity@scandichotels.com
-        </p>
-      </div>
       <div className="mt-7">
         <p>
           <Link
-            to="https://www.scandichotels.com/hotels/denmark/aarhus/scandic-the-mayor"
+            to="https://www.marriott.com/en-us/hotels/cphac-ac-hotel-bella-sky-copenhagen/overview/"
             className="font-semibold sm:text-xl"
             theme="primary"
           >
-            Scandic Århus
+            Bella Sky
           </Link>
           <br />
-          Rytoften 3, 8210 Aarhus - 86 15 68 44 - aarhus@scandichotels.com
+          Martha Christensens Vej 5, 2300 Copenhagen - Venue Hotel
+
         </p>
       </div>
       <div className="mt-7">
         <p>
           <Link
-            to="https://www.scandichotels.com/hotels/denmark/aarhus/scandic-the-mayor"
+            to="https://www.booking.com/hotel/dk/ibis-styles-copenhagen-orestad.en-gb.html"
             className="font-semibold sm:text-xl"
             theme="primary"
           >
-            Scandic The Mayor
+            Ibis Ørestad
           </Link>
           <br />
-          Banegårdspladsen 14, 8000 Aarhus - 87 32 01 00 - themayor@scandichotels.com
-        </p>
-      </div>
-
-      <div className="mt-7">
-        <p>
-          Booking should be made direct via mail/phone and to take advantage of the discounted rate,
-          let them know you are attending "KCD at JYSK". The
-          closest hotel is{' '}
-          <Link
-            to="https://www.scandichotels.com/hotels/denmark/aarhus/scandic-aarhus-vest"
-            className="font-semibold sm:text-xl"
-            theme="primary"
-          >
-            Scandic Aarhus Vest
-          </Link>.          
+          Ørestads Boulevard 47, 2300 Copenhagen - Close to the venue
         </p>
       </div>
     </div>

diff --git a/src/components/pages/venue/transport/images/bellagroup-map-1080x1080.webp b/src/components/pages/venue/transport/images/bellagroup-map-1080x1080.webp
diff --git a/src/components/pages/venue/transport/transport.jsx b/src/components/pages/venue/transport/transport.jsx
@@ -1,7 +1,7 @@
 import React from 'react';
 
 import Link from 'components/shared/link';
-import Button from 'components/shared/button';
+import Bellamap from './images/bellagroup-map-1080x1080.webp';
 
 const TITLE = 'Transport Information';
 
@@ -10,49 +10,66 @@ const Transport = () => (
     <div className="container-md ">
       <h2 id="Transport" className="mb-10 text-center text-6xl font-bold leading-tight text-primary-1">{TITLE}</h2>
 
-      <div className="mb-10 text-2xl text-primary-1 sm:text-lg">
-        IMPORTANT: There is no parking available at the venue, however we have arranged free parking in the near
-        by shopping center City Vest. This is however a 3km walk, so we recommend using our shuttle bus service.
+      <div className="mb-1 text-2xl text-primary-1 sm:text-lg">
+      For a more detailed transportation guide, please visit Bella Center's website
+      <Link
+                to="https://www.bellacenter.dk/en/visitor/getting-here"
+                className="pl-1 text-2xl font-semibold sm:text-xl"
+                theme="primary"
+              >
+              here
+          </Link>
       </div>
 
-      <div style={{textAlign: 'center'}}>
+      <div className="pt-5 mb-1 text-2xl font-semibold text-primary-1 sm:text-lg">
+        Public Transport
+      </div>
 
-      <Button
-        className="mt-10 shadow-xl bg-red text-white hover:shadow-[0px_15px_30px_#adadad] md:mt-8 xs:mt-7 xs:w-full"
-        to="/shuttle-bus"
-        size="lg"
-      >
-       Shuttle Bus Service
-      </Button>
+      <div style={{textAlign: 'center'}}>
       </div>
 
 
       <div className="mt-7">
+        <span className="font-bold">Metro</span> 
+        <p className='pt-5'>
+        Take the metro M1 between Vandløse and Vestamager, and get off at the Bella Center st. <br  />
+        It is a 5 minute walk from the metro to Bella Center.
+        </p>
         <p className='pt-5 pb-5'>
-        <span className="font-bold">Public Transportation by bus</span> 
-        <p className='pt-5 pb-5'>
-        Take bus 11, 12 or 113 to the stop “Sødalsvej/Silkeborgvej”, follow the footpath between the
-        buildings on the north side of Silkeborgvej and turn left for JYSK Head Office.
+        <span className="font-bold">Bus</span> 
+        <p className='pt-5'>
+        It's possible to take multiple bus lines towards Bella Center, search at <Link
+                to="https://www.rejseplanen.dk/webapp/?language=en_EN"
+                className="pt-5 font-semibold sm:text-xl"
+                theme="primary"
+              >
+                Rejseplanen
+          </Link> for more information on which bus to take.
         </p>
-        <img src='https://www.jysk.com/sites/jysk.com/files/inline-images/By%20bus.png' width={500}></img>
+        <p className='pt-5'>
+        <span className="font-bold">Train</span> 
+        <p className='pt-5 pb-5'>
+        When using regional trains, it is possible to switch to the Metro at Ørestad St. and take the Metro to Bella Center st.
         </p>
-        <span className="font-bold">By car (drop off only)</span>
-
-<p className="pt-5 pb-5">
-    From Aarhus: When driving from the city centre at Silkeborgvej, turn right at Bagerivej,
-    follow the right turn at Sødalsparken and JYSK is on the right hand.
-  </p>
-  <p className="pt-5 pb-5">
-    From Silkeborg/E45: Follow Herningmotorvejen until the roundabout, take the first exit
-    towards Brabrand, take the second exit in the second roundabout towards Brabrand at
-    Silkeborgvej, follow Silkeborgvej for 900 metres and turn left at Bagerivej, follow the
-    right turn at Sødalsparken and JYSK is on the right hand.
-  </p>
-  <br />
-  <img src="https://www.jysk.com/sites/jysk.com/files/inline-images/By%20car.png" width={500}></img>
+      < br />
+
+
 
+        <div className="mb-1 text-2xl font-semibold text-primary-1 sm:text-lg">
+        Car
+      </div>
+      <p className='pt-5 pb-5'>
+        It's possible to park near the venue, parking spaces are marked on the map, we recommend parking near entrance 4.
+        </p>
+        <img src={Bellamap} width={500}></img>
+
+        </p>
+
+        </p>
+      <div style={{textAlign: 'center'}}>
+      </div>
+      </div>
       </div>
-    </div>
   </section>
 );
 

diff --git a/src/constants/menus.js b/src/constants/menus.js
@@ -9,7 +9,7 @@ const MENUS = {
     // { text: 'Workshops', ...LINKS.workshops },
     //{ text: 'Call for Proposal', ...LINKS.proposal },
     // { text: 'Getting There', ...LINKS.gettingthere },
-    // { text: 'Venue', ...LINKS.venue },
+    { text: 'Venue', ...LINKS.venue },
     // { text: 'Sponsors', ...LINKS.sponsors },
     { text: 'Archive', ...LINKS.schedule2023 } , 
   ],
@@ -27,7 +27,7 @@ const MENUS = {
     // { text: 'Workshops', ...LINKS.workshops },
     //{ text: 'Call for Proposal', ...LINKS.proposal },
     // { text: 'Getting There', ...LINKS.gettingthere },
-    // { text: 'Venue', ...LINKS.venue },
+    { text: 'Venue', ...LINKS.venue },
     // { text: 'Sponsors', ...LINKS.sponsors },
     { text: 'Archive', ...LINKS.schedule2023 },
   ],