asyncapi · asyncapi-bot · Jan 20, 2023 · Nov 18, 2022 · Nov 18, 2022 · Nov 18, 2022
diff --git a/components/icons/AsyncAPI.js b/components/icons/AsyncAPI.js
diff --git a/components/icons/Overview.js b/components/icons/Overview.js
@@ -0,0 +1,37 @@
+export default function IconOverview({ className }) {
+  return (
+    <svg
+      className={className || 'inline-block'}
+      width="35"
+      height="35"
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 32 32"
+    >
+      <defs>
+        <style>{`.cls-1{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;}`}</style>
+      </defs>
+      <path
+        id="overview_1_"
+        d="M28,30.36c-1.731,0-3.161-1.316-3.341-3h-5.318c-0.18,1.684-1.609,3-3.341,3c-1.731,0-3.161-1.316-3.341-3
+	H7.341c-0.18,1.684-1.61,3-3.341,3c-1.853,0-3.36-1.508-3.36-3.36S2.147,23.64,4,23.64c1.731,0,3.161,1.316,3.341,3h5.318
+	c0.18-1.684,1.61-3,3.341-3s3.161,1.316,3.341,3h5.318c0.18-1.684,1.609-3,3.341-3c1.853,0,3.36,1.508,3.36,3.36
+	S29.853,30.36,28,30.36z M28,24.36c-1.456,0-2.64,1.184-2.64,2.64s1.184,2.64,2.64,2.64s2.64-1.184,2.64-2.64S29.456,24.36,28,24.36
+	z M16,24.36c-1.456,0-2.64,1.184-2.64,2.64s1.185,2.64,2.64,2.64c1.456,0,2.64-1.184,2.64-2.64S17.456,24.36,16,24.36z M4,24.36
+	c-1.456,0-2.64,1.184-2.64,2.64S2.544,29.64,4,29.64S6.64,28.456,6.64,27S5.456,24.36,4,24.36z M16,19.36
+	c-8.96,0-12.302-8.145-12.334-8.228c-0.034-0.085-0.034-0.18,0-0.266C3.698,10.785,7.04,2.64,16,2.64
+	c8.961,0,12.302,8.145,12.335,8.227c0.033,0.085,0.033,0.18,0,0.266C28.302,11.215,24.961,19.36,16,19.36z M4.393,11
+	C4.857,12.029,8.156,18.64,16,18.64c7.845,0,11.143-6.611,11.607-7.64C27.143,9.971,23.845,3.36,16,3.36
+	C8.156,3.36,4.857,9.971,4.393,11z M16,17.36c-3.507,0-6.36-2.854-6.36-6.36S12.493,4.64,16,4.64s6.36,2.853,6.36,6.36
+	S19.507,17.36,16,17.36z M16,5.36c-3.11,0-5.64,2.53-5.64,5.64s2.53,5.64,5.64,5.64s5.64-2.53,5.64-5.64S19.11,5.36,16,5.36z
+	 M16,14.36c-1.853,0-3.36-1.507-3.36-3.36S14.147,7.64,16,7.64s3.36,1.507,3.36,3.36S17.853,14.36,16,14.36z M16,8.36
+	c-1.456,0-2.64,1.185-2.64,2.64s1.185,2.64,2.64,2.64c1.456,0,2.64-1.185,2.64-2.64S17.456,8.36,16,8.36z"
+      />
+      <rect
+        id="_Transparent_Rectangle"
+        style={{fill:"none"}}
+        width="32"
+        height="32"
+      />
+    </svg>
+  );
+}
diff --git a/components/layout/CommunityLayout.js b/components/layout/CommunityLayout.js
@@ -0,0 +1,23 @@
+import React from 'react';
+import Head from '../Head';
+import Container from './Container';
+import NavBar from '../navigation/NavBar';
+import StickyNavbar from '../navigation/StickyNavbar';
+
+
+export default function CommunityLayout({
+  title,
+  description,
+  children,
+  wide = true,
+}) {
+  return (
+    <>
+      <Head title={title} description={description} />
+      <StickyNavbar>
+        <NavBar className="max-w-screen-xl block px-4 sm:px-6 lg:px-8 mx-auto" />
+      </StickyNavbar>
+      <Container wide={wide}>{children}</Container>
+    </>
+  );
+}
diff --git a/components/navigation/StickyNavbar.js b/components/navigation/StickyNavbar.js
@@ -1,5 +1,5 @@
 export default function StickyNavbar({children, className=''}) {
-  return <div className={`sticky top-0 w-full bg-white border-b border-gray-300 z-30 ${className}`}>
+  return <div className={`sticky top-0 w-full bg-white border-b border-gray-300 z-50 ${className}`}>
       {children}
   </div>;
 }
