fix: update preview image path for community pages

pages/community/ambassadors/index.js

@@ -30,7 +30,7 @@ function addAdditionalUserInfo(user) {
 }
 
 function Index() {
-  const image = '/img/social/website-card.png';
+  const image = '/img/social/community-ambassadors.webp';
   const asyncapiAmbassadors = sortBy(
     ambassadors.map((user) => addAdditionalUserInfo(user)),
     ['name']

pages/community/events/index.js

@@ -18,7 +18,7 @@ import Paragraph from '../../../components/typography/Paragraph';
 import { getEvents } from '../../../lib/staticHelpers';
 
 function index() {
-  const image = '/img/social/website-card.png';
+  const image = '/img/social/community-events.webp';
   const [events, setEvents] = useState(getEvents(meetings));
 
   return (

pages/community/index.js

@@ -11,7 +11,7 @@ import HomeCards from '../../components/community/HomeCard';
 import Card from '../../components/community/Card';
 
 function CommunityIndexPage() {
-  const image = '/img/social/website-card.png';
+  const image = '/img/social/community.webp';
   return (
     <GenericLayout
       title="AsyncAPI Community Meetings"

pages/community/newsroom.js

@@ -5,7 +5,7 @@ import NewsroomSection from "../../components/newsroom/Newsroom"
 function Newsroom() {
     const description =
     "Learn about what's happening in AsyncAPI.";
-  const image = "/img/social/meetings.png";
+  const image = "/img/social/community-newsroom.webp";
   return (
     <GenericLayout
       title="AsyncAPI Newsroom"
@@ -21,4 +21,4 @@ function Newsroom() {
   )
 }
 
-export default Newsroom
+export default Newsroom

pages/community/tsc.js

@@ -36,7 +36,7 @@ function addAdditionalUserInfo(user) {
 export default function TSC() {
   const description =
     "Meet the current AsyncAPI TSC members and learn how you can become one.";
-  const image = "/img/social/website-card.jpg";
+  const image = "/img/social/community-tsc.webp";
 
   const tscMembers = sortBy(TSCMembersList.map((user) => addAdditionalUserInfo(user)),['name']);