Test 2

How to Design a Landing Page for Your Project

https://api.typedream.com/v0/app/collection_content/50b9fac6-47ff-48be-885c-48c7e0597ec8_1e17facc-56e9-4158-9522-8cfee85931a9_collection_rich_content.json

Perpetual Trading

https://api.typedream.com/v0/app/collection_content/b22b166a-f9ee-4fb7-bbda-490f501fcc15_1e17facc-56e9-4158-9522-8cfee85931a9_collection_rich_content.json

Bridge to Optimism

https://api.typedream.com/v0/app/collection_content/f12f0b35-f41d-4806-9d0a-88180069b85c_1e17facc-56e9-4158-9522-8cfee85931a9_collection_rich_content.json

Lend and Borrow

https://api.typedream.com/v0/app/collection_content/eba3bbbf-c1fe-4677-9856-7c4b87552dae_1e17facc-56e9-4158-9522-8cfee85931a9_collection_rich_content.json

Test

https://api.typedream.com/v0/app/collection_content/ebec14ca-d162-4a45-a63e-ee17522bb43a_1e17facc-56e9-4158-9522-8cfee85931a9_collection_rich_content.json

Optimism Quests

Premium

Alpha Drops

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Name

<script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js"></script>

<script>
    const swiper = new Swiper('.swiper', {
  // Optional parameters
  loop: true,
  auto: true,
  // If we need pagination
  pagination: {
    el: '.swiper-pagination',
  },

});
</script>





<script>
  // Function to check if the current URL is /alpha or its subpages
  function isAlphaPage() {
    const currentUrl = window.location.href;
    return currentUrl.includes('https://avantisfi.com/alpha');
  }

  // Function to initialize the floating card
  function initializeFloatingCard() {
    const promoCard = document.getElementById('promo-card');
    const closeButton = document.getElementById('close-button');

    // Hide the card if not on /alpha or its subpages
    if (!isAlphaPage()) {
      promoCard.style.display = 'none';
      return;
    }

    // Function to check if the device is mobile
    function isMobile() {
      return window.innerWidth <= 768;
    }

    // Function to handle card click
    function handleCardClick(event) {
      if (isMobile()) {
        // On mobile, toggle the expanded state
        if (!promoCard.classList.contains('expanded')) {
          promoCard.classList.add('expanded');
          return; // Stop further execution
        }
      }
      // Redirect to the link if the card is clicked (and not the close button)
      if (event.target !== closeButton) {
        window.location.href = 'https://backpack.exchange/refer/alpha';
      }
    }

    // Function to handle close button click
    function handleCloseButtonClick(event) {
      event.stopPropagation(); // Prevent card click event from firing
      if (isMobile()) {
        promoCard.classList.remove('expanded'); // Collapse the card on mobile
      } else {
        promoCard.classList.toggle('minimized'); // Toggle minimized state on desktop
      }
    }

    // Add event listeners
    promoCard.addEventListener('click', handleCardClick);
    closeButton.addEventListener('click', handleCloseButtonClick);
  }

  // Initialize the floating card
  initializeFloatingCard();
</script>