diff --git a/components/About/about.js b/components/About/about.js
index dea613ba..bf68d5a7 100644
--- a/components/About/about.js
+++ b/components/About/about.js
@@ -7,7 +7,7 @@ import Image from 'next/image';
 function About() {
     return (
 		<div className='p-24 container flex items-center justify-center w-full' data-test="about-section">
-			<div className='w-[1120px] lg:w-full flex lg:flex-col-reverse items-center justify-between'>
+			{/* <div className='w-[1120px] lg:w-full flex lg:flex-col-reverse items-center justify-between'>
 				<div style={{'--image-url': `url('/img/about.jpeg')`}} className='lg:mt-16 bg-[image:var(--image-url)] bg-center bg-cover w-[450px] h-[550px] sm:w-[100%] sm:h-[500px] rounded-[30px]' >
 			</div>
 				<div className='w-[600px] ml-10 lg:ml-0 lg:w-full lg:text-center'>
@@ -48,7 +48,7 @@ function About() {
 						</a>
 					</div>
 				</div>
-			</div>
+			</div> */}
 		</div>
 		);
 }
diff --git a/components/ComingSoon/comingSoon.js b/components/ComingSoon/comingSoon.js
new file mode 100644
index 00000000..ce5d288f
--- /dev/null
+++ b/components/ComingSoon/comingSoon.js
@@ -0,0 +1,34 @@
+import React from 'react';
+import Heading from '../Typography/heading';
+import Paragraph from '../Typography/paragraph';
+import { Nav } from './tempNav';
+import NotificationForm from '../Form/notification';
+import Image from 'next/image';
+
+function ComingSoon() {
+  return (
+    <div className='container'>
+      <Nav />
+      <div className='text-center flex flex-col items-center justify-center h-full mt-24'>
+      {/* <Heading typeStyle='heading-lg' className='text-gradient'>
+        AsyncAPI Conf 2025
+      </Heading> */}
+      <div className='lg:w-full w-[50%]'>
+        <Heading typeStyle='heading-lg' className='text-gradient text-8xl'>
+        Coming Soon!
+      </Heading>
+      <Paragraph typeStyle='body-lg' className='mt-10 text-center' textColor='text-gray-200'>
+        Join us for the AsyncAPI Conference, which brings the latest AsyncAPI technology to locations worldwide!
+      </Paragraph>
+      <NotificationForm />
+      </div>
+    </div>
+    <div className='w-full h-[450px] mt-16 relative flex justify-center items-center overflow-hidden'>
+      <Image src='/img/arrow-bounce.png' alt='test' width={100} height={100} className='mt-[10px] absolute top-10 animate-bounce' />
+     <Image src='/img/conference-ill.webp' alt='test' width={1200} height={100} className='mt-[200px]' />
+    </div>
+    </div>
+  );
+}
+
+export default ComingSoon;
diff --git a/components/ComingSoon/tempNav.js b/components/ComingSoon/tempNav.js
new file mode 100644
index 00000000..81001c5e
--- /dev/null
+++ b/components/ComingSoon/tempNav.js
@@ -0,0 +1,21 @@
+import Image from "next/image";
+import Button from "../Buttons/button";
+import Link from "next/link";
+import Arrow from "../illustration/arrow";
+
+export function Nav(){
+    return <div className="mt-4 flex justify-between items-center">
+        <div>
+            <Image src='/img/logo-plain.png' alt='conference logo' width={40} height={40}  />
+        </div>
+        <div>
+            <Link href='/editions'>
+            <button
+            type="submit"
+            className="px-3 py-3 bg-white text-black text-sm hover:bg-gray-100 transition-colors rounded-md flex items-center"
+          >
+            <span>Past Editions</span> <Arrow className={'w-[15px] h-[15px] ml-2'} fill={'black'} />
+          </button></Link>
+        </div>
+    </div>
+}
\ No newline at end of file
diff --git a/components/Footer/footer.js b/components/Footer/footer.js
index 348162c8..aee0c6ab 100644
--- a/components/Footer/footer.js
+++ b/components/Footer/footer.js
@@ -1,68 +1,21 @@
 import React from "react";