diff --git a/components/navigation/communityItems.js b/components/navigation/communityItems.js
@@ -1,21 +1,66 @@
-import IconTools from '../icons/Tools'
-import IconGithubOrganization from '../icons/GithubOrganization'
-import IconSlack from '../icons/Slack'
-import IconContributing from '../icons/Contributing'
-import IconDashboard from '../icons/Dashboard'
-import IconTSC from '../icons/TSC'
-import IconMeetings from '../icons/Meetings'
-import IconNewsroom from '../icons/Newsroom'
-
+import IconTools from '../icons/Tools';
+import IconGithubOrganization from '../icons/GithubOrganization';
+import IconSlack from '../icons/Slack';
+import IconContributing from '../icons/Contributing';
+import IconTSC from '../icons/TSC';
+import IconMeetings from '../icons/Meetings';
+import IconOverview from '../icons/Overview';
+import IconNewsroom from '../icons/Newsroom';
 
 export default [
-
-  { icon: IconTools, title: 'Tools & Services', href: '/docs/community/tooling', description: 'Explore the tools and services our awesome community has created.' },
-  { icon: IconGithubOrganization, title: 'GitHub Organization', href: 'https://github.com/asyncapi', target: '_blank', description: 'Want to sneak in the code? Everything we do is open-sourced in our GitHub organization.' },
-  { icon: IconSlack, title: 'Slack Workspace', href: 'https://asyncapi.com/slack-invite', target: '_blank', description: `Need help? Want to share something? Join our Slack workspace. We're nice people :)` },
-  { icon: IconContributing, title: 'Contributing', href: 'https://github.com/asyncapi?type=source#-contribute-to-asyncapi', target: '_blank', description: `We are always welcoming and looking for contributions. If you are interested check out our contribution guide.` },
-  { icon: IconTSC, title: 'Technical Steering Committee', href: '/community/tsc', description: 'Get to know what is a TSC member, how you can become one, and meet our current TSC members.' },
-  { icon: IconDashboard, title: 'Dashboard',href: '/community/dashboard', description: `Just need a good first issue to start your contribution journey? or want to see what topics are hot in discussion?`},
-  { icon: IconMeetings, title: 'Meetings', href: '/community/meetings', description: 'See what meetings are organized under AsyncAPI umbrella and join one of them.' },
-  { icon: IconNewsroom, title: 'Newsroom', href: '/community/newsroom', description: 'Get upto date with the recent activity in the initiative.' },
- ]
+  {
+    icon: IconOverview,
+    title: 'Overview',
+    href: '/community',
+    description: 'Connect, share, and learn.',
+  },
+  {
+    icon: IconTools,
+    title: 'Tools & Services',
+    href: '/docs/community/tooling',
+    description:
+      'Explore the tools and services our awesome community has created.',
+  },
+  {
+    icon: IconGithubOrganization,
+    title: 'GitHub Organization',
+    href: 'https://github.com/asyncapi',
+    target: '_blank',
+    description:
+      'Want to sneak in the code? Everything we do is open-sourced in our GitHub organization.',
+  },
+  {
+    icon: IconSlack,
+    title: 'Slack Workspace',
+    href: 'https://asyncapi.com/slack-invite',
+    target: '_blank',
+    description: `Need help? Want to share something? Join our Slack workspace. We're nice people :)`,
+  },
+  {
+    icon: IconContributing,
+    title: 'Contributing',
+    href: 'https://github.com/asyncapi?type=source#-contribute-to-asyncapi',
+    target: '_blank',
+    description: `We are always welcoming and looking for contributions. If you are interested check out our contribution guide.`,
+  },
+  {
+    icon: IconTSC,
+    title: 'Technical Steering Committee',
+    href: '/community/tsc',
+    description:
+      'Get to know what is a TSC member, how you can become one, and meet our current TSC members.',
+  },
+  {
+    icon: IconMeetings,
+    title: 'Meetings',
+    href: '/community/meetings',
+    description:
+      'See what meetings are organized under AsyncAPI umbrella and join one of them.',
+  },
+  {
+    icon: IconNewsroom,
+    title: 'Newsroom',
+    href: '/community/newsroom',
+    description: 'Get upto date with the recent activity in the initiative.',
+  },
+];