11import React from 'react' ;
22
3+ import Button from '../../../shared/button' ;
4+
5+ import adrianajosh from './images/adriana-josh.webp' ;
6+ import crowd from './images/crowd.webp' ;
37import hands from './images/hands.webp' ;
4- import pia from './images/pia.webp' ;
5- import vendors from './images/vendors.webp' ;
8+ import orgs from './images/orgs.webp' ;
69
710const Hero = ( ) => (
811 < section className = "safe-paddings" >
912 < div className = "container w-full flex flex-row md:flex-col gap-8 justify-between items-center" >
1013 < div className = "flex flex-col gap-8 max-w-[580px] md:max-w-full" >
1114 < h1 className = "text-start mb-0" > Cloud Native Days Austria</ h1 >
1215 < p >
13- On < strong className = "text-pink" > October 7th and 8th, 2025</ strong > the Cloud Native
14- community will gather again in Vienna, Austria.
16+ < strong className = "text-pink" > It's a wrap!</ strong >
17+ < br />
18+ On October 7th and 8th, 2025 the Cloud Native
19+ community gathered in Vienna, Austria.
20+ We spent two days filled with exciting talks, networking and partying.
1521 </ p >
1622 < p >
17- Join us for two days filled with exciting talks and networking opportunities. Cloud Native
18- Days Austria is aimed at developers, platform people, and other IT professionals
23+ Cloud Native Days Austria is a conference aimed at developers, platform people, and other IT professionals
1924 interested in cloud native technologies.
2025 </ p >
26+ < Button to = "https://www.picdrop.com/giselataschner-carl-hohenbalken/bzmm9YBJW2" className = "m-auto" > See all photos of the event</ Button >
2127 </ div >
22- < div className = "max-w-[500px] w-full h-[450px] relative overflow-hidden rounded" >
28+ < a href = "https://www.picdrop.com/giselataschner-carl-hohenbalken/bzmm9YBJW2" target = "_blank" className = "max-w-[500px] w-full h-[450px] relative overflow-hidden rounded" rel = "noreferrer ">
2329 < img
2430 className = "w-full h-full object-cover absolute animate-slide1"
25- src = { pia }
31+ src = { adrianajosh }
2632 loading = "eager"
27- alt = "A speaker giving a talk to an audience in a cinema "
33+ alt = "Two speakers giving a talk"
2834 />
2935 < img
3036 className = "w-full h-full object-cover absolute animate-slide2"
@@ -34,11 +40,17 @@ const Hero = () => (
3440 />
3541 < img
3642 className = "w-full h-full object-cover absolute animate-slide3"
37- src = { vendors }
43+ src = { orgs }
3844 loading = "eager"
39- alt = "Vendors showcasing their products at individual booths "
45+ alt = "The organizers of the event "
4046 />
41- </ div >
47+ < img
48+ className = "w-full h-full object-cover absolute animate-slide4"
49+ src = { crowd }
50+ loading = "eager"
51+ alt = "Attendees of the event networking and talking to each other"
52+ />
53+ </ a >
4254 </ div >
4355 </ section >
4456) ;
0 commit comments