Add conference banner

Author: Yndira-E

css/front.css

@@ -233,6 +233,36 @@ a:hover {
     background: #aa6767;
     color: #eee;
 }
+.community .conference-banner {
+    background: linear-gradient(135deg, #8B0000 0%, #aa6767 100%);
+    color: white;
+    text-align: center;
+    padding: 20px;
+    margin: 0 10px 20px 10px;
+    box-sizing: border-box;
+  }
+  
+  .community .conference-banner a {
+    display: block;
+    color: white;
+    text-decoration: none;
+    padding-top: 10px;
+    padding-bottom: 10px;
+  }
+  
+  .community .conference-banner a:hover {
+    opacity: 0.9;
+  }
+  
+  .community .conference-banner h4 {
+    margin: 10px 0 5px 0;
+    font-size: 1.3em;
+  }
+  
+  .community .conference-banner p {
+    margin: 5px 0 0 0;
+    font-size: 0.95em;
+  }
 .users {
     background: #fff;
     border-bottom: 2px solid #a22222;

index.html

@@ -139,6 +139,13 @@ <h3>Who's using Node-RED?</h3>
             <div class="col-1-2">
                 <div class="social">
                     <h3>Community <a class="box-link" href="/about/community/">more</a></h3>
+                    <div class="conference-banner">
+                        <a class="box-link" href="https://events.zoom.us/ev/AqhqiQ8mTK2lnAoOEH8c8TA1a_9MzVhZq_T7d1-kMHlHDt2_Qh_0~ArONnIcxMjLKoD3Stc16u8yBa38mn0RO4y2nOMx4AZqewgJ1dZm6TAmYyyVgBk3jzn2T5FyGxH2VdIpi_Oe6V7CxaA">
+                        <i class="fa fa-calendar fa-2x"></i>
+                        <h4>Node-RED Con 2025</h4>
+                        <p>Nov 4 · Free conference · Community + Industry Talks</p>
+                        </a>
+                    </div>
                     <ul>
                         <li><a class="box-link" href="https://discourse.nodered.org"><i class="fa fa-commenting-o fa-3x"></i><br/>Forum</a></li>
                         <li><a class="box-link" href="/slack"><i class="fa fa-slack fa-3x"></i><br/>Slack team</a></li>