Staging alignment - again

gatsby-config.js

@@ -6,7 +6,7 @@ module.exports = {
   flags: { DEV_SSR: process.env.GATSBY_DEV_SSR || false },
   siteMetadata: {
     siteTitle: 'KCD Denmark',
-    siteDescription: 'Kubernetes Community Days Denmark 2023 - Aarhus',
+    siteDescription: 'Kubernetes Community Days Denmark 2024 - Copenhagen',
     siteImage: '/images/social-preview.jpg',
     siteLanguage: 'en',
     siteUrl: process.env.GATSBY_DEFAULT_SITE_URL || 'http://localhost:8000',

src/components/pages/home/hero/hero.jsx

@@ -2,16 +2,18 @@ import React from 'react';
 
 import Button from 'components/shared/button';
 
-import illustration from './images/kcd2023-iso.svg';
+import illustration from './images/kcd2024.png';
 
 const TITLE = 'Kubernetes Community Days Denmark';
 
-const DESCRIPTION = 'KCD Denmark is coming to Copenhagen November 19-20. Stay tuned to experience the power of community in Denmark! When a diverse group of experts comes together to learn, network, and share knowledge on all things cloud native.';
+
+const DESCRIPTION = 'KCD Denmark is coming to Copenhagen November 19-20. \n  Stay tuned to experience the power of community in Denmark! When a diverse group of experts comes together to learn, network, and share knowledge on all things cloud native.';
+
 
 const Hero = () => (
   <section className="safe-paddings overflow-hidden bg-[#EDC3C7] bg-opacity-10 pt-28 pb-40 lg:pb-32 md:pt-24 md:pb-[500px] sm:pb-[520px] [@media(max-width:600px)]:pb-[430px] [@media(max-width:460px)]:pb-[420px]">
     <div className="container relative md:flex md:flex-col">
-      <div className="absolute top-0 -left-[40%] h-[566px] w-[566px] translate-x-1/2 bg-white blur-[100px] md:-left-[30%] md:h-[350px] md:w-[350px]" />
+      <div className="absolute top-0 -left-[40%] h-[566px] w-[566px] translate-x-1/2 md:-left-[30%] md:h-[350px] md:w-[350px]" />
       <div className="relative md:flex md:flex-col md:items-center md:text-center">
         {/* <time
           className="rounded-3xl bg-red px-4 py-2 text-sm font-bold leading-none text-white"
@@ -37,12 +39,10 @@ const Hero = () => (
             </Button> */}
             <Button
               className="rounded-3xl bg-red px-20 py-2 text-xl font-bold leading-none text-white shadow-[0_15px_40px_#999999] hover:shadow-[0px_15px_30px_#adadad]"
-              to="https://www.youtube.com/watch?v=VAy8gEaB1Z0&list=PL09s8ZalKQe85iIzlixAOQEh_oFMoMKtM"
+              to="https://www.canva.com/design/DAF5X4WiO6I/6bgxDDraWrQzTfyTYtINmQ/view"
               size="lg"
               theme="secondary"
-            >
-              Watch the Recordings from 2023
-            </Button>
+            >Sponsor Prospectus</Button>
 
             {/* <Button
               className="mt-5 rounded-3xl bg-red px-20 py-2 text-xl font-bold leading-none text-white shadow-[0_15px_40px_#999999] hover:shadow-[0px_15px_30px_#adadad]"
@@ -56,12 +56,24 @@ const Hero = () => (
         }
       </div>
       <img
-        className="absolute -top-44 -left-20 translate-x-1/2 xl:-top-28 xl:-left-8 xl:w-full xl:max-w-[920px] lg:left-[38%] lg:-top-16 lg:w-[750px] lg:translate-x-1 md:top-[37%] md:left-1/2 md:-translate-x-1/2 md:translate-y-1/2 sm:top-[27%] [@media(max-width:600px)]:top-[47%] [@media(max-width:600px)]:w-[600px] [@media(max-width:460px)]:top-[65%] [@media(max-width:460px)]:w-[490px]"
+        className="absolute -top-44 -left-20 translate-x-1/4 -z-10
+        xl:-top-28 xl:-left-8 xl:w-full xl:max-w-[920px] xl:translate-x-1/3
+        lg:left-[28%] lg:-top-16 lg:w-[950px] lg:translate-x-1
+        md:top-[0px] md:-translate-x-1/4 md:translate-y-1/2 
+        sm:top-[0px] sm:left-1/4
+        [@media(max-width:600px)]:top-[-20%] 
+        [@media(max-width:600px)]:w-[900px] 
+        [@media(max-width:600px)]:left-[-20%]
+        [@media(max-width:460px)]:top-[-10%] 
+        [@media(max-width:460px)]:w-[900px]
+        [@media(max-width:460px)]:left-[-50%]
+        "
         src={illustration}
         width={1090}
         height="auto"
         loading="eager"
         alt="Illustration"
+        style={{zIndex: -1000}}
       />
     </div>
   </section>

src/components/pages/home/sponsors/sponsors.jsx

@@ -7,87 +7,79 @@ import Cloudnative from 'icons/cloudnative.svg';
 import JYSK from 'icons/JYSK.svg';
 import CodingPirates from 'icons/codingpirates.svg';
 import Isovalent from 'icons/isovalent.svg'
-import Netic from 'icons/netic.png'
-import Dynatrace from 'icons/dynatrace.svg'
-import Systematic from 'icons/systematic.svg'
-import Atea from 'icons/atea.svg'
-import Lunar from 'icons/lunar.png'
-import Redpill from 'icons/redpill.png'
-import Sysdig from 'icons/sysdig.svg'
-import Lego from 'icons/lego.svg'
-import Saxo from 'icons/saxo.svg'
+// import Netic from 'icons/netic.png'
+import ContainByNetic from 'icons/containbynetic.svg'
+// import Dynatrace from 'icons/dynatrace.svg'
+// import Systematic from 'icons/systematic.svg'
+// import Atea from 'icons/atea.svg'
+// import Lunar from 'icons/lunar.png'
+// import Redpill from 'icons/redpill.png'
+// import Sysdig from 'icons/sysdig.svg'
+// import Lego from 'icons/lego.svg'
+// import Saxo from 'icons/saxo.svg'
 import Nordics from 'icons/nordics.svg'
-import PaloAlto from 'icons/paloalto.svg'
-import KubeCareers from 'icons/kube-careers.svg'
-import KubeEvents from 'icons/kube-events.svg'
+// import PaloAlto from 'icons/paloalto.svg'
+// import KubeCareers from 'icons/kube-careers.svg'
+// import KubeEvents from 'icons/kube-events.svg'
 import Deranged from 'icons/deranged.svg'
-import Bestseller from 'icons/bestseller.svg'
-import Eficode from 'icons/eficode.svg'
-import Boozt from 'icons/boozt.png'
-import TV2 from 'icons/tv2.svg'
-import TrendMicro from 'icons/trendmicro.svg'
-import Akamai from 'icons/akamai.svg'
-import Dypang from 'icons/dypang.svg'
-import Enggaard from 'icons/enggaard.svg'
-import StickerMule from 'icons/stickermule.svg'
+// import Bestseller from 'icons/bestseller.svg'
+// import Eficode from 'icons/eficode.svg'
+// import Boozt from 'icons/boozt.png'
+// import TV2 from 'icons/tv2.svg'
+// import TrendMicro from 'icons/trendmicro.svg'
+// import Akamai from 'icons/akamai.svg'
+// import Dypang from 'icons/dypang.svg'
+// import Enggaard from 'icons/enggaard.svg'
+// import StickerMule from 'icons/stickermule.svg'
 
 const TITLE = 'Sponsors';
 
 const ITEMS = [
   {
     title: 'Platinum Sponsors',
     logos: [
-      { icon: Isovalent, url: 'https://isovalent.com/' },
-      { icon: Netic, url: 'https://www.netic.dk/', scale: '70%' },
-
-      { icon: Bestseller, url: 'https://bestseller.com/' },
-
-      { icon: Systematic, url: 'https://systematic.com/en-gb/' },
-      { icon: Atea, url: 'https://atea.dk/' },
-      { icon: Dynatrace, url: 'https://www.dynatrace.com/' },
+      { icon: ContainByNetic, url: 'https://contain.dk/', scale: '70%' },
     ],
     cardClassname:
       'min-w-[488px] max-w-[330px] min-h-[152px] sm:min-w-[350px] sm:min-h-[130px] xs:min-w-fit xs:max-w-full',
     iconClassname: 'max-w-[390px] sm:max-w-[350px]',
   },
+  {
+    title: 'Gold Sponsors',
+    logos: [
+      { icon: Isovalent, url: 'https://isovalent.com/' },
+    ],
+    cardClassname:
+      'min-w-[384px] min-h-[122px] sm:min-w-[320px] sm:min-h-[115px] xs:min-w-fit xs:max-w-full',
+    iconClassname: 'max-w-[250px] sm:min-w-[290px]',
+  },  
   {
     title: 'Community Sponsors',
     logos: [
-      { icon: Lunar, url: 'https://www.lunar.app/' },
-      { icon: Redpill, url: 'https://redpill-linpro.com/' },
-      { icon: Sysdig, url: 'https://sysdig.com/'},
-      { icon: Lego, url: 'https://www.lego.com/', scale: '65%' },
-      { icon: PaloAlto, url: 'https://www.paloaltonetworks.com/' },
-      { icon: Saxo, url: 'https://www.home.saxo/' },
-      { icon: Deranged, url: 'https://deranged.dk' },
-      { icon: Eficode, url: 'https://eficode.com' },
-      { icon: Boozt, url: 'https://www.booztgroup.com/' },
-      { icon: TV2, url: 'https://tv2.dk/' },
-      { icon: TrendMicro, url: 'https://www.trendmicro.com/' },
-      { icon: Akamai, url: 'https://www.akamai.com/' },
+      { icon: JYSK, url: 'https://www.jysk.com/'  },
+      { icon: Deranged, url: 'https://deranged.dk/' },
     ],
     cardClassname:
       'min-w-[384px] min-h-[122px] sm:min-w-[320px] sm:min-h-[115px] xs:min-w-fit xs:max-w-full',
     iconClassname: 'max-w-[150px] sm:min-w-[290px]',
   },
   {
-    title: 'Venue & Partners',
+    title: 'Media & Partners',
     logos: [
-      { icon: JYSK, url: 'https://www.jysk.com/', scale: '70%'  },
       { icon: Nordics, url: 'https://cloudnativenordics.com/' },
       { icon: CodingPirates, url: 'https://codingpirates.dk/' , scale: '80%' },
 
-      { icon: KubeCareers, url: 'https://kube.careers/', scale: '80%' },
-      { icon: KubeEvents, url: 'https://kube.events/' , scale: '80%' },
+      // { icon: KubeCareers, url: 'https://kube.careers/', scale: '80%' },
+      // { icon: KubeEvents, url: 'https://kube.events/' , scale: '80%' },
 
       { icon: Cloudnative, url: 'https://www.cncf.io/' },
-      { icon: Dypang, url: 'https://dypaang.dk/' },
-      { icon: Enggaard, url: 'https://www.enggaard.dk/' },
+
+      // { icon: Enggaard, url: 'https://www.enggaard.dk/' },
       // { icon: StickerMule, url: 'https://www.stickermule.com/eu/custom-stickers' },
     ],
     cardClassname:
       'min-w-[384px] min-h-[122px] sm:min-w-[320px] sm:min-h-[115px] xs:min-w-fit xs:max-w-full',
-    iconClassname: 'max-w-[330px] sm:min-w-[290px]',
+    iconClassname: 'max-w-[330px] sm:min-w-[100%]',
   },
 ];
 
@@ -98,13 +90,14 @@ const Sponsors = () => (
         {TITLE}
       </h2>
       <p className="mx-auto mt-5 max-w-[800px] text-lg leading-normal text-primary-1">
-        We would like to extend a special thank you to our sponsors for their support and commitment
-        to the community. We couldn't do it without them!
-        {/* If you’re interested in becoming a
-        sponsor, please contact{' '}
+        {/* We would like to extend a special thank you to our sponsors for their support and commitment
+        to the community. We couldn't do it without them! */}
+        If you’re interested in becoming a sponsor, please contact{' '}
         <Link className="font-semibold" theme="blue-underlined" to="mailto:contact@kcddenmark.dk">
-          contact@kcddenmark.dk
-        </Link> */}
+          sponsor@kcddenmark.dk
+        </Link> or view our {' '}
+        <Link className="font-semibold" theme="blue-underlined" to="https://www.canva.com/design/DAF5X4WiO6I/6bgxDDraWrQzTfyTYtINmQ/view">
+prospectus </Link>
       </p>
 
       <ul className="mt-16 flex flex-col">

src/components/pages/home/welcome/welcome.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 
 const Welcome = () => (
-  <section className="safe-paddings bg-white py-20 md:py-24 sm:py-16">
+  <section className="safe-paddings bg-white py-10 md:py-24 sm:py-16">
     <div className="container-md">
       <div className="text-2xl text-primary-1 sm:text-lg">
         {/* <p className="mt-0 text-center text-4xl font-bold leading-tight pb-8">Ticket sales are now open!</p> */}
@@ -10,7 +10,8 @@ const Welcome = () => (
         <web-component-embed id="zXJRWk" app_slug="countdown-timer"></web-component-embed><script src="https://app.powr.io/assets/webcomponent.js"></script>
         </p> */}
 
-        <p className="mt-0 text-center text-4xl font-bold leading-tight pb-8">KCD Denmark is coming to Copenhagen November 19-20. Stay tuned!</p>
+        <p className="mt-0 text-center text-4xl font-bold leading-tight pb-8">KCD Denmark is coming to <br /> Copenhagen November 19-20<br /> Stay tuned!</p>
+
 
         <p>
           <span className="font-bold">Kubernetes Community Days</span> (KCDs) are global,
@@ -20,12 +21,11 @@ const Welcome = () => (
             Computing Foundation</span></a> (CNCF).
         </p>
         <p className="mt-7">
-          This is the first KCD in <span className="font-bold">Denmark</span>, and we are excited
-          to bring the community together. We want to provide a platform for professionals and
-          experts from all levels and backgrounds to learn, network, and share their knowledge on
-          all things cloud native. Furthermore, all profits from the event will be donated
-          to <a href="https://codingpirates.dk"><span className="font-bold">Coding Pirates</span></a>,
-          a non-profit organization that nurtures IT creativity in children.
+          This is the second Kubernetes Community Days (KCD) event in <span className="font-bold">Denmark</span>, and we are excited to host it in 
+          Copenhagen over two exciting days. This event provides a platform for professionals and experts of all 
+          backgrounds and experience levels to learn, network, and share knowledge about cloud-native technologies. 
+          In addition all profits from the event will be donated to <a href="https://codingpirates.dk"><span className="font-bold">Coding Pirates</span></a>, a non-profit organization 
+          dedicated to promoting IT creativity in children.
         </p>
 
       </div>

src/components/pages/team/members/members.jsx

@@ -3,16 +3,19 @@ import React from 'react';
 import Link from 'components/shared/link';
 
 import CamillaPhoto from './images/organizer-camilla-larsen.jpg';
-import HenrikPhoto from './images/organizer-henrik-hoeegh.jpg';
+import SorenPhoto from './images/organizer-soren.jpg';
 import JinhongPhoto from './images/organizer-jinhong-brejnholt.jpg';
 import KasperPhoto from './images/organizer-kasper-nielsen.jpg';
 import NikitaPhoto from './images/organizer-nikita-hald.jpg';
-import OpheliaPhoto from './images/organizer-ophelia-dalsgaard.jpg';
+import MadsPhoto from './images/organizer-mads.jpg';
+import AllanPhoto from './images/organizer-allan.jpg';
+import RenePhoto from './images/organizer-rene.jpg';
 import PerPhoto from './images/organizer-per-christiansen.jpg';
 import RobertPhoto from './images/organizer-robert-jensen.jpg';
 import RyanPhoto from './images/organizer-ryan-gough.jpg';
 import ThomasPhoto from './images/organizer-thomas-vitale.jpg';
 import ThorPhoto from './images/organizer-thor-lange.jpg';
+import PlaceholderPhoto from './images/organizer-placeholder-picture.jpg';
 
 const ITEMS = [
   {
@@ -22,13 +25,13 @@ const ITEMS = [
     linkedinUrl: 'https://www.linkedin.com/in/camilla-larsen-tux',
     twitterUrl: '',
   },
-  {
-    name: 'Henrik René Høegh',
-    position: 'Product Owner at VELUX',
-    photo: HenrikPhoto,
-    linkedinUrl: 'https://www.linkedin.com/in/hoeghh',
-    twitterUrl: 'https://twitter.com/henrikhoegh',
-  },
+  // {
+  //   name: 'Henrik René Høegh',
+  //   position: 'Product Owner at VELUX',
+  //   photo: HenrikPhoto,
+  //   linkedinUrl: 'https://www.linkedin.com/in/hoeghh',
+  //   twitterUrl: 'https://twitter.com/henrikhoegh',
+  // },
   {
     name: 'Jinhong Brejnholt',
     position: 'Chief Cloud Architect & Product Owner at Saxo Bank A/S',
@@ -43,13 +46,13 @@ const ITEMS = [
     linkedinUrl: 'https://www.linkedin.com/in/kaspernissen',
     twitterUrl: 'https://twitter.com/phennex',
   },
-  {
-    name: 'Ophelia Z. Dalsgaard',
-    position: 'Chapter Lead at Danske Bank',
-    photo: OpheliaPhoto,
-    linkedinUrl: 'https://www.linkedin.com/in/ophelia-zhang-dalsgaard-123580106',
-    twitterUrl: '',
-  },
+  // {
+  //   name: 'Ophelia Z. Dalsgaard',
+  //   position: 'Chapter Lead at Danske Bank',
+  //   photo: OpheliaPhoto,
+  //   linkedinUrl: 'https://www.linkedin.com/in/ophelia-zhang-dalsgaard-123580106',
+  //   twitterUrl: '',
+  // },
   {
     name: 'Per Hedegaard Christiansen',
     position: 'Chief Container Platform Engineer at Saxo Bank A/S',
@@ -92,6 +95,34 @@ const ITEMS = [
     linkedinUrl: 'https://www.linkedin.com/in/nikitahald',
     twitterUrl: '',
   },
+  {
+    name: 'René Gulager',
+    position: 'Platform Engineer/DevOps Freelancer',
+    photo: RenePhoto,
+    linkedinUrl: 'https://www.linkedin.com/in/renegulager/',
+    twitterUrl: '',
+  },
+  {
+    name: 'Allan Hoejgaard Jensen',
+    position: 'Platform Development Specialist at Netic',
+    photo: AllanPhoto,
+    linkedinUrl: 'https://www.linkedin.com/in/allanhoejgaardjensen/',
+    twitterUrl: '',
+  },
+  {
+    name: 'Søren Boss Jacobsen',
+    position: 'Regional Sales Manager @ Lacework',
+    photo: SorenPhoto,
+    linkedinUrl: 'https://www.linkedin.com/in/sorenbossjacobsen/',
+    twitterUrl: '',
+  },
+  {
+    name: 'Mads Høgstedt Danqua',
+    position: 'Lead Engineer @ The LEGO Group',
+    photo: MadsPhoto,
+    linkedinUrl: 'https://www.linkedin.com/in/danquah/',
+    twitterUrl: '',
+  },
 ];
 
 const Members = () => (

src/constants/links.js

@@ -52,6 +52,10 @@ export default {
     to: '/data-privacy',
     target: '_blank',
   },
+  transparency: {
+    to: 'https://www.cncf.io/reports/kcd-denmark-2023/',
+    target: '_blank',
+  },
   gettingthere: {
     to: '/venue',
     id: getAnchor('Transport'),

src/constants/menus.js

@@ -15,6 +15,7 @@ const MENUS = {
     { text: 'Team', ...LINKS.team },
     { text: 'Mission Statement', ...LINKS.mission },
     { text: 'Privacy Policy', ...LINKS.privacy },
+    { text: 'Transparency \'23', ...LINKS.transparency },
   ],
   mobile: [
     // { text: 'Speakers', ...LINKS.speakers },