feat: get ticket button added (#186)

* button added * buttons removed * button design updated * button updates * links updated * links updated * city list updated * button and link updates * buttons updates
asyncapi · Sep 15, 2023 · 8ccd225 · 8ccd225
1 parent a9aeb37
commit 8ccd225
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 36 deletions.
diff --git a/config/city-lists.json b/config/city-lists.json
@@ -6,7 +6,13 @@
 		"description": "Join us in London for the AsyncAPI Conference and unlock the API of opportunities! Let's bridge the messaging gap and create a tech buzz you will want to experience!",
 		"img": "/img/london.jpeg",
 		"address": "IBM UK Limited 20 York Road London SE1 7ND",
-		"sponsors": ["/img/IBM.png"]
+		"sponsors": [
+			"/img/IBM.png"
+		],
+		"ticket": "https://opencollective.com/asyncapi/events/asyncapi-conference-on-tour-6b3c0aa1/contribute/aacot-london-edition-61313",
+		"freeTickets":"",
+		"freeTicketText":"Grab Free Tickets",
+		"buttonText":"Get your Tickets"
 	},
 	{
 		"name": "Madrid",
@@ -15,7 +21,13 @@
 		"description": "Join us in Madrid for AsyncAPI Conference and learn how to speak fluent API! Let's taco about messaging and have a fiesta you will remember!",
 		"img": "https://images.unsplash.com/photo-1539037116277-4db20889f2d4?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80",
 		"address": "Sngular Madrid, C. de Labastida, 1, 28034 Madrid, Spain",
-		"sponsors": ["/img/sngular.png"]
+		"sponsors": [
+			"/img/sngular.png"
+		],
+		"ticket": "",
+		"freeTickets":"https://docs.google.com/forms/d/e/1FAIpQLSdwqi27LpsIi8tKQoQBcUWDUJZi0be0cHpWnDtWhhHVn00hFA/viewform",
+		"freeTicketText":"Grab Free Tickets",
+		"buttonText":"Get your Tickets"
 	},
 	{
 		"name": "Bangalore",
@@ -24,14 +36,24 @@
 		"description": "Join us in Bengaluru for the AsyncAPI Conference and decode the language of APIs! Let's crack the language of APIs and ignite a tech revolution with some spice you'll remember!",
 		"img": "https://images.unsplash.com/photo-1596176530529-78163a4f7af2?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2454&q=80",
 		"address": "310, 6th Main Rd, HAL 2nd Stage, Indiranagar, Bengaluru, Karnataka 560038, India",
-		"sponsors": ["/img/postman.png"]
+		"sponsors": [
+			"/img/postman.png"
+		],
+		"ticket": "",
+		"freeTickets":"",
+		"freeTicketText":"Grab Free Tickets",
+		"buttonText":"Get your Tickets"
 	},
 	{
 		"name": "Paris",
 		"country": "France",
 		"date": "TBA",
 		"description": "Join us in 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://images.unsplash.com/photo-1508050919630-b135583b29ab?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2306&q=80",
-		"address": "TBA"
+		"address": "TBA",
+		"ticket": "",
+		"freeTickets":"",
+		"freeTicketText":"Grab Free Tickets",
+		"buttonText":"Get your Tickets"
 	}
-]
+]
diff --git a/pages/venue/[id].js b/pages/venue/[id].js
@@ -66,37 +66,17 @@ function Venue({ city }) {
 						<Heading typeStyle='lg' className='text-white mt-[24px]'>
 							{city.date}
 						</Heading>
-					</div>
-					<div className='kinda-dark py-[10px] w-full'>
-						<div className='sm:hidden container'>
-							<div className='flex justify-center'>
-								<div className='w-[600px] lg:w-full flex justify-between'>
-									{tabs.map((tab) => {
-										return (
-											<div
-												key={tab.title}
-												onClick={() => {
-													setActive(tab.title);
-												}}
-											>
-												<Button
-													onClick={() =>
-														router.push(`#${tab.title.toLowerCase()}`)
-													}
-													className={`w-[154px] h-[48px] ${
-														active === tab.title
-															? 'card-bg'
-															: 'border border-gray'
-													}`}
-													overlay={true}
-												>
-													{tab.title}
-												</Button>
-											</div>
-										);
-									})}
-								</div>
-							</div>
+						<div className='m-[30px]'>
+							{city.ticket !== "" && (
+								<a href={city.ticket} target='_blank' rel='noreferrer'>
+									<Button className="px-8 m-2">{city.buttonText}</Button>
+								</a>
+							)}
+							{city.freeTickets !== "" && (
+								<a href={city.freeTickets} target='_blank' rel='noreferrer'>
+									<Button className="px-8 m-2">{city.freeTicketText}</Button>
+								</a>
+							)}
 						</div>
 					</div>
 				</div>