hero images

devcon/src/pages/about.tsx

@@ -27,7 +27,7 @@ import About1 from 'assets/images/carousel/about/about-1.jpg'
 import About2 from 'assets/images/carousel/about/about-2.jpg'
 import About3 from 'assets/images/carousel/about/about-3.jpg'
 import About4 from 'assets/images/carousel/about/about-4.jpg'
-import HeroBackground from 'assets/images/pages/hero-bgs/about-bg (3).png'
+import HeroBackground from 'assets/images/pages/hero-bgs/about-bg.png'
 
 export default pageHOC(function AboutPage(props: any) {
   const pageContext = usePageContext()

devcon/src/pages/news/[page].tsx

@@ -15,6 +15,7 @@ import ChevronLeft from 'assets/icons/chevron_left.svg'
 import ChevronRight from 'assets/icons/chevron_right.svg'
 import css from './news.module.scss'
 import { Link } from 'components/common/link'
+import HeroBackground from 'assets/images/pages/hero-bgs/news-bg.png'
 
 const limit = 10
 
@@ -39,7 +40,7 @@ export default pageHOC(function NewsTemplate(props: any) {
 
   return (
     <Page theme={themes['news']}>
-      <PageHero />
+      <PageHero heroBackground={HeroBackground} />
 
       <div className="section">
         <NewsOverview newsItems={props.news} />

devcon/src/pages/past-events.tsx

@@ -23,7 +23,7 @@ import Prague from 'assets/images/editions/Prague.png'
 import Osaka from 'assets/images/editions/Osaka.png'
 import Bogota from 'assets/images/editions/Bogota.png'
 import { useTranslations } from 'next-intl'
-import HeroBackground from 'assets/images/pages/hero-bgs/about-bg (3).png'
+import HeroBackground from 'assets/images/pages/hero-bgs/about-bg.png'
 
 function getEditionImage(edition: number) {
   if (edition === 0) return Berlin