feat: replace meetup with luma

- Replace meetup references and logo with luma.
- embed luma calendar in front page.

Author: anyulled

package-lock.json

@@ -11,10 +11,10 @@ const communities: Array<CommunityItem> = [
     icon: "fa-brands:slack",
   },
   {
-    url: "https://www.meetup.com/BarcelonaJUG/",
-    title: "Meetup",
-    description: "Join our Meetup group to know about our events",
-    icon: "fa-brands:meetup",
+    url: "https://lu.ma/barcelonajug",
+    title: "Upcoming events",
+    description: "Subscribe to our calendar to know about our events",
+    icon: "mdi:calendar",
   },
   {
     url: "https://twitter.com/BarcelonaJUG",

src/components/community.astro

@@ -0,0 +1,20 @@
+---
+import ContentSection from "~/components/content-section.astro";
+---
+
+<ContentSection title="Events" id="events">
+  <Fragment slot="lead">
+    Our upcoming events
+  </Fragment>
+    <iframe
+      src="https://lu.ma/embed/calendar/cal-llVEhrTJyvHLBAG/events"
+      width="600"
+      height="450"
+      frameborder="0"
+      style="border: 1px solid #bfcbda88; border-radius: 4px;"
+      allowfullscreen=""
+      aria-hidden="false"
+      tabindex="0"
+    ></iframe>
+
+</ContentSection>

src/components/events.astro

@@ -7,6 +7,7 @@ import AboutUs from "~/components/aboutus.astro";
 import Splash from "~/components/splash.astro";
 import Contribute from "../components/contribute.astro";
 import "~/styles/index.css";
+import Events from "../components/events.astro";
 
 const { generator, site } = Astro;
 const image = new URL("social.jpg", site);
@@ -63,6 +64,7 @@ const description = "Group of Java's users in Barcelona .";
     <Splash />
     <div class="space-y-24 px-8 py-32">
       <Community />
+      <Events/>
       <AboutUs />
       <Contribute />
     </div>