feat: first iteration of the AACOT'23 website implementation

[AceTheCreator]

This is the first implementation of the AsyncAPI conference website which includes the following.

• Index page
• Venues Page
• Speakers Component
• Venue Component
• The Globe with the pinned event location

cc @thulieblack @Mayaleeeee @derberg @Barbanio @alequetzalli

[Barbanio]

1334x750px (326 ppp)

[AceTheCreator]

1334x750px (326 ppp)

Is it the last preview on the list?

[Barbanio]

Is it the last preview on the list?

Yes

[AceTheCreator]

Is it the last preview on the list?

Yes

Oh! this was because I didn't include an infinity scroll. Fixed!

[Mayaleeeee]

Pr updated! @thulieblack @Mayaleeeee @derberg
Thank you.

[Mayaleeeee]

1. The Madrid button should be active once the users reach the speaker section since that's the first set of speakers they will see.

2. The subscribe button here takes me to another page: "Subscribe to our newsletter to receive news about AsyncAPI." Is that intentional?

[Mayaleeeee]

Under this same page, we also mentioned that we should add a section where users will see the event/host sponsors of the location immediately after they enter the page, it's on the design I created (see the picture below), but it's not on the deploy-preview

@Mayaleeeee It doesn't make sense to me why we are gonna have the sponsors there and then still have it in another section of the page. That was why I didn't include it.

The remaining you pointed out(apart from the last one) was all intentional as I also want other contributors to fix this minor issue as a means of contributing to the project

We can reduce the whitespace since we won't add the event/host sponsors here.

I realized the map on the location page is on the preview website. Was that intentional?

[thulieblack]

Suggested change

	"date": "TBA",
	"date": "November 30, 2023",

[thulieblack]

Suggested change

	"address": "309, Venkatesh complex, floor, 100 feet road, Indiranagar, Bangalore, Karnataka 560038, India"
	"address": "310, 6th Main Rd, HAL 2nd Stage, Indiranagar, Bengaluru, Karnataka 560038, India"

[Mayaleeeee]

For each of the locations, we could have something like this:

1. Madrid:
   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!

2. London:
   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!

3. Paris:
   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!

4. Bengaluru:
   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!

The names of the locations will be displayed in bold and in the same colour as the date. This signifies that they are clickable. Users can click on the location name or the accompanying image to access the corresponding page directly. I recommend this approach to avoid confusion caused by the phrase 'Join us,' which begins each location's description.

I'd like more suggestions and would appreciate your input on this approach. @AceTheCreator @thulieblack @derberg @Barbanio

[AceTheCreator]

Under this same page, we also mentioned that we should add a section where users will see the event/host sponsors of the location immediately after they enter the page, it's on the design I created (see the picture below), but it's not on the deploy-preview

@Mayaleeeee It doesn't make sense to me why we are gonna have the sponsors there and then still have it in another section of the page. That was why I didn't include it.
The remaining you pointed out(apart from the last one) was all intentional as I also want other contributors to fix this minor issue as a means of contributing to the project

We can reduce the whitespace since we won't add the event/host sponsors here.

done!

I realized the map on the location page is on the preview website. Was that intentional?

This is also intentional. It will come as a contribution.

[AceTheCreator]

1. The Madrid button should be active once the users reach the speaker section since that's the first set of speakers they will see.

This is intentional, as suggested by @derberg we should render all speakers by default and then by clicking you filter by region

2. The subscribe button here takes me to another page: "Subscribe to our newsletter to receive news about AsyncAPI." Is that intentional?

Yea, this is also intentional as we don't have the bandwidth to maintain a different newsletter for conference

[Mayaleeeee]

1. The Madrid button should be active once the users reach the speaker section since that's the first set of speakers they will see.

This is intentional, as suggested by @derberg we should render all speakers by default and then by clicking you filter by region

2. The subscribe button here takes me to another page: "Subscribe to our newsletter to receive news about AsyncAPI." Is that intentional?

Yea, this is also intentional as we don't have the bandwidth to maintain a different newsletter for conference

We should have a "All" button then.
What do you think?

[thulieblack]

Hey @Mayaleeeee, the newsletter details are fine as it is. The monthly newsletter shipped out every month will contain all the necessary information about all the conferences

[Mayaleeeee]

Hey @Mayaleeeee, the newsletter details are fine as it is. The monthly newsletter shipped out every month will contain all the necessary information about all the conferences

Ohh, that's cool then.

[AceTheCreator]

I think this PR is rtm cc @derberg @thulieblack @Mayaleeeee @Barbanio

[derberg]

lgtm, I personally do not spend much time on websites to be patient enough to wait for entire globe animation, and see how new cities and countdown shows up. I personally would prefer to show all locations and countdowns by default (and they can highlight or whatever one after another if you want). But if I'm the only one and others like how it is now, I won't block.

Great stuff @AceTheCreator 🚀
@Mayaleeeee you've got a pretty nice production implementation of your design for your portfolio, well done 👏🏼

[Mayaleeeee]

I think this PR is rtm cc @derberg @thulieblack @Mayaleeeee @Barbanio

I apologize, @AceTheCreator, but there seems to be a misunderstanding. I was actually referring to the specific locations marked in the screenshot below and not the main location header.

[Mayaleeeee]

lgtm, I personally do not spend much time on websites to be patient enough to wait for entire globe animation, and see how new cities and countdown shows up. I personally would prefer to show all locations and countdowns by default (and they can highlight or whatever one after another if you want). But if I'm the only one and others like how it is now, I won't block.

Great stuff @AceTheCreator 🚀 @Mayaleeeee you've got a pretty nice production implementation of your design for your portfolio, well done 👏🏼

Thank you so much.
Well done @AceTheCreator

[AceTheCreator]

I think this PR is rtm cc @derberg @thulieblack @Mayaleeeee @Barbanio

I apologize, @AceTheCreator, but there seems to be a misunderstanding. I was actually referring to the specific locations marked in the screenshot below and not the main location header.

Oh! If that's what you meant, then I don't think that will be necessary because making the whole card clickable is the best UX IMHO not the text within a sentence. I'll change the title back to white :)

[Mayaleeeee]

I think this PR is rtm cc @derberg @thulieblack @Mayaleeeee @Barbanio

I apologize, @AceTheCreator, but there seems to be a misunderstanding. I was actually referring to the specific locations marked in the screenshot below and not the main location header.

Oh! If that's what you meant, then I don't think that will be necessary because making the whole card clickable is the best UX IMHO not the text within a sentence. I'll change the title back to white :)

Sure, that works as well. My worry was about the main location header, and I can see that you have adjusted the color. Thank you.

[thulieblack]

looks good; let's get the 1st iteration merged!!

[derberg]

merge merge merge and in a follow up PR I guess it is a right time to add CODEOWNERS

[Mayaleeeee]

🥳🥳🥳🌸