added image for ticket

asyncapi · Sep 11, 2024 · 9609a4d · 9609a4d
1 parent e59980a
commit 9609a4d
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 5 deletions.
diff --git a/components/Tickets/ticketCards.js b/components/Tickets/ticketCards.js
@@ -8,12 +8,15 @@ function TicketCards({ className, city }) {
   const buttonText = city.isFree ? 'Get Your Ticket' : 'Buy Now';
 
   return (
-    <div className={`w-[300px] lg:w-full ${cardOpacity} hoverEffect h-[400px] cursor-pointer flex flex-col text-white justify-between rounded-lg card bg-white ${className}`}>
-      <div className='p-4'>
+    <div 
+      className={`w-[300px] lg:w-full ${cardOpacity} hoverEffect h-[400px] cursor-pointer flex flex-col text-white justify-between   card-bg bg-center ${className}`}
+      style={{ backgroundImage: `url(${city.img})` }}
+    >
+      <div className='p-4 bg-black bg-opacity-60 rounded-t-[30px]'>
         <div className='text-xl font-bold text-gradient'>{city.name}, {city.country}</div>
         <div className='mt-2 text-lg'>{city.date}</div>
       </div>
-      <div className='border-t h-20 border-dashed p-4 text-center'>
+      <div className='border-t h-20 border-dashed p-4 text-center bg-black bg-opacity-40 rounded-t-lg'>
         {/* Show a button based on the event status */}
         {isEndedOrUpcoming ? (
           <Button disabled overlay={true} className='w-[200px] bg-gray-400'>

diff --git a/config/city-lists.json b/config/city-lists.json
@@ -36,7 +36,7 @@
 		"country": "UK",
 		"date": "September 18, 2024",
 		"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",
+		"img": "https://images.unsplash.com/photo-1533929736458-ca588d08c8be?fm=jpg&q=60&w=3000&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTh8fGxvbmRvbnxlbnwwfHwwfHx8MA%3D%3D",
 		"address": "155 Bishopsgate, London EC2M 3YD",
 		"map": "https://maps.app.goo.gl/b2Vb5H2mM41F9nQA6",
 		"sponsors": [
@@ -51,7 +51,7 @@
 		"country": "France",
 		"date": "December 3-5, 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",
+		"img": "https://www.theinvisibletourist.com/wp-content/uploads/2022/02/featured_215.jpg",
 		"address": "CNIT (Centre des Nouvelles Industries et Technologies), Paris 2 Place de la Défense, 92092 Puteaux",
 		"map": "https://maps.app.goo.gl/5te8WRM9Rb8B6vNd9",
 		"sponsors": [