<nav>

  <a
    href="http://ODOO4projects.com"
    style="
      display: inline-flex;
      flex-direction: row;
      align-items: center;
      gap: 12px;
      background-color: white;
      color: orange;
      border: 2px solid orange;
      text-decoration: none;
      padding: 16px 24px;
      border-radius: 10px;
      font-size: 18px;
      font-weight: bold;
      text-align: left;
      line-height: 1.3;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
      transition: all 0.3s ease;
    "
    onmouseover="this.style.backgroundColor='#fef6e4'; this.style.color='orange'"
    onmouseout="this.style.backgroundColor='white'; this.style.color='orange'"
  >
    <img src="/images/logo.svg" alt="Logo" style="width: 32px; height: 32px" />
    <span style="display: inline-block"> Launch your ODOO Project now! </span>
  </a>

  <!-- <div class="search-bar-container" id="search"></div> -->

  <div class="dropdown">
    <button class="dropbtn">{{.Language.LanguageCode}}</button>
    <div class="dropdown-content">
      {{ range $.Site.Home.AllTranslations }}
      <a href="{{.Permalink | relURL }}" class="">
        {{.Language.LanguageName}}
      </a>
      {{end}}
    </div>
  </div>
</nav>
