feat: past editions page

components/Footer/footer.js

@@ -21,13 +21,13 @@ function Footer() {
   return (
     <div className="container">
           <div className="w-full flex justify-between items-center p-4">
-            <img src="/img/logo.png" className="w-[150px]" />
+            <img src="/img/logo.png" alt="company logo" className="w-[150px]" />
       <div className="mt-2 text-[14px] text-gray underline">
         <a
         href="https://github.com/asyncapi/.github/blob/master/CODE_OF_CONDUCT.md"
         target="_blank"
         rel="noreferrer"
-        className="hover:text-sky-500 duration-200 ease-in-out"
+        className="hover:text-sky-500 text-white duration-200 ease-in-out"
         >
               Code of Conduct
             </a>

components/PastEditionCard/index.js

@@ -0,0 +1,24 @@
+import React from 'react'
+import {ExternalLink} from 'lucide-react'
+const PastEditonCard = ({ url }) => {
+    let year = url.split('.')[1]
+    return (
+        <div className='p-4 w-1/3 sm:w-11/12 border-2 border-b-[5px] border-b-white border-violet-800 rounded-xl bg-violet-900'>
+            <div className='flex items-center flex-wrap justify-between'>
+                <h1 className='text-2xl text-white font-semibold'>{year}</h1>
+                <div>
+                    <a href={url} rel='noreferrer' target='_blank' className='flex items-center justify-center'>
+                       <p className='mr-2 text-white'>View Website</p> 
+                       <ExternalLink color='white' size={19} />
+                    </a>
+                </div>
+            </div>
+
+
+            <iframe src={url} height={250} width={'100%'} scrolling='no' className='pointer-events-none overflow-hidden rounded-lg my-4' />
+
+        </div>
+    )
+}
+
+export default PastEditonCard

config/editions.json

@@ -0,0 +1,6 @@
+[
+    "https://conference.2023.asyncapi.com/",
+    "https://conference.2022.asyncapi.com/",
+    "https://conference.2021.asyncapi.com/",
+    "https://conference.2020.asyncapi.com/"
+]

config/links.json

@@ -28,6 +28,10 @@
 	{
 		"title": "Sponsors",
 		"ref": "/#sponsors"
+	},
+	{
+		"title":"Past Editions",
+		"ref":"/editions"
 	}
 ]
 

package.json

@@ -15,6 +15,7 @@
   "dependencies": {
     "axios": "^1.6.0",
     "d3": "^7.8.5",
+    "lucide-react": "^0.350.0",
     "next": "^12.0.0",
     "react": "^17.0.2",
     "react-confetti": "^6.1.0",

pages/editions/index.js

@@ -0,0 +1,26 @@
+import React from 'react'
+import PastEditonCard from '../../components/PastEditionCard'
+import pastEditionsArchiveLinks from '../../config/editions.json'
+const PastEditions = () => {
+    return (
+        <div >
+            <title>Past Editions | AACoT</title>
+            <div className='my-[70px]'>
+                <p className='text-center text-white tracking-[13px]'>HERE COMES THE</p>
+                <h1 className='text-8xl sm:text-6xl sm:w-full text-white my-4 text-center w-1/2 mx-auto font-bold'>
+                    Past Editions of AsyncAPI Conf
+                </h1>
+            </div>
+
+            <div className='my-10 flex gap-10 items-center justify-around flex-wrap'>
+                {
+                    pastEditionsArchiveLinks.map((item, index) => {
+                        return <PastEditonCard key={index} url={item} />
+                    })
+                }
+            </div>
+        </div>
+    )
+}
+
+export default PastEditions