-import Image from 'next/image';
-import Link from "next/link";
 
 function Footer() {
-  const socials = [
-    {
-      name: "Github",
-      href: "https://github.com/asyncapi",
-      imgUrl: "/img/Github.png",
-    },
-    {
-      name: "Linkedin",
-      href: "https://www.linkedin.com/company/asyncapi/",
-      imgUrl: "/img/Linkedln.png",
-    },
-    {
-      name: "Twitter(X)",
-      href: "https://x.com/asyncapispec",
-      imgUrl: "/img/twitter_new.png",
-    },
-  ];
   return (
     <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}/>
-          </Link>
-            <div className="sm:hidden"> 
-              {/* This div helps keep the text centered */}
-            </div>
-      <div className="mt-2 text-[14px] text-gray-100 underline">
-        <a
-        href="https://github.com/asyncapi/.github/blob/master/CODE_OF_CONDUCT.md"
-        target="_blank"
-        rel="noreferrer"
-        className="hover:text-sky-500 text-white duration-200 ease-in-out"
-        data-test="code-of-conduct"
-        >
-              Code of Conduct
-            </a>
-          </div>
-      <div>
-      </div>
-        <div className="flex items-center justify-between sm:flex-col sm:items-start">
-          <div className="flex flex-col justify-between items-start gap-2 sm:items-center">
-            <div className="flex justify-between items-center gap-3">
-              {socials.map((social, index) => {
-                return (
-                  <a
-                    key={index}
-                    href={social.href}
-                    target="_blank"
-                    rel="noreferrer"
-                    className="w-12 h-12 rounded-lg border-[1.5px] border-[#556061] flex items-center justify-center hover:border-[#AD20E2] duration-150 ease-in-out"
-                    data-test={`footer-${social.name}`}
-                  >
-                    <Image src={social.imgUrl} alt={social.name} height={32} width={32} />
-                  </a>
-                );
-              })}
-            </div>
-          </div>
+      {/* <div className="w-full flex justify-center items-center p-4 sm:flex-col sm:gap-3">
+        <div className="mt-2 text-[14px] text-gray-100 underline">
+          <a
+            href="https://github.com/asyncapi/.github/blob/master/CODE_OF_CONDUCT.md"
+            target="_blank"
+            rel="noreferrer"
+            className="hover:text-sky-500 text-white duration-200 ease-in-out"
+            data-test="code-of-conduct"
+          >
+            Code of Conduct
+          </a>
         </div>
-    </div>
+      </div> */}
     </div>
   );
 }
