diff --git a/components/Buttons/button.js b/components/Buttons/button.js
index 9cd32e7e..4293fc08 100644
--- a/components/Buttons/button.js
+++ b/components/Buttons/button.js
@@ -6,7 +6,7 @@ function Button({className, children, overlay, onClick, type, disabled}) {
 		  disabled={disabled}
 		  type={type}
 		  onClick={onClick}
-			className={`${overlay ? '' : 'gradient-bg'} text-white h-[54px] rounded-md p-[8px] ${className}`}
+			className={`${overlay ? '' : 'gradient-bg'}  text-white h-[54px] rounded-md p-[8px] ${className}`}
       >{children}</button>
 	);
 }
diff --git a/components/Navbar/navbar.js b/components/Navbar/navbar.js
index 5022caf1..0dd28a68 100644
--- a/components/Navbar/navbar.js
+++ b/components/Navbar/navbar.js
@@ -94,14 +94,14 @@ function Navbar() {
 					) : (
 						<div className='flex items-center'>
 							{links.map((link) => (
-								<div href={link.ref} key={link.title}>
+								<div href={link.ref} key={link.title} >
 									<div
 										onMouseEnter={() => handleMouseEnter(link.title)}
 										onMouseLeave={handleMouseLeave}
 										className='ml-16 text-[14px] group cursor-pointer relative flex flex-col'
 										data-test = {`nav-${link.title}`}
 									>
-										<div>
+										<div >
 											{link.subMenu ? (
 												<div className='flex items-center'>
 													{link.title}{' '}
@@ -114,10 +114,13 @@ function Navbar() {
 													)}
 												</div>
 											) : (
-												<Link href={link.ref}>{link.title}</Link>
+												<Link href={link.ref} >{link.title}</Link>
 											)}
+											
 										</div>
-										{show && show === link.title && link.subMenu && (
+										<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>
+										{show === link.title && link.subMenu && (
 											<div
 												onMouseLeave={handleSubMenuLeave}
 												className='subMenu absolute z-[9] mt-8 w-[140px] rounded-md left-[-15px] gradient-bg pl-2 pt-1 flex flex-col justify-center space-y-0'>
diff --git a/components/Speaker/speaker.js b/components/Speaker/speaker.js
index 05833514..b168b052 100644
--- a/components/Speaker/speaker.js
+++ b/components/Speaker/speaker.js
@@ -7,8 +7,8 @@ function Speaker({details, location, className}) {
 			className={`w-auto text-center flex flex-col items-center card h-auto rounded-md p-[27px] ${className}`}
 			data-test="speakers-section"
 		>
-			<div className='w-[300px] h-[300px] lg:w-[250px] lg:h-[250px]'>
-				<Image src={details.img} alt={details.name} width={0} height={0} sizes='100vw' className='rounded-full object-cover' />
+			<div className='w-[300px] h-[300px] lg:w-[250px] lg:h-[250px] relative overflow-hidden  rounded-full'>
+				<Image src={details.img} alt={details.name} width={0} height={0} sizes='100vw' className='rounded-full    object-cover  transition-all duration-300 hover:scale-110' />
 			</div>
 			<div className='mt-[19px]'>
 				<h3 className='text-[23px] text-white'>{details.name}</h3>
diff --git a/config/city-lists.json b/config/city-lists.json
index a75d7016..9c332ba4 100644
--- a/config/city-lists.json
+++ b/config/city-lists.json
@@ -3,6 +3,7 @@
 		"name": "Online",
 		"country": " Edition",
 		"date": "30th October 2024",
+		"cfpdate":"Not announced yet",
 		"description": "Join us for the AsyncAPI Online Conference Edition as the community unites across the globe to share experiences, collaborate, and foster meaningful connections.",
 		"img": "/img/testMic.png",
 		"address": "AsyncAPI Youtube Channel",
@@ -20,6 +21,7 @@
 		"name": "Helsinki",
 		"country": "Finland",
 		"date": "May 29 2024",
+		"cfpdate":"Not announced yet",
 		"description": "Join us in Helsinki for the AsyncAPI Conference, where we will explore all things AsyncAPI and connect physical and digital worlds. Get excited as we delve into sustainable APIs for the Era of AI, Data Platforms, and Quantum Computing!.",
 		"img": "/img/finland.webp",
 		"address": "Pikku-Finlandia, Helsinki, Karamzininranta 4, 00100 Helsinki, Finland",
@@ -35,6 +37,7 @@
 		"name": "London",
 		"country": "UK",
 		"date": "September 18, 2024",
+		"cfpdate":"Not announced yet",
 		"description": "Join us in London for AsyncAPI Conference and learn how to speak fluent API! Let's taco about messaging and have a fiesta you will remember!",
 		"img": "/img/london.gif",
 		"address": "155 Bishopsgate, London EC2M 3YD",
@@ -50,6 +53,7 @@
 		"name": "Paris",
 		"country": "France",
 		"date": "December 3-5, 2024",
+		"cfpdate":"September 20, 2024",
 		"description": "Join us at apidays Paris for the AsyncAPI Conference and experience the art of API perfection! Let's craft a symphony of messaging and celebrate tech in style!",
 		"img": "https://media1.giphy.com/media/v1.Y2lkPTc5MGI3NjExd24yenR4djEyZzRoeDA0ZmEyb3Y1c2F4NWVmbG13NmZwYWNhZzdnNiZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/Tuy3QxNZF1cxG/giphy.gif",
 		"address": "CNIT (Centre des Nouvelles Industries et Technologies), Paris 2 Place de la Défense, 92092 Puteaux",
diff --git a/pages/index.js b/pages/index.js
index e6fe69bf..0427c86c 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -95,11 +95,20 @@ export default function Home() {
 													className={`w-[168px] ${
 														city.city === speaker.city
 															? 'gradient-bg'
-															: 'border border-gray'
+															: 'border border-gray btn relative  overflow-hidden  transition-all  rounded  group py-1.5 px-2.5 '
 													}`}
 													overlay={true}
 													>
-													{speaker.city}
+													{/* {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>
 											);
diff --git a/pages/venue/[id].js b/pages/venue/[id].js
index 0a95d633..25929f04 100644
--- a/pages/venue/[id].js
+++ b/pages/venue/[id].js
@@ -72,7 +72,7 @@ function Venue({ city }) {
 				className='border border-x-0 border-b-0 border-t-[#333] py-28 container flex flex-col justify-center items-center '
 			>
 				{city.cfp ? <div className='w-[1090px] lg:w-full'>
-				<Guidelines talkDeadLine={(city.name=='Online' && CFPdata.CallEndDate) || city.date} virtual={city.name=='Online'} name={city.name} cfp={city.cfp}/>
+				<Guidelines talkDeadLine={(city.name=='Online' && CFPdata.CallEndDate) || city.cfpdate} virtual={city.name=='Online'} name={city.name} cfp={city.cfp}/>
 				</div> : <div className='w-[1130px] lg:w-full'>
 					<Agenda city={city} />
 				</div>}
diff --git a/styles/globals.css b/styles/globals.css
index 5a699738..ec99ed9f 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -87,6 +87,9 @@ body {
   opacity: 1;
 }
 
+.transparent-bg{
+  @apply w-56 h-48 rounded gradient-bg absolute bottom-0 left-0 translate-x-full ease-out duration-500 transition-all translate-y-full mb-9 ml-9 group-hover:ml-0 group-hover:mb-32 group-hover:translate-x-0
+}
 .navbg:hover, .navbg:focus{
     background: linear-gradient(225deg, #AD20E2 9.35%, #2DCCFD 88.41%);
 }