Removal Request

Request removal of an album or content that involves you.

Album / Content URL *

First Name *

Last Name *

Contact Email *

Identity Verification *

Please upload ONE of the following:

A document proving your identity (you may blur sensitive numbers), or
A clear photo of you holding a sign that says: "Remove this album from AbgHub"

Your proof is used only to confirm your identity for this request.

Additional Details (optional)

<header class="site-header">
  <div class="header-inner">
    
    <a href="/" class="brand-link">
      <div class="brand-logo-wrap">
        <img
          src="https://abghub.net/wp-content/uploads/2025/11/bg-removed-result-1.png"
          alt="AbgHub logo"
          class="brand-icon"
        />
        <div class="brand-text-block">
          <span class="brand-label">ABGHUB</span>
        </div>
      </div>
    </a>

<nav class="nav-desktop">
      <a href="/vip-info/" class="nav-link">VIP Info</a>
      <a href="/faq" class="nav-link">FAQ</a>
      <a href="/warning-contact/" class="nav-link">Contact</a>
      <a href="/my-account/" class="nav-link nav-account-pill">
        Account
      </a>
    </nav>

<button
      class="hamburger"
      aria-label="Toggle navigation"
      aria-expanded="false"
      aria-controls="navMobile"
      type="button"
    >
      <span></span>
      <span></span>
      <span></span>
    </button>
  </div>

<nav class="nav-mobile" id="navMobile">
    <a href="/vip-info/" class="nav-link">VIP Info</a>
    <a href="/faq" class="nav-link">FAQ</a>
    <a href="/warning-contact/" class="nav-link">Contact</a>
    <a href="/my-account/" class="nav-link nav-account-mobile">
      Account
    </a>
  </nav>
</header>

<a class="skip-link screen-reader-text" href="#content">Skip to content</a>

</header>

</main>

// Subtle fade-in
  const card = document.querySelector(".removal-card");
  if (card) {
    card.style.opacity = "0";
    card.style.transform = "translateY(10px)";
    requestAnimationFrame(() => {
      card.style.transition = "opacity 220ms ease-out, transform 220ms ease-out";
      card.style.opacity = "1";
      card.style.transform = "translateY(0)";
    });
  }

// Live "Remove [album] from AbgHub" text
  if (albumInput && albumNameSpan) {
    const updateAlbumName = () => {
      const val = albumInput.value.trim();
      if (!val) {
        albumNameSpan.textContent = "this album";
      } else {
        // Use last path segment or full input if not a URL
        try {
          const url = new URL(val);
          const parts = url.pathname.split("/").filter(Boolean);
          albumNameSpan.textContent = parts[parts.length - 1] || val;
        } catch {
          albumNameSpan.textContent = val;
        }
      }
    };
    albumInput.addEventListener("input", updateAlbumName);
    updateAlbumName();
  }

// Simple front-end validation helper
  form.addEventListener("submit", (e) => {
    messageEl.textContent = "";
    messageEl.classList.remove("success");

const requiredFields = ["albumLink", "firstName", "lastName", "email"];
    let valid = true;

requiredFields.forEach((id) => {
      const field = document.getElementById(id);
      if (field && !field.value.trim()) valid = false;
    });

if (!proofInput.files || proofInput.files.length === 0) {
      valid = false;
    }

const email = document.getElementById("email").value.trim();
    const emailOk = /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email);
    if (!emailOk) valid = false;

if (!valid) {
      e.preventDefault();
      messageEl.textContent = "Please fill in all required fields and upload your proof.";
      return;
    }

// Disable button to prevent double submit (actual send handled by PHP)
    submitBtn.disabled = true;
    submitBtn.textContent = "Sending...";
  });
});

</script>


<script>
// header.js  (REPLACE WHOLE FILE)