diff --git a/components/Form/notification.js b/components/Form/notification.js
new file mode 100644
index 00000000..aac7ab97
--- /dev/null
+++ b/components/Form/notification.js
@@ -0,0 +1,18 @@
+import Link from 'next/link';
+import Button from '../Buttons/button';
+import Arrow from '../illustration/arrow';
+
+const NotificationForm = () => {
+  return (
+    <div className="flex items-center justify-center p-4 mt-10">
+      <div className='w-full'>
+        <div className="flex p-2 items-center bg-gray-800 rounded-lg flex justify-between px-4">
+          <div className='flex items-center text-gray-400'><span>Kindly subscribe to our newsletter to get notified</span> <span><Arrow className={'w-[15px] ml-4'} /></span></div>
+          <Link href='https://www.asyncapi.com/en/newsletter' target='_blank' rel='noopener noreferrer'><Button className={'px-6 py-3 font-semibold hover:bg-gray-100 transition-colors rounded-md'}>Notify Me</Button></Link>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default NotificationForm;
\ No newline at end of file
diff --git a/components/Header/header.js b/components/Header/header.js
index dc651469..07d2766c 100644
--- a/components/Header/header.js
+++ b/components/Header/header.js
@@ -13,7 +13,7 @@ function Header() {
 	const isMobile = useMediaQuery({ maxWidth: '590px' });
 	return (
 		<div className='relative'>
-			<div className='container w-full flex items-center justify-center'>
+			{/* <div className='container w-full flex items-center justify-center'>
 				<div className=''>
 					<div className='flex justify-center w-full mt-32'>
 						<div className='flex flex-col justify-center items-center w-full'>
@@ -51,7 +51,7 @@ function Header() {
 						return <Venue key={city.name} city={city}/>;
 					})}
 				</ReactSlider>
-			</div>
+			</div> */}
 		</div>
 	);
 }
diff --git a/components/Navbar/navbar.js b/components/Navbar/navbar.js
index 242ac080..0ca53be6 100644
--- a/components/Navbar/navbar.js
+++ b/components/Navbar/navbar.js
@@ -69,13 +69,13 @@ function Navbar() {
 	};
 
 	return (
-		<div className={`flex justify-center items-center fixed w-full backdrop-blur ${ drop && 'bg-[#1B1130]/90'} top-0 z-[99] text-white`}>
+		<div className={`flex justify-center items-center fixed w-full ${ drop && 'bg-[#1B1130]/90'} top-0 z-[99] text-white`}>
 			<div className='w-[1131px]'>
 				<div className='p-5 flex justify-between h-[75px] w-full items-center'>
 					<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>
diff --git a/components/PastEditions/pastEditions.js b/components/PastEditions/pastEditions.js
new file mode 100644
index 00000000..76bef51c
--- /dev/null
+++ b/components/PastEditions/pastEditions.js
@@ -0,0 +1,29 @@
+import React from 'react';
+import Heading from '../Typography/heading';
+import Paragraph from '../Typography/paragraph';
+
+function PastEditions({ editions }) {
+  return (
+    <div className='container'>
+      {/* <div className='flex flex-col items-center'>
+        <Heading typeStyle='heading-md' className='text-gradient'>
+          Past Editions
+        </Heading>
+        <div className='mt-6 grid grid-cols-3 gap-6'>
+          {editions.map((edition) => (
+            <div key={edition.year} className='flex flex-col items-center'>
+              <Heading typeStyle='heading-sm' className='mt-4'>
+                {edition.year}
+              </Heading>
+              <Paragraph typeStyle='body-sm' className='mt-2' textColor='text-gray-200'>
+                {edition.description}
+              </Paragraph>
+            </div>
+          ))}
+        </div>
+      </div> */}
+    </div>
+  );
+}
+
+export default PastEditions;
diff --git a/components/Speakers/speakers.js b/components/Speakers/speakers.js
new file mode 100644
index 00000000..b3e0307c
--- /dev/null
+++ b/components/Speakers/speakers.js
@@ -0,0 +1,31 @@
+import React from 'react';
+import Heading from '../Typography/heading';
+import Paragraph from '../Typography/paragraph';
+import Image from 'next/image';
+
+function Speakers({ speakers }) {
+  return (
+    <div className='container'>
+      {/* <div className='flex flex-col items-center'>
+        <Heading typeStyle='heading-md' className='text-gradient'>
+          Speakers
+        </Heading>
+        <div className='mt-6 grid grid-cols-3 gap-6'>
+          {speakers.map((speaker) => (
+            <div key={speaker.name} className='flex flex-col items-center'>
+              <Image src={speaker.image} alt={speaker.name} width={150} height={150} className='rounded-full' />
+              <Heading typeStyle='heading-sm' className='mt-4'>
+                {speaker.name}
+              </Heading>
+              <Paragraph typeStyle='body-sm' className='mt-2' textColor='text-gray-200'>
+                {speaker.title}
+              </Paragraph>
+            </div>
+          ))}
+        </div>
+      </div> */}
+    </div>
+  );
+}
+
+export default Speakers;
diff --git a/components/Sponsors/sponsors.js b/components/Sponsors/sponsors.js
index 3d284673..0ac65183 100644
--- a/components/Sponsors/sponsors.js
+++ b/components/Sponsors/sponsors.js
@@ -8,7 +8,7 @@ import Link from 'next/link';
 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'>
+			{/* <div className='py-[80px] flex flex-col items-center'>
 
 				<div className='max-w-3xl sm:w-full'>
 					<Paragraph className='mt-[40px]' textColor='text-white'>
@@ -45,7 +45,7 @@ function Sponsors({eventSponsors,financialSponsor}) {	 //eventSponsors,financial
   					
 			</div>	
 				</div>
-			</div>
+			</div> */}
 		</div>
 	);
 }
diff --git a/components/Tickets/tickets.js b/components/Tickets/tickets.js
new file mode 100644
index 00000000..e58c7ccf
--- /dev/null
+++ b/components/Tickets/tickets.js
@@ -0,0 +1,22 @@
+import React from 'react';
+import Heading from '../Typography/heading';
+import Paragraph from '../Typography/paragraph';
+import Button from '../Buttons/button';
+
+function Tickets() {
+  return (
+    <div className='container'>
+      {/* <div className='flex flex-col items-center'>
+        <Heading typeStyle='heading-md' className='text-gradient'>
+          Tickets
+        </Heading>
+        <Paragraph typeStyle='body-lg' className='mt-4' textColor='text-gray-200'>
+          Get your tickets now!
+        </Paragraph>
+        <Button className='mt-6'>Buy Tickets</Button>
+      </div> */}
+    </div>
+  );
+}
+
+export default Tickets;
diff --git a/components/Venue/venue.js b/components/Venue/venue.js
index bc24eb5d..c709bb08 100644
--- a/components/Venue/venue.js
+++ b/components/Venue/venue.js
@@ -22,37 +22,51 @@ export function isEventEnded(date){
 
 function Venue({ className, city }) {
 
-	const eventEnded = isEventEnded(city.date);
-	const textColor = eventEnded ? "text-white": "text-white";
-	const eventStatus = getEventStatus(city.date);
+	// const eventEnded = isEventEnded(city.date);
+	// const textColor = eventEnded ? "text-white": "text-white";
+	// const eventStatus = getEventStatus(city.date);
+
+	// return (
+	// 	<Link href={`/venue/${city.name}`}>
+	// 		<div style={{background: `linear-gradient(to bottom, rgba(0,0,0,.3), rgba(0,0,0, .3)), url(${city.img})`, backgroundSize: "cover"}}
+	// 			className='relative w-[300px] h-[400px] sm:w-[250px] sm:h-[350px] card-bg rounded-md bg-[image:var(--image-url)] flex items-center justify-center p-4 cursor-pointer m-2'>
+	// 			<div className='flex justify-between flex-col w-full h-full'>
+	// 				<div className='flex items-center'>
+	// 					{city.cfp? <div className={`border ${textColor} text-md rounded-lg p-1 text-center mt-2`}>cfp is open</div> :null}
+	// 					<button onClick={(e) => {
+	// 						e.preventDefault()
+	// 						window.open(city.map, '_blank', 'noopener')
+	// 					}} className='w-8 h-8 bg-white rounded-xl flex items-center justify-center ml-auto'>
+	// 						<Image src='/img/mapIcon.svg' alt='Map Icon' width={24} height={24} />
+	// 					</button>
+	// 				</div>
+	// 				<div></div>
+	// 				<div className={textColor}>
+	// 					<div>
+	// 						{city.name=='Online'?<span className='text-lg font-bold'>{city.name} {city.country}</span>:<span className='text-lg font-bold'>{city.country}, {city.name}</span>}
+	// 					</div>
+	// 					<div className='flex align-end flex-row justify-between pt-2'>
+	// 						<div className='inline-block border border-gray-400 rounded-lg py-1 px-2 text-center sm:text-sm text-base'>{city.date}</div>
+	// 						<span className=' text-white flex align-middle pt-2 sm:text-[0.8rem] sm:leading-4 text-base'>{eventStatus}</span>
+	// 					</div>
+	// 				</div>
+	// 			</div>
+	// 		</div>
+	// 	</Link>
+	// );
 
 	return (
-		<Link href={`/venue/${city.name}`}>
-			<div style={{background: `linear-gradient(to bottom, rgba(0,0,0,.3), rgba(0,0,0, .3)), url(${city.img})`, backgroundSize: "cover"}}
-				className='relative w-[300px] h-[400px] sm:w-[250px] sm:h-[350px] card-bg rounded-md bg-[image:var(--image-url)] flex items-center justify-center p-4 cursor-pointer m-2'>
-				<div className='flex justify-between flex-col w-full h-full'>
-					<div className='flex items-center'>
-						{city.cfp? <div className={`border ${textColor} text-md rounded-lg p-1 text-center mt-2`}>cfp is open</div> :null}
-						<button onClick={(e) => {
-							e.preventDefault()
-							window.open(city.map, '_blank', 'noopener')
-						}} className='w-8 h-8 bg-white rounded-xl flex items-center justify-center ml-auto'>
-							<Image src='/img/mapIcon.svg' alt='Map Icon' width={24} height={24} />
-						</button>
-					</div>
-					<div></div>
-					<div className={textColor}>
-						<div>
-							{city.name=='Online'?<span className='text-lg font-bold'>{city.name} {city.country}</span>:<span className='text-lg font-bold'>{city.country}, {city.name}</span>}
-						</div>
-						<div className='flex align-end flex-row justify-between pt-2'>
-							<div className='inline-block border border-gray-400 rounded-lg py-1 px-2 text-center sm:text-sm text-base'>{city.date}</div>
-							<span className=' text-white flex align-middle pt-2 sm:text-[0.8rem] sm:leading-4 text-base'>{eventStatus}</span>
-						</div>
-					</div>
-				</div>
-			</div>
-		</Link>
+		<div className='container'>
+			{/* <div className='flex flex-col items-center'>
+				<Heading typeStyle='heading-md' className='text-gradient'>
+					{city.name}
+				</Heading>
+				<Paragraph typeStyle='body-lg' className='mt-4' textColor='text-gray-200'>
+					{city.description}
+				</Paragraph>
+				<Image src={city.image} alt={city.name} width={600} height={400} className='mt-6 rounded-lg' />
+			</div> */}
+		</div>
 	);
 }
 
diff --git a/config/links.json b/config/links.json
index 8f896f9f..0637a088 100644
--- a/config/links.json
+++ b/config/links.json
@@ -1,79 +1 @@
-[
-	{
-		"title": "About",
-		"ref": "/#about"
-	},
-	{
-		"title": "Venue",
-		"ref": "",
-		"subMenu": [
-			{
-				"title": "Online",
-				"ref": "/venue/Online"
-			},
-			{
-				"title": "Helsinki, Finland",
-				"ref": "/venue/Helsinki"
-			},
-			{
-				"title": "London, UK",
-				"ref": "/venue/London"
-			},
-			{
-				"title": "Paris, France",
-				"ref": "/venue/Paris"
-			}
-		]
-	},
-	{
-		"title": "Speakers",
-		"ref": "/#speakers"
-	},
-	{
-		"title": "Tickets",
-		"ref": "/#tickets"
-	},
-	{
-		"title": "Sponsors",
-		"ref": "/#sponsors"
-	},
-	{
-		"title":"Past Editions",
-		"ref":"/editions"
-	},
-	{
-		"title":"Resources Hub",
-		"ref":"",
-		"subMenu": [
-
-            {
-                "title": "Helsinki Slides",
-                "ref": "https://drive.google.com/drive/folders/1nY7dZF8WFXZ3r2rCWJDDoT2C_GMfQJMV?usp=drive_link",
-                "target": "_blank"
-            },
-			{
-                "title": "London Slides",
-                "ref": "https://drive.google.com/drive/folders/1PsIZSsQmsvSILZ83f9L-2ErV-pXM6PQf?usp=drive_link",
-                "target": "_blank"
-            },
-			{
-                "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"
-            },
-			{
-                "title": "Paris Slides",
-                "ref": "https://drive.google.com/drive/folders/1MBqecV7Q__tLIciF2vaPvwG5gV4RxcI_?usp=drive_link",
-                "target": "_blank"
-            }
-            
-            
-	]
-}
-
-]
+[]
\ No newline at end of file
diff --git a/pages/_app.js b/pages/_app.js
index a7e54e34..2270712e 100644
--- a/pages/_app.js
+++ b/pages/_app.js
@@ -1,8 +1,6 @@
 import '../styles/globals.css';
 import 'slick-carousel/slick/slick.css';
 import 'slick-carousel/slick/slick-theme.css';
-import Navbar from '../components/Navbar/navbar';
-import Footer from '../components/Footer/footer';
 import { useState, useEffect } from 'react';
 
 function MyApp({ Component, pageProps }) {
@@ -18,10 +16,9 @@ function MyApp({ Component, pageProps }) {
   }
   return (
       <div>
-      <Navbar />
       
       <Component {...pageProps} />
-      <Footer />
+
       </div>
   );
 }
diff --git a/pages/index.js b/pages/index.js
index 78c8de64..b28e4338 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -1,197 +1,12 @@
 /* eslint-disable @next/next/no-img-element */
 /* eslint-disable react/no-unescaped-entities */
-import { useEffect, useState } from 'react';
-import Head from 'next/head';
-import { useMediaQuery } from 'react-responsive';
-import Header from '../components/Header/header';
-import cities from '../config/city-lists.json';
-import Sponsors from '../components/Sponsors/sponsors';
-import About from '../components/About/about';
-import TicketCards from '../components/Tickets/ticketCards';
-import Heading from '../components/Typography/heading';
-import Paragraph from '../components/Typography/paragraph';
-import Subscription from '../components/Form/subscription';
-import Speaker from '../components/Speaker/speaker';
-import speakers from '../config/speakers.json';
-import Link from 'next/link';
-import Button from '../components/Buttons/button';
-import Dropdown from '../components/Dropdown/dropdown';
+import React from 'react';
+import ComingSoon from '../components/ComingSoon/comingSoon';
 
 export default function Home() {
-	const isTablet = useMediaQuery({ maxWidth: '1118px' });
-	const [speakersList, setSpeakersList] = useState([]);
-	const [city, setCity] = useState("");
-	speakers[0].lists = [];
-	speakers.map((speaker) => {
-		if (Array.isArray(speaker.lists) && Object.keys(speaker.lists).length > 0) {
-			speakers[0].lists.push(...speaker.lists);
-		}
-	});
-	const list = speakers[0].lists.filter((obj, index) => {
-		return index === speakers[0].lists.findIndex(o => obj.name=== o.name);
-	});
-	speakers[0].lists =[...list];
-	
-	useEffect(() => {
-		setCity(speakers[0]);
-		setSpeakersList(speakers[0].lists);
-	},[]);
-	return (
-		<div>
-			<Head>
-				<title>AsyncAPI Conference</title>
-				<meta name='description' content='Generated by create next app' />
-				<link rel='icon' href='/favicon.ico' />
-			</Head>
-			<img src='/img/illustra.png' className='color-effect' alt="background-illustration" />
-			<Header />
-			<div id='about' className='mt-20'>
-				<About />
-			</div>
-			<div id="register" className='container mt-20'>
-			<div className='flex items-center flex-col justify-center'>
-			<div
-			id='speakers'
-			className='relative flex flex-col items-center justify-center'
-			>
-				<div className='text-center'>
-					<div className='flex items-center justify-center'>
-						<div className='text-lg sm:text-sm text-white font-semi-bold border-b-2 border-blue-400 mb-1'>Speakers</div>
-					</div>
-				</div>
-				<Heading typeStyle='heading-md' className='text-gradient text-center lg:mt-10'>
-				Meet The Speakers
-				</Heading>
-				<div className='max-w-3xl sm:w-full text-center'>
-					<Paragraph typeStyle='body-lg' className="mt-6" textColor='text-gray-200' >
-					Discover the inspiring voices shaping our event, each bringing unique insights and expertise to the forefront of their respective fields.
-					</Paragraph>
-				</div>
-				<div className='lg:py-20 w-[1130px] lg:w-full'>
-						<div className='mt-[64px] '>
-							{isTablet ? (
-								<div className='w-full'>
-									<Dropdown
-									active={city.city}
-									items={speakers}
-									setOptions={setCity}
-									setOptions2={setSpeakersList}
-								/>
-						</div>
-							) : (
-								<div className='flex justify-center'>
-									<div className='w-[900px] lg:w-full flex justify-between'>
-										{speakers.map((speaker) => {
-											return (
-												<div
-												key={speaker.location}
-												onClick={() => {
-													setCity(speaker);
-													setSpeakersList(speaker.lists);
-												}}
-												>
-													<Button
-													className={`w-[168px] ${
-														city.city === speaker.city
-															? 'gradient-bg'
-															: 'border border-gray btn relative  overflow-hidden  transition-all  rounded  group py-1.5 px-2.5 '
-													}`}
-													overlay={true}
-													>
-													{/* {speaker.city} */}
-	 												{city.city !== speaker.city && (
-        <>
-        <span className="transparent-bg "></span>
-        <span className="relative w-full  rounded transition-colors duration-300 ease-in-out group-hover:text-white">
-          {speaker.city}
-        </span>
-      </>
-    )}
-    {city.city === speaker.city && speaker.city}
-													</Button>
-												</div>
-											);
-										})}
-									</div>
-								</div>
-							)}
-						</div>
-
-						<div className='mt-[64px] pb-[181px]'>
-							{typeof speakersList === 'string' ? (
-								<div className='mt-[140px] flex items-center justify-center text-center'>
-									<div className='w-[720px] lg:w-full'>
-										<Heading className='text-white'>
-											{city.city} Speakers To Be Announced Soon - Stay Tuned!
-										</Heading>
-									</div>
-								</div>
-							) : Object.keys(speakersList).length > 0 ? (
-								<div className='w-full grid grid-cols-3 lg:grid-cols-2 sm:grid-cols-1 gap-4'>
-									{speakersList.map((speaker, i) => {
-										return (
-											<Speaker
-												key={i}
-												details={speaker}
-												location={city}
-												className='mt-10'
-											/>
-										);
-									})}
-								</div>
-							) : (
-								<div className='mt-[140px] flex items-center justify-center text-center'>
-									<div className='w-[720px] lg:w-full'>
-										<Heading typeStyle='heading-md' className='text-white'>
-											{city.city} Speakers Coming Soon - Stay Tuned!
-										</Heading>
-										<Paragraph className='mt-12 text-gray-200'>
-											We are actively accepting speaker applications, and you
-											can start your journey by clicking the button below. Join
-											us on stage and share your valuable insights with our
-											enthusiastic audience!
-										</Paragraph>
-										<Link legacyBehavior href="https://apidays.typeform.com/to/ILJeAaV8?typeform-source=www.apidays.global#event_name=xxxxx">
-										<a className='flex justify-center' target="_blank">
-											<Button className='mt-[80px] w-[244px] border border-gray card-bg'>
-											Apply as a Speaker
-											</Button>
-										</a>
-										</Link>
-									</div>
-								</div>
-							)}
-						</div>
-					</div>
-				</div>
-			<div id='tickets' className='flex items-center'>
-				<div className='text-lg sm:text-sm text-white font-semi-bold border-b-2 border-blue-400 mb-1'>Tickets</div>
-			</div>
-			<div data-test="ticket-section">
-			<Heading typeStyle='heading-md' className='text-gradient text-center lg:mt-10'>
-				Get Tickets
-			</Heading>
-			<div className='max-w-3xl sm:w-full text-center'>
-			<Paragraph typeStyle='body-lg' className="mt-6" textColor='text-gray-200' >
-			Experience the Future of Asynchronous Communication: Get Tickets for the AsyncAPI Conference on Tour!
-			</Paragraph>
-			</div>
-			<div className='w-[1000px] lg:w-full mt-10 flex justify-between lg:flex-col'>
-				{cities.map((city) => {
-					if(city.ended === false){
-						return <TicketCards key={city.name} city={city} className='lg:mt-10' />
-					}
-				})}
-			</div>
-			</div>
-			</div>
-		</div>
-			<div id='sponsors' className='mt-20'>
-				<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/>
-			</div>
-		</div>
-	);
+  return (
+    <div>
+      <ComingSoon />
+    </div>
+  );
 }
diff --git a/public/img/arrow-bounce.png b/public/img/arrow-bounce.png
new file mode 100644
index 00000000..4bd8e6ab
Binary files /dev/null and b/public/img/arrow-bounce.png differ
diff --git a/public/img/conference-ill.webp b/public/img/conference-ill.webp
new file mode 100644
index 00000000..eb98bdee
Binary files /dev/null and b/public/img/conference-ill.webp differ
diff --git a/public/img/logo-plain.png b/public/img/logo-plain.png
new file mode 100644
index 00000000..827cb144
Binary files /dev/null and b/public/img/logo-plain.png differ
diff --git a/tailwind.config.js b/tailwind.config.js
index e87b5ba7..aae41910 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -24,7 +24,7 @@ module.exports = {
 		},
 		backgroundImage: {
 			madrid: "url('https://images.unsplash.com/photo-1539037116277-4db20889f2d4?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80')",
-			online: "url('/img/CFS-Banner.png')"
+			online: "url('/img/CFS-Banner.png')",
 		},
 		extend: {
 			colors: {