+ {filterList.map((list) => (
+
+ );
+}
+
+export default EventFilter;
diff --git a/components/navigation/EventPostItem.js b/components/navigation/EventPostItem.js
new file mode 100644
index 000000000000..6079d5f13542
--- /dev/null
+++ b/components/navigation/EventPostItem.js
@@ -0,0 +1,64 @@
+import { ArrowRightIcon } from '@heroicons/react/outline';
+import Link from 'next/link';
+import React from 'react';
+import moment from 'moment';
+import IconCalendar from '../icons/Calendar';
+import Community from '../icons/Community';
+import Conference from '../icons/Conference';
+import Webinar from '../icons/Webinar';
+import Heading from '../typography/Heading';
+
+function EventPostItem({ post, className, id }) {
+ const localTime = moment().format('YYYY-MM-DD'); // store localTime
+ const currentDate = localTime + 'T00:00:00.000Z';
+ let color = 'text-orange-800';
+ let icon = setActive(list)}
+ >
+ {list}
+
+ ))}
+
+
+
+
+
+
+ {post.title}
+
+
+
+ {icon}{' '}
+
+ + {post.type} +
+
+
+
+
+
+
+ Passionate about event driven architectures or message driven apis?
+ Become an AsyncAPI Ambassador and help the development community
+ build the future of APIs.
+
+
+ + Teachers. Champions.{' '} + Ambassadors! +
+
+ }
+ />
+
+
+ 
+
+
+
+
+
+
+
+
+
+ AsyncAPI Ambassador Contributions
+
+
+ AsyncAPI Ambassadors are just as passionate about APIs as AsyncAPI
+ is — and they share their interest, expertise, and excitement
+ within their communities to help other developers and engineers
+ build better software. Here are few ways to contribute
+
+
+ -
+ {data.map((link) => (
+
-
+
+
+ {link.title} + +{link.details}
+
+ ))}
+
+
+ Join these AsyncAPI Ambassadors
+
+
+ Learn, share the knowledge with community members
+
+
+
+ {ambassadors.map((ambassador, i) => (
+
+
+
+ ))}
+
+
+ {ambassador.name}
+ {ambassador.country}
+
+
+
+ 
+
+
+ {ambassador.title}
+
+
+
+ {ambassador.bio}
+
+
+
+
+
+
+ Tokens of our appreciation
+
+ We appreciate and value your commitment and passion to share your
+ knowledge with your communities and we would like to support you
+ in doing so.
+
+
+
+
+ -
+ {tokens.map((token) => (
+
-
+ +++ {token.emoji} ++++
{token.title} ++ {token.details} +
+
+ ))}
+
+
+
+
+
+
+ Become an AsycnAPI Ambassador
+
+
+ The AsyncAPI Ambassador is now open for nominations! If you’re
+ selected, you’ll be asked to join AsyncAPI on our mission to
+ help developers all over the world to build the future of Event
+ Driven APIs, in an easy and empowering way.
+
+
+
+
+
+ We are developers.
+
+
+ Join our growing community and help us shape the future of event
+ driven architecture.
+
+
+
+
+
+
+ Docs & Resources
+
+
+ Explore our API documentation, developer tools, and integration
+ resources.
+
+
+
+
+ -
+ {categories.map((category) => (
+
-
+ ++
+
{category.title}
++ {category.description} +
++++ ++ Learn more + +++ +
+ ))}
+
+
+
+
+
+ {contributor.name}
+
+
+
+ {contributor.countryFlag}
+ {contributor.country}
+
+
+ {contributor.bio}
+
+
+
+ 
+
+
+ {contributor.contributions.map((contribution) => {
+ return (
+
+ );
+ })}
+
+
+ Meet the stars
+
+
+
+
+ +
+ {posts.map((contributor, i) => {
+ return (
+
+
+
+
+
+ );
+ })}
+
+
+ @{contributor.github}
+ {contributor.country}
+
+
+
+
+
+
+
+ {contributor.name}
+
+ {contributor.title}
+
+
+
+ );
+}
+
+
+export default Index;
diff --git a/pages/community/events/community-call.md b/pages/community/events/community-call.md
new file mode 100644
index 000000000000..65981a8f1145
--- /dev/null
+++ b/pages/community/events/community-call.md
@@ -0,0 +1,13 @@
+---
+title: 'AsyncAPI Community Call'
+type: COMMUNITY CALL
+description: 'Join us for our upcoming community call to see what’s on our roadmap, early feature demos and product updates from our engineering team.
+'
+weight: 1
+cover: https://cdn.dribbble.com/users/499731/screenshots/6648311/viceland_assets.png
+date: 2022-10-04T06:00:00+01:00
+---
+
+Join us for our upcoming community call to see what’s on our roadmap, early feature demos and product updates from our engineering team.
+
+### What you will learn
diff --git a/pages/community/events/conference.md b/pages/community/events/conference.md
new file mode 100644
index 000000000000..1d2561dd1091
--- /dev/null
+++ b/pages/community/events/conference.md
@@ -0,0 +1,9 @@
+---
+title: 'UX Conference'
+type: CONFERENCE
+description: 'Join us for our upcoming community call to see what’s on our roadmap, early feature demos and product updates from our engineering team.
+'
+weight: 1
+cover: https://cdn.dribbble.com/users/2320033/screenshots/9527306/media/babdb75d298843429590fa788b672bfd.png?compress=1&resize=840x630&vertical=top
+date: 2022-02-07T06:00:00+01:00
+---
\ No newline at end of file
diff --git a/pages/community/events/index.js b/pages/community/events/index.js
new file mode 100644
index 000000000000..0d675837e507
--- /dev/null
+++ b/pages/community/events/index.js
@@ -0,0 +1,117 @@
+/* eslint-disable react/no-unescaped-entities */
+import React, { useContext, useState } from 'react'
+import Button from '../../../components/buttons/Button';
+import Heading from '../../../components/typography/Heading';
+import IconRocket from '../../../components/icons/Rocket';
+import EventsContext from '../../../context/EventsContext';
+import { ArrowRightIcon } from '@heroicons/react/outline';
+import EventPostItem from '../../../components/navigation/EventPostItem';
+import EventFilter from '../../../components/navigation/EventFilter';
+import GenericLayout from '../../../components/layout/GenericLayout';
+
+function index() {
+ const image = '/img/social/website-card.png';
+ let {navItems} = useContext(EventsContext)
+ const [events, setEvents] = useState(navItems)
+ return (
+
+ onSearch(e.target.value)}
+ className="rounded-lg border-primary-600 w-full"
+ />
+
+
+
+
+
+
+
+
+ + Join a AsyncAPI event, from anywhere in the world. +
+
+
+
+
+ "Learn more about our live and recorded events below. You can also
+ sign up to our community newsletter to stay up-to-date on our
+ events."
+
+
+ +
+
+
+ 
+
+
+
+
+ Join us at the AsyncAPI 2022 conference with thousands around the
+ world for free
+
+
+
+
+ Join us now
+
+
+
+
+
+
+
+
+
+
+
+
+ Schedule an appointment with any of the Technical steering
+ committees
+
+ }
+ />
+
+
+
+
+
+ More Events
+
+
+
+
+
+
+ -
+ {events.map((event, i) => {
+ return
+
- The home
for developer
communities + Welcome to
the Community
@@ -144,9 +139,9 @@ function CommunityIndexPage() {
level="h2"
typeStyle="body-md"
textColor="text-gray-700"
- className="text-slate-500 text-xs md:text-sm"
+ className="text-slate-500 text-sm"
>
- We"re a community of great people who are passionate about AsyncAPI.
+ We are a community of great people who are passionate about AsyncAPI.
Join us in building the future of Event Driven APIs by asking
questions, share ideas and build connection with each other
@@ -155,15 +150,19 @@ function CommunityIndexPage() {
}
/>
);
return (
- for developer
communities + Welcome to
the Community
{heading}
@@ -195,20 +194,18 @@ function CommunityIndexPage() {
-
-
- 
-
+
-
+
-
-
+
+
Home of #CommunityOps
-
+
-
-
- -
- {quickLinks.map((link) => (
-
-
-
- {link.title} -
-
- ))}
-
-
-
-
- All community info, tracked
-
-
-
-
- Community Platform
-
-
- AsyncAPI’s incredible community of developers, designers,
- technical writers, hail from over 83 countries, actively
- contributing, collaborating and mentoring others to build with
- AsyncAPI.
-
-
+
+
+
+
-
-
+
+ Support your rockstars
+
+
+
+
+ Ambassador Programs
+
+
+ Launch community advocate programs that your members are proud to
+ be a part of. Powerful ambassador engagement analytics make it
+ easy to track and reward you contributors and build thriving
+ communities.
+
+
-
+
+