Add Scala Days 2025 promotion button to the front page

Author: anatoliykmetyuk

_layouts/frontpage.html

@@ -30,6 +30,9 @@
             <i class="fa fa-bars"></i>
           </div>
           <ul class="navigation-menu">
+            <li class="navigation-menu-item navigation-menu-item--scala-days">
+              <a href="https://scaladays.org" class="scala-days-button">Scala Days 2025</a>
+            </li>
             {% for navItem in site.data.nav-header %}
             <li class="navigation-menu-item">
               <a href="{{navItem.url}}">{{navItem.title}}</a>

_sass/layout/navigation.scss

@@ -51,6 +51,30 @@
                     text-decoration: none;
                 }
             }
+
+            &.navigation-menu-item--scala-days {
+                a {
+                    background: #ff6b35;
+                    color: #fff;
+                    padding: 8px 20px;
+                    border-radius: 25px;
+                    font-weight: bold;
+                    transition: all 0.3s ease;
+                    box-shadow: 0 2px 4px rgba(255, 107, 53, 0.3);
+
+                    &:hover {
+                        background: #e55a2b;
+                        transform: translateY(-1px);
+                        box-shadow: 0 4px 8px rgba(255, 107, 53, 0.4);
+                        text-decoration: none;
+                    }
+
+                    &:active {
+                        transform: translateY(0);
+                        box-shadow: 0 2px 4px rgba(255, 107, 53, 0.3);
+                    }
+                }
+            }
         }
     }
 }
@@ -78,6 +102,32 @@
                 padding: 10px 0;
                 display: block;
             }
+
+            .navigation-menu-item--scala-days {
+                a {
+                    background: #ff6b35;
+                    color: #fff;
+                    padding: 10px 20px;
+                    border-radius: 25px;
+                    font-weight: bold;
+                    text-transform: uppercase;
+                    display: inline-block;
+                    transition: all 0.3s ease;
+                    box-shadow: 0 2px 4px rgba(255, 107, 53, 0.3);
+
+                    &:hover {
+                        background: #e55a2b;
+                        transform: translateY(-1px);
+                        box-shadow: 0 4px 8px rgba(255, 107, 53, 0.4);
+                        text-decoration: none;
+                    }
+
+                    &:active {
+                        transform: translateY(0);
+                        box-shadow: 0 2px 4px rgba(255, 107, 53, 0.3);
+                    }
+                }
+            }
         }
     }
 }