document.addEventListener("DOMContentLoaded", () => {
  // Find all headers the theme/plugins may have injected
  const headers = Array.from(document.querySelectorAll(".site-header"));

if (headers.length === 0) return;

// Choose the header that is closest to the visual top,
  // then move it to be the FIRST child of <body>.
  let mainHeader = headers.reduce((best, h) => {
    const t = Math.abs(h.getBoundingClientRect().top || 0);
    return t < Math.abs(best.getBoundingClientRect().top || 0) ? h : best;
  }, headers[0]);

// Ensure header is the very first node in <body>
  if (document.body.firstElementChild !== mainHeader) {
    document.body.insertBefore(mainHeader, document.body.firstElementChild);
  }

// Remove any duplicate headers that might have been added later in the DOM
  headers.forEach((h) => {
    if (h !== mainHeader) h.remove();
  });

// Animation + sticky elevation
  const hamburger = mainHeader.querySelector(".hamburger");
  const navMobile  = mainHeader.querySelector(".nav-mobile");

requestAnimationFrame(() => mainHeader.classList.add("is-loaded"));

const onScroll = () => {
    if (window.scrollY > 20) mainHeader.classList.add("is-scrolled");
    else mainHeader.classList.remove("is-scrolled");
  };
  onScroll();
  window.addEventListener("scroll", onScroll, { passive: true });

if (!hamburger || !navMobile) return;

const closeMenu = () => {
    hamburger.classList.remove("is-open");
    navMobile.classList.remove("is-open");
    hamburger.setAttribute("aria-expanded", "false");
  };

const toggleMenu = () => {
    const isOpen = hamburger.classList.contains("is-open");
    if (isOpen) closeMenu();
    else {
      hamburger.classList.add("is-open");
      navMobile.classList.add("is-open");
      hamburger.setAttribute("aria-expanded", "true");
    }
  };

hamburger.addEventListener("click", (e) => {
    e.stopPropagation();
    toggleMenu();
  });

// Close when clicking outside or selecting a link
  document.addEventListener("click", (e) => {
    if (!navMobile.contains(e.target) && !hamburger.contains(e.target)) closeMenu();
  });
  navMobile.querySelectorAll("a").forEach((a) => a.addEventListener("click", closeMenu));
});

</script>


