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

<div class="bottom-navigation">
  <nav class="navigation">
    <a class="nav-item" id="privacy_policy_popup" (click)="togglePrivacyPolicy()">
      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 -->
  <div class="privacy-policy-popup" *ngIf="showPrivacyPolicy">
    <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>