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

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"
  }
-]
+]

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>