<style>
/* ===== FOOTER WRAPPER ===== */
.site-footer {
  /* overlap the section above, but keep content tight */
  margin-top: -40px;
  padding: 4px 4vw 16px; /* very small top padding, normal bottom */

background:
    radial-gradient(circle at top, rgba(185,184,182,0.08), transparent 70%),
    linear-gradient(to bottom, #151413, #11100f);
  border-top: none;
  color: #B9B8B6;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  -webkit-font-smoothing: antialiased;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

/* Soft glow – doesn't affect spacing */
.site-footer::before {
  content: "";
  position: absolute;
  inset: -40%;
  background:
    radial-gradient(circle at top, rgba(212,175,55,0.05), transparent 65%);
  pointer-events: none;
}

/* ===== TOP ROW LAYOUT ===== */
.footer-inner {
  max-width: 1180px;
  margin: 0 auto 6px;       /* no top margin, tiny bottom */
  display: grid;
  grid-template-columns: minmax(0, 2.2fr) minmax(0, 1.5fr) minmax(0, 1.5fr);
  gap: 14px;                /* slightly tighter */
  align-items: center;
}

/* Brand + rating */
.footer-brand {
  display: flex;
  align-items: center;
  gap: 10px;
}

.footer-logo {
  width: 42px;
  height: 42px;
  object-fit: contain;
  filter: drop-shadow(0 6px 16px rgba(0,0,0,0.9));
}

.footer-brand-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.footer-brand-name {
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #DAD9D8;
  line-height: 1.2;
  margin-bottom: 0;         /* no extra gap above stars */
}

.footer-rating {
  display: flex;
  align-items: baseline;
  gap: 5px;
  font-size: 10px;
  flex-wrap: wrap;
}

.footer-stars {
  font-size: 11px;
  letter-spacing: 1px;
  background: linear-gradient(90deg, #d4af37, #f7e7a9);
  -webkit-background-clip: text;
  color: transparent;
}

.footer-rating-label {
  color: #8f8d89;
}

/* ===== LINKS ===== */
.footer-nav,
.footer-legal {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  justify-content: flex-end;
}

.footer-link {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #9d9b98;
  text-decoration: none;
  position: relative;
  padding-bottom: 2px;
  transition: color 0.2s ease;
}

.footer-link::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0;
  height: 1px;
  border-radius: 999px;
  background: #d4af37;
  transform: translateX(-50%);
  transition: width 0.2s ease, opacity 0.2s ease;
  opacity: 0;
}

.footer-link:hover {
  color: #DAD9D8;
}

.footer-link:hover::after {
  width: 70%;
  opacity: 1;
}

/* ===== BOTTOM ROW ===== */
.footer-bottom {
  max-width: 1180px;
  margin: 0 auto;
  padding-top: 6px;          /* small divider space */
  border-top: 1px solid rgba(82,79,75,0.6);
  display: flex;
  flex-wrap: wrap;
  gap: 6px 16px;
  align-items: center;
  justify-content: space-between;
  font-size: 9px;
  color: #7b7976;
}

.footer-consent a {
  color: #d4af37;
  text-decoration: none;
}

.footer-consent a:hover {
  text-decoration: underline;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
  .footer-inner {
    grid-template-columns: 1fr;
    gap: 10px;
    text-align: center;
  }

.footer-brand {
    justify-content: center;
  }

.footer-brand-text {
    align-items: flex-start;
  }

/* Hide VIP Info / FAQ / Contact on mobile */
  .footer-nav {
    display: none;
  }

.footer-legal {
    justify-content: center;
  }

.footer-bottom {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}
/* Mobile: prevent footer from overlapping page content */
@media (max-width: 768px) {
  .site-footer {
    margin-top: 0;      /* no negative overlap on mobile */
    padding-top: 8px;   /* still pretty tight to the icon/text */
  }
}
/* Thank-you / View-order: keep footer from overlapping content */
body.woocommerce-order-received .site-footer,
body.woocommerce-view-order .site-footer {
  margin-top:0 !important;       /* kill the global -40px overlap */
  padding-top:16px !important;   /* give it a normal top padding */
}
/* Checkout: keep footer from overlapping the form */
body.woocommerce-checkout .site-footer {
  margin-top: 0 !important;      /* cancel the -40px */
  padding-top: 16px !important;  /* normal spacing from content */
}
body.woocommerce-checkout .entry-content {
  min-height: calc(100vh - 220px);
}

</style>

<footer class="site-footer">
  <div class="footer-inner">
    
    <div class="footer-brand">
      <img
        src="https://abghub.net/wp-content/uploads/2025/11/bg-removed-result-1.png"
        alt="AbgHub"
        class="footer-logo"
      />
      <div class="footer-brand-text">
        <div class="footer-brand-name">AbgHub</div>
        <div class="footer-rating">
          <span class="footer-stars" aria-label="4.9 out of 5 stars">
            ★★★★★
          </span>
          <span class="footer-rating-label">
            4.9/5 from 12,300+ members
          </span>
        </div>
      </div>
    </div>

<nav class="footer-nav">
      <a href="/vip-info/" class="footer-link">VIP Info</a>
      <a href="/faq" class="footer-link">FAQ</a>
      <a href="/warning-contact/" class="footer-link">Contact</a>
    </nav>

<nav class="footer-legal">
      <a href="/DMCA/" class="footer-link">DMCA</a>
      <a href="/18-USC-2257/" class="footer-link">18 U.S.C. 2257</a>
      <a href="/terms/" class="footer-link">Terms & Service</a>
    </nav>
  </div>

<div class="footer-bottom">
    <span>© AbgHub. All rights reserved.</span>
    <span class="footer-consent">
      By using this site and placing an order you agree to our
      <a href="/terms/">Terms & Service</a> and Refund Policy.
    </span>
  </div>
</footer>

</body>
</html>