Merge branch 'master' of https://github.com/asyncapi/conference-website…

… into feat/add-testing-framework
ashmit-coder · Oct 31, 2024 · ab8aeb2 · ab8aeb2
2 parents 47019f6 + 9ceb242
commit ab8aeb2
Show file tree

Hide file tree

Showing 11 changed files with 116 additions and 26 deletions.
diff --git a/components/About/about.js b/components/About/about.js
@@ -39,7 +39,7 @@ function About() {
 						<a className='flex justify-center ' href='/pdf/conf-2024.pdf' download={`conf ${new Date().getFullYear()}.pdf`} >
 							<Button overlay={true} className='w-[240px] border'>
 								<div className='flex gap-2 justify-center items-center'>
-									<Image src="/img/Download_icon.png" height={20} width={20} alt='Download-icon' objectFit='contain' />
+									<Image src="/img/Download_icon.png" height={20} width={20} alt='Download-icon' objectFit='contain'  />
 									<div>
 										Sponsorship prospectus
 									</div>

diff --git a/components/Dropdown/dropdown.js b/components/Dropdown/dropdown.js
@@ -16,11 +16,11 @@ function Dropdown({ active, items, setOptions, setOptions2 }) {
 		};
 	}, [dropdownRef]);
 	return (
-		<div class='relative inline-block w-full' ref={dropdownRef}>
+		<div className='relative inline-block w-full' ref={dropdownRef}>
 			<div className='w-full'>
 				<button
 					type='button'
-					className='flex justify-between text-white p-4 w-full justify-center gap-x-1.5 shadow-sm card-bg hover:bg-gray-50 gradient-bg no-border rounded-md'
+					className='flex justify-between text-white p-4 w-full gap-x-1.5 shadow-sm card-bg hover:bg-gray-50 gradient-bg no-border rounded-md'
 					id='menu-button'
 					aria-expanded='true'
 					aria-haspopup='true'
@@ -34,7 +34,7 @@ function Dropdown({ active, items, setOptions, setOptions2 }) {
 						aria-hidden='true'
 					>
 						<path
-							fillRule ='evenodd'
+							fillRule='evenodd'
 							d='M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z'
 							clipRule='evenodd'
 						/>
@@ -58,7 +58,7 @@ function Dropdown({ active, items, setOptions, setOptions2 }) {
 					role='menu'
 					aria-orientation='vertical'
 					aria-labelledby='menu-button'
-					tabindex='-1'
+					tabIndex='-1'
 				>
 					<div className='rounded-md gradient-bg' role='none'>
 						{items &&
@@ -73,7 +73,7 @@ function Dropdown({ active, items, setOptions, setOptions2 }) {
 										}}
 										className={`block p-4 text-md text-white cursor-pointer hover:bg-black/10`}
 										role='menuitem'
-										tabindex='-1'
+										tabIndex='-1'
 										id='menu-item-0'
 									>
 										{item.city}

diff --git a/components/Footer/footer.js b/components/Footer/footer.js
@@ -24,7 +24,7 @@ function Footer() {
     <div className="container" data-test="footer">
       <div className="w-full flex justify-between items-center p-4 sm:flex-col sm:gap-3" data-test="footer-asyncAPI-logo">
           <Link href='/'>
-            <Image className="cursor-pointer" src="/img/logo.png" alt="company logo" width={150} height={42} />
+            <Image className="cursor-pointer" src="/img/logo.png" alt="company logo" width={150} height={42}/>
           </Link>
             <div className="sm:hidden"> 
               {/* This div helps keep the text centered */}

diff --git a/components/Navbar/navbar.js b/components/Navbar/navbar.js
@@ -75,7 +75,7 @@ function Navbar() {
 					<div className='flex items-center sm:justify-between sm:w-full' data-test="nav-Home">
 						<Link href='/'>
 							<div className='flex items-center cursor-pointer'>
-								<Image src='/img/logo.png' alt='conference logo' width={120} height={33} />
+								<Image src='/img/logo.png' alt='conference logo' width={120} height={33}  />
 							</div>
 						</Link>
 					</div>
@@ -118,8 +118,8 @@ function Navbar() {
 											)}
 
 										</div>
-										<span class="after:absolute after:-bottom-1 after:left-1/2 after:w-0 after:transition-all after:h-0.5 after:bg-white after:group-hover:w-3/6  "></span>
-                                       <span class="after:absolute after:-bottom-1 after:right-1/2 after:w-0 after:transition-all after:h-0.5 after:bg-white after:group-hover:w-3/6"></span>
+										<span className="after:absolute after:-bottom-1 after:left-1/2 after:w-0 after:transition-all after:h-0.5 after:bg-white after:group-hover:w-3/6  "></span>
+                                       <span className="after:absolute after:-bottom-1 after:right-1/2 after:w-0 after:transition-all after:h-0.5 after:bg-white after:group-hover:w-3/6"></span>
 										{show === link.title && link.subMenu && (
 											<div
 												className='subMenu absolute z-[9] mt-8 w-[150px] rounded-md left-[-15px] gradient-bg px-2 py-1 flex flex-col justify-center space-y-0'

diff --git a/components/Sponsors/sponsors.js b/components/Sponsors/sponsors.js
@@ -3,8 +3,9 @@ import React from 'react'
 import Heading from '../Typography/heading';
 import Paragraph from '../Typography/paragraph';
 import Image from 'next/image';
+import Link from 'next/link';
 
-function Sponsors({imgs}) {
+function Sponsors({eventSponsors,financialSponsor}) {	 //eventSponsors,financialSponsor = [{image: 'url', websiteUrl: 'url' , className: 'string'}] //className for additional styling if needed
   return (
 		<div className='sponsor-bg container text-center' data-test="sponsor-section">
 			<div className='py-[80px] flex flex-col items-center'>
@@ -18,22 +19,30 @@ function Sponsors({imgs}) {
 				</div>
 				<Heading typeStyle='heading-md' className='text-white mt-10 sm:text-2xl sm:mt-5'>Event and Host Sponsor</Heading>
 				<div className='flex justify-center  w-[650px] sm:w-full sm:flex-col sm:justify-center sm:items-center'>
-					{imgs &&
-						imgs.map((img) => (
-							<div key={img} className='w-[300px] h-[150px] flex items-center'>
-								<Image src={img} alt={img} height={210} width={300}/>
+					{eventSponsors &&
+						eventSponsors.map((sponsor) => (
+
+							<div key={sponsor.image} className={`w-[300px] h-[150px] flex items-center ${(sponsor.className)? sponsor.className : ""}`}>
+								<Link href={sponsor.websiteUrl} target='_blank'>
+									<Image src={sponsor.image} alt={sponsor.image} height={210} width={300}/>
+								</Link>	
+
 							</div>
 						))}
 				</div>
 				<div className=' flex space-y-2 flex-col items-center justify-center text-white text-2xl font-bold'>
 				<Heading typeStyle='heading-md' className='text-white mb-12 sm:text-2xl'>Financial Sponsor</Heading>
 				<div className='flex flex-col space-y-6'>
-  					<div className="w-[250px] h-[50px]">
-    					<Image src="/img/graviteeio.svg" alt='financial sponsor' width={250} height={50} />	
-  					</div>
-  					<div className="w-[240px] h-[70px]">
-   						<Image src="/img/postman.png" alt='financial sponsor' width={235} height={70} />	
-  					</div>
+					{financialSponsor &&
+						financialSponsor.map((sponsor) => (
+							<div key={sponsor.image} className={`${(sponsor.className)? sponsor.className : ""}`}>
+								<Link href={sponsor
+								.websiteUrl} target='_blank'>
+									<Image src={sponsor.image} alt={sponsor.image} height={210} width={300}/>
+								</Link>
+							</div>
+						))}
+
 			</div>	
 				</div>
 			</div>

diff --git a/config/cfp-data.json b/config/cfp-data.json
@@ -7,7 +7,7 @@
     "sponsors":[
         "/img/apidays.png"
     ],
-    "ended": false,
+    "ended": true,
     "agenda":null
 
 }
diff --git a/config/city-lists.json b/config/city-lists.json
@@ -62,8 +62,9 @@
 		"sponsors": [
 			"/img/apidays.png"
 		],
-		"ticket": false,
+		"ticket": "https://ticket.apidays.global/event/apidays-paris-2024/f8f61349-4f78-4bba-a162-68d598833116/cart?coupon=ASYNCAPICONF",
 		"isFree": true,
-		"ended": true
+		"cfp": false,
+		"ended": false
 	}
 ]
diff --git a/config/links.json b/config/links.json
@@ -60,6 +60,11 @@
                 "title": "London Talks",
                 "ref": "https://youtube.com/playlist?list=PLbi1gRlP7pig77jJD2ER9wfTxPSzBrLW5&si=YPmjUsj5mU6FpLhB",
                 "target": "_blank"
+            },
+			{
+                "title": "Online Conf Slides",
+                "ref": "https://drive.google.com/drive/folders/1gw_kr6mLX5lITe_DHG94pGUOVYYS0DjY?usp=drive_link",
+                "target": "_blank"
             }
 
 

diff --git a/config/speakers.json b/config/speakers.json
@@ -218,9 +218,84 @@
 				"name": "Jonathan Michaux",
 				"title": "Product Manager at Gravitee",
 				"img": "/img/paris-images/Jonathan.webp"
+			},			
+			{
+				"name": "Pierre Gauthier",
+				"title": "Chief API Architect at TM Forum",
+				"img": "/img/online-conf-images/Pierre.webp"
 			}
 		],
-		"agenda": null
+		"agenda": [
+			{
+                "time": "10:00 AM CEST - 10:50 AM CEST",
+                "session": "TMForum's AsyncAPI For a New Era of Event-Driven Architecture",
+                "speaker": [4,12],
+                "type": "Keynote Speaker"
+            },
+			{
+                "time": "10:50 AM CEST - 11:10 AM CEST",
+                "session": "",
+                "type": "Break/Networking"
+            },
+			{
+                "time": "11:10 AM CEST - 11:35 AM CEST",
+                "session": "API Governance for EDA: Unlocking Developer Experience with AsyncAPI",
+                "speaker": 5,
+                "type": "Technical Speaker"
+            },
+			{
+                "time": "11:35 AM CEST - 12:25 PM CEST",
+                "session": "Reimagining Streaming Apps with AsyncAPI and Postgres",
+                "speaker": 2,
+                "type": "Technical Speaker"
+            },
+			{
+                "time": "12:25 PM CEST - 12:50 PM CEST",
+                "session": "Using the AsyncAPI Ecosystem for Your Event-Driven Architecture",
+                "speaker": 3,
+                "type": "Technical Speaker"
+            },
+			{
+                "time": "12:50 PM CEST - 1:50 PM CEST",
+                "session": "",
+                "type": "Lunch"
+            },
+			{
+                "time": "1:50 PM CEST - 2:40 PM CEST",
+                "session": "Streaming Data Events Into An Event Mesh Infrastructure Using AsyncAPI",
+                "speaker": [9,10],
+                "type": "Technical Speaker"
+            },
+			{
+                "time": "2:40 PM CEST - 3:30 PM CEST",
+                "session": "AsyncAPI for Kafka",
+                "speaker": 1,
+                "type": "Technical Speaker"
+            },
+			{
+                "time": "3:30 PM CEST - 3:55 PM CEST",
+                "session": "",
+                "type": "Break/Networking"
+            },
+			{
+                "time": "3:55 PM CEST - 4:20 PM CEST",
+                "session": "AI Agents Meet AsyncAPI: Conversational Interfaces for Event Streams",
+                "speaker": 11,
+                "type": "Technical Speaker"
+            },
+			{
+                "time": "4:20 PM CEST - 5:10 PM CEST",
+                "session": "Contract-Driven Development for Event-Driven Architectures",
+                "speaker": [7,8],
+                "type": "Technical Speaker"
+            },
+			{
+                "time": "5:10 PM CEST - 5:35 PM CEST",
+                "session": "From Nightmares to Sweet Dreams: Conquering AsyncAPI Testing!",
+                "speaker": 6,
+                "type": "Technical Speaker"
+            }
+		]
 	},
 
 	{

diff --git a/pages/index.js b/pages/index.js
@@ -186,7 +186,7 @@ export default function Home() {
 			</div>
 			</div>
 			<div id='sponsors' className='mt-20'>
-				<Sponsors imgs={['/img/apidays.png']} />
+				<Sponsors eventSponsors={[{image:'/img/apidays.png',websiteUrl:"https://www.apidays.global/"}]} financialSponsor={[{image:"/img/graviteeio.svg" , websiteUrl: "https://www.gravitee.io/",className:"w-[250px] h-[50px]" } , {image:"/img/postman.png" ,websiteUrl:"https://www.postman.com/",className:"w-[240px] h-[70px]"}]}  />
 			</div>
 			<div className='mt-5'>
 			<Subscription/>

diff --git a/public/img/online-conf-images/Pierre.webp b/public/img/online-conf-images/Pierre.webp