ng-implementation/sae-csc/src/app/shared/navigation/bottom-navigation/bottom-navigation.html

<div class="bottom-navigation">
  <nav class="navigation">
    <a (click)="togglePrivacyPolicy()" class="nav-item" id="privacy_policy_popup">
      privacy policy
    </a>
    <a class="nav-item">
      contact
    </a>
  </nav>
  <div class="fixed-navigation">
    <button class="next-step" routerLink="similar-cases">
      <span class="label">
      Search similar cases
      </span>
      <span class="pipe">
        |
      </span>
      <i class="ri-arrow-right-line"></i>
    </button>
  </div>

  <!-- Privacy Policy Popup -->
  @if (showPrivacyPolicy) {
    <div class="privacy-policy-popup">
      <div class="popup-overlay" (click)="closePrivacyPolicy()"></div>
      <div class="popup-content">
        <button class="close-button" (click)="closePrivacyPolicy()">
          <span>×</span>
        </button>
        <div class="popup-body">
          <h2>Privacy Policy</h2>
          <p>
            This privacy policy explains how we collect, use, and protect your personal information when you use our
            services.
          </p>
          <p>
            We collect information to provide better services to all our users. This includes information you provide to
            us, such as your name, email address, and other personal details.
          </p>
          <p>
            We use this information to provide, maintain, and improve our services, develop new ones, and protect our
            users.
          </p>
          <p>
            We will not share your personal information with anyone except as described in this Privacy Policy.
          </p>
        </div>
        <div class="popup-footer">
          <button class="agree-button" (click)="closePrivacyPolicy()">I agree</button>
        </div>
      </div>
    </div>
  }

</div>