<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="1stpage.agency">
<meta name="theme-color" content="#1a5c3a">
<meta name="format-detection" content="telephone=no">
<meta name="referrer" content="strict-origin-when-cross-origin">
<title>1stpage.agency — Niche Edit Link Building</title>
<meta name="description" id="meta-description" content="Niche edit link building services from 1stpage.agency. Choose Top Page Links or Traffic Page Links with manual outreach, permanent placements, and full delivery reports.">
<meta name="robots" content="index,follow,max-image-preview:large">
<link rel="canonical" id="canonical-link" href="https://1stpage.agency/">
<meta property="og:type" content="website">
<meta property="og:site_name" content="1stpage.agency">
<meta property="og:locale" content="en_US">
<meta property="og:title" id="og-title" content="1stpage.agency — Niche Edit Link Building">
<meta property="og:description" id="og-description" content="Niche edit link building services from 1stpage.agency. Choose Top Page Links or Traffic Page Links with manual outreach, permanent placements, and full delivery reports.">
<meta property="og:url" id="og-url" content="https://1stpage.agency/">
<meta property="og:image" content="https://1stpage.agency/assets/og-default.jpg">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" id="twitter-title" content="1stpage.agency — Niche Edit Link Building">
<meta name="twitter:description" id="twitter-description" content="Niche edit link building services from 1stpage.agency. Choose Top Page Links or Traffic Page Links with manual outreach, permanent placements, and full delivery reports.">
<meta name="twitter:image" content="https://1stpage.agency/assets/og-default.jpg">
<link rel="icon" type="image/svg+xml" href="/assets/favicon.svg">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon-32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon-16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/apple-touch-icon.png">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600;9..40,700&display=swap" rel="stylesheet">
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@id": "https://1stpage.agency/#organization",
      "@type": "Organization",
      "name": "1stpage.agency",
      "url": "https://1stpage.agency",
      "logo": "https://1stpage.agency/assets/logo.png",
      "description": "Niche edit link building agency focused on Top Page Links and Traffic Page Links.",
      "foundingDate": "2018",
      "sameAs": []
    },
    {
      "@id": "https://1stpage.agency/#website",
      "@type": "WebSite",
      "name": "1stpage.agency",
      "url": "https://1stpage.agency",
      "inLanguage": "en",
      "about": { "@id": "https://1stpage.agency/#organization" },
      "potentialAction": {
        "@type": "SearchAction",
        "target": "https://1stpage.agency/blog?search={search_term_string}",
        "query-input": "required name=search_term_string"
      },
      "publisher": {
        "@id": "https://1stpage.agency/#organization"
      }
    }
  ]
}
</script>
<script id="route-schema-jsonld" type="application/ld+json">
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "WebPage",
      "name": "1stpage.agency — Niche Edit Link Building",
      "url": "https://1stpage.agency/",
      "description": "Niche edit link building services from 1stpage.agency."
    },
    {
      "@type": "FAQPage",
      "mainEntity": [
        {
          "@type": "Question",
          "name": "What is niche edit link building?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Niche edits place your link into existing, already indexed content on relevant authority websites."
          }
        },
        {
          "@type": "Question",
          "name": "How long does delivery take?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Most orders are delivered within 15 to 27 business days, depending on package and inventory."
          }
        }
      ]
    },
    {
      "@type": "ItemList",
      "name": "Link Building Services",
      "itemListElement": [
        { "@type": "ListItem", "position": 1, "name": "Top Page Links", "url": "https://1stpage.agency/top-page-links" },
        { "@type": "ListItem", "position": 2, "name": "Traffic Page Links", "url": "https://1stpage.agency/traffic-page-links" }
      ]
    }
  ]
}
</script>
<link rel="stylesheet" href="/assets/site.css?v=20260330a">
</head>
<body>
<a class="skip-link" href="#site-main">Skip to content</a>

<!-- ═══════════════════ NAV ═══════════════════ -->
<nav>
  <a class="nav-logo" href="/" aria-label="Go to Home" onclick="event.preventDefault(); navGo('home')"><span class="nav-logo-dot"></span>1stpage.agency</a>
  <ul class="nav-links">
    <li class="nav-dd">
      <button class="nav-dd-trigger" type="button" aria-expanded="false">Link Building ▾</button>
      <div class="nav-dd-menu">
        <a href="/top-page-links" onclick="event.preventDefault(); navGo('top-page')"><span class="dd-dot"></span>Top Page Links</a>
        <a href="/traffic-page-links" onclick="event.preventDefault(); navGo('traffic-page')"><span class="dd-dot"></span>Traffic Pages</a>
      </div>
    </li>
    <li class="nav-dd hide-mob">
      <button class="nav-dd-trigger" type="button" aria-expanded="false">Discount ▾</button>
      <div class="nav-dd-menu">
        <a href="/top-page-links#top-monthly-offers" onclick="event.preventDefault(); jumpMonthly('top')"><span class="dd-dot"></span>Top Page Monthly Deals</a>
        <a href="/traffic-page-links#traffic-monthly-offers" onclick="event.preventDefault(); jumpMonthly('traffic')"><span class="dd-dot"></span>Traffic Monthly Deals</a>
      </div>
    </li>
    <li class="hide-mob"><a href="/case-studies" data-nav="case-studies" onclick="event.preventDefault(); navGo('case-studies')">Case Studies</a></li>
    <li class="hide-mob"><a href="/agencies" data-nav="agencies" onclick="event.preventDefault(); navGo('agencies')">Agencies</a></li>
    <li><a href="/top-page-links" class="nav-cta" data-nav="top-page" onclick="event.preventDefault(); navGo('top-page')">Start an Order →</a></li>
  </ul>
</nav>
<main id="site-main" tabindex="-1">

<!-- ═══════════════════════════════════════════
     HOME PAGE v2 — NICHE EDITS FOCUSED
═══════════════════════════════════════════ -->
<div id="page-home" class="page active" tabindex="-1">

  <!-- ── HERO ── -->
  <section class="hv2-hero" id="main-content">
    <div style="position:relative;z-index:1">
      <div class="hv2-kicker">Niche Edit Link Building</div>
      <h1 class="hv2-h1">The <em>smartest</em> links<br>you can build.</h1>
      <p class="hv2-desc">Niche edits are contextual backlinks placed inside existing, already-indexed content on real authority websites. No new articles. No waiting to get indexed. Just permanent links on pages that already rank and already earn traffic.</p>
      <div style="background:var(--bg2);border:1px solid var(--bd);border-radius:var(--r);padding:14px 16px;margin-bottom:28px;max-width:540px">
        <div style="font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ink3);margin-bottom:9px">Two specialised services under the niche edit umbrella</div>
        <div style="display:flex;flex-direction:column;gap:7px">
          <div style="display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--ink2)"><span style="font-size:16px"></span><div><strong>Top Page Links</strong> — Links on the highest-authority pages of a domain, filtered by Ahrefs DR tiers (30+ or 50+). <span style="color:var(--ink3)">From $167/link.</span></div></div>
          <div style="display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--ink2)"><span style="font-size:16px"></span><div><strong>Traffic Page Links</strong> — Links from pages receiving real monthly organic visitors. Authority + referral traffic. <span style="color:var(--ink3)">From $167/link.</span></div></div>
        </div>
      </div>
      <div class="hv2-btns">
        <button class="btn btn-g" onclick="document.getElementById('decision-tool').scrollIntoView({behavior:'smooth'})">Help me choose ↓</button>
        <button class="btn btn-out" onclick="navGo('top-page')" style="font-size:13px;padding:11px 22px">Top Page Links</button>
        <button class="btn btn-out" onclick="navGo('traffic-page')" style="font-size:13px;padding:11px 22px">Traffic Page Links</button>
      </div>
      <div class="hv2-stats">
        <div><div class="hv2-stat-n">470+</div><div class="hv2-stat-l">Clients served</div></div>
        <div><div class="hv2-stat-n">4,300%</div><div class="hv2-stat-l">Highest traffic growth</div></div>
        <div><div class="hv2-stat-n">DR70+</div><div class="hv2-stat-l">Avg. link authority</div></div>
        <div><div class="hv2-stat-n">95%</div><div class="hv2-stat-l">Client retention</div></div>
      </div>
    </div>
    <div class="hv2-right">
      <div class="hv2-umbrella">
        <div class="hv2-umb-tag">How a niche edit works</div>
        <div class="hv2-umb-title">Your link inside content that already ranks</div>
        <div class="hv2-umb-desc">We find a qualifying authority page in your niche, contact the owner manually, and insert your link contextually into existing published content. The page is already indexed. The authority is already there. Your link benefits from day one.</div>
        <div style="margin-top:14px;padding-top:14px;border-top:1px solid var(--bd)">
          <div style="font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);margin-bottom:10px">Choose your type</div>
          <div class="hv2-sub-cards">
            <div class="hv2-sub" onclick="navGo('top-page')">
              <div class="hv2-sub-icon"></div>
              <div class="hv2-sub-name">Top Page Links</div>
              <div class="hv2-sub-from">From $167 / link</div>
              <div class="hv2-sub-desc">Ahrefs-verified highest-authority pages — filtered by DR tiers (30+ or 50+)</div>
            </div>
            <div class="hv2-sub" onclick="navGo('traffic-page')">
              <div class="hv2-sub-icon"></div>
              <div class="hv2-sub-name">Traffic Page Links</div>
              <div class="hv2-sub-from">From $167 / link</div>
              <div class="hv2-sub-desc">Pages with real monthly organic visitors — authority plus referral clicks</div>
            </div>
          </div>
        </div>
      </div>
      <div class="hv2-testi">
        <p>"Went from page 3 to position #2 in under 5 months. The niche edit strategy was exactly what my site needed."</p>
        <div class="hv2-tauth"><div class="hv2-tav">JK</div><span>James K. — SaaS Founder · Verified client</span></div>
      </div>
    </div>
  </section>

  <div class="monthly-hero" id="monthly-offers-home">
    <div>
      <div class="eyebrow" style="color:rgba(255,255,255,.96);margin-bottom:10px">Monthly Discounted Offers</div>
      <h2>Save more with ongoing monthly link delivery.</h2>
      <p>Inspired by the monthly discount model, we now surface dedicated subscription pricing for both services. Lock in stronger rates, predictable delivery, and compounding growth.</p>
      <div class="mh-actions">
        <button class="mh-btn primary" onclick="jumpMonthly('top')">View Top Page Monthly</button>
        <button class="mh-btn ghost" onclick="jumpMonthly('traffic')">View Traffic Monthly</button>
      </div>
    </div>
    <div class="mh-grid">
      <div class="mh-card">
        <div class="mh-lbl">Top Page Monthly</div>
        <div class="mh-big">Up to 15% off</div>
        <div class="mh-sub">Plans from <strong>$924/month</strong> with structured authority delivery.</div>
      </div>
      <div class="mh-card">
        <div class="mh-lbl">Traffic Page Monthly</div>
        <div class="mh-big">Up to 15% off</div>
        <div class="mh-sub">Plans from <strong>$924/month</strong> with referral-ready placements.</div>
      </div>
    </div>
  </div>

  <!-- ── LOGOS ── -->
  <div class="logos-bar">
    <span class="logos-lbl">Trusted tools & partners</span>
    <span class="logo-chip">Ahrefs</span>
    <span class="logo-chip">SEMrush</span>
    <span class="logo-chip">Moz</span>
    <span class="logo-chip">BuzzStream</span>
    <span class="logo-chip">One Tree Planted</span>
    <span class="logo-chip">Inc.</span>
  </div>

  <!-- ════ AI / LLM ERA SECTION ════ -->
  <section style="background:var(--ink);padding:72px clamp(16px,5vw,64px)">
    <div style="display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center">
      <div>
        <div style="font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#f4d58e;margin-bottom:12px">Links in the AI era</div>
        <h2 style="font-family:var(--serif);font-size:clamp(26px,3.2vw,44px);font-weight:400;line-height:1.12;letter-spacing:-.02em;color:#fff;margin-bottom:18px">Niche edit links matter <em style="font-style:italic;color:#f4d58e">even more</em> in the age of AI search</h2>
        <p style="font-size:15px;color:rgba(255,255,255,.92);line-height:1.78;margin-bottom:14px">LLMs like ChatGPT, Claude, Gemini, and Perplexity are trained on the web. When they answer questions about your niche, they reference sources that appear authoritative — and the primary signal they use to assess authority is backlinks from topically relevant, trusted pages.</p>
        <p style="font-size:14px;color:rgba(255,255,255,.9);line-height:1.75;margin-bottom:28px">A site with strong niche-relevant backlinks gets cited in AI-generated answers. A site without them gets passed over. Niche edit links now serve double duty: signalling authority to Google's algorithm <em>and</em> to AI systems deciding which websites deserve to appear in their responses.</p>
        <button class="btn" style="background:#f4d58e;color:#1f1808;padding:12px 26px;font-size:13px;font-weight:700" onclick="navGo('top-page')">Build AI-era authority →</button>
      </div>
      <div style="display:flex;flex-direction:column;gap:11px">
        <div style="background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:20px 22px">
          <div style="font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.92);margin-bottom:9px">Traditional Google SEO — still works</div>
          <div style="font-size:13.5px;color:rgba(255,255,255,.9);line-height:1.68">Backlinks → stronger domain authority → better keyword rankings → more organic traffic. This is still the most reliable SEO signal and it keeps compounding.</div>
        </div>
        <div style="background:rgba(201,168,76,.07);border:1.5px solid rgba(201,168,76,.28);border-radius:14px;padding:20px 22px">
          <div style="font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#f4d58e;margin-bottom:9px">LLM Citation Authority — the new layer</div>
          <div style="font-size:13.5px;color:rgba(255,255,255,.9);line-height:1.68;margin-bottom:8px">Niche-relevant backlinks → perceived topical authority → AI systems cite your site in generated answers → brand discovery + traffic from AI-powered search (ChatGPT, Perplexity, Google AI Overviews).</div>
          <div style="font-size:12px;color:#f4d58e;font-weight:600"> The compounding advantage — sites building authority now will dominate AI search as it matures.</div>
        </div>
        <div style="background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:11px;padding:14px 16px;display:flex;align-items:flex-start;gap:11px">
          <div style="font-size:20px;flex-shrink:0;margin-top:1px"></div>
          <div style="font-size:12.5px;color:rgba(255,255,255,.9);line-height:1.65">Niche edit links on real authority pages in your niche send the exact topical relevance signals both Google and LLMs use to decide which sites deserve to rank — or be cited. One investment, two compounding returns.</div>
        </div>
      </div>
    </div>
  </section>

  <!-- ── WHAT ARE NICHE EDITS ── -->
  <section class="ne-explain">
    <div class="ne-grid">
      <div>
        <div class="eyebrow">What are niche edits?</div>
        <h2 class="h2" style="margin-bottom:16px">Contextual links in <em>existing authority content</em></h2>
        <p class="lead" style="margin-bottom:16px">A niche edit (also called a curated link) is a backlink inserted into a piece of content that already exists on a real website — content that is already published, indexed, and ranking in Google.</p>
        <p class="body-sm" style="max-width:520px;margin-bottom:24px">This is fundamentally different from a guest post, where a new article is written and takes time to be indexed and gain authority. With niche edits, the page's authority is already established — and your link benefits from it immediately.</p>
        <div class="ne-vs-traditional">
          <div class="ne-vs-card a">
            <div class="ne-vs-label">Niche Edits</div>
            <div class="ne-vs-item">Link in pre-indexed content</div>
            <div class="ne-vs-item">Page authority already built</div>
            <div class="ne-vs-item">Faster link equity transfer</div>
            <div class="ne-vs-item">Contextually embedded</div>
            <div class="ne-vs-item">More cost-effective per link</div>
          </div>
          <div class="ne-vs-card b">
            <div class="ne-vs-label">Guest Posts</div>
            <div class="ne-vs-item">New article needs indexing</div>
            <div class="ne-vs-item">Page authority starts at zero</div>
            <div class="ne-vs-item">Slower equity transfer</div>
            <div class="ne-vs-item">Requires content creation</div>
            <div class="ne-vs-item">Higher cost per link</div>
          </div>
        </div>
      </div>
      <div>
        <div class="ne-what">
          <div class="ne-what-title">How a niche edit placement works</div>
          <div class="ne-step">
            <div class="ne-step-n">1</div>
            <div><div class="ne-step-title">We find a qualifying page</div><div class="ne-step-desc">Using Ahrefs exclusively, we identify a real authority website page that matches your niche and selected metric criteria (Top Page or Traffic Page).</div></div>
          </div>
          <div class="ne-step">
            <div class="ne-step-n">2</div>
            <div><div class="ne-step-title">We outreach to the site owner</div><div class="ne-step-desc">Every placement is manually negotiated with the real owner. No automation. No link networks. Your link goes live only with their explicit permission.</div></div>
          </div>
          <div class="ne-step">
            <div class="ne-step-n">3</div>
            <div><div class="ne-step-title">Your link is inserted contextually</div><div class="ne-step-desc">The link is woven naturally into the existing content using your anchor text, pointing to your target URL — in a way that reads as editorial, not promotional.</div></div>
          </div>
          <div class="ne-step">
            <div class="ne-step-n">4</div>
            <div><div class="ne-step-title">Full report delivered</div><div class="ne-step-desc">You receive the live placement URL, Ahrefs metrics at time of placement, and link verification — within 15–27 business days.</div></div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- ── TWO SERVICES DEEP DIVE ── -->
  <section class="subsvc-section" id="compare-anchor">
    <div class="eyebrow">Two specialised services</div>
    <h2 class="h2" style="margin-bottom:8px">Top Page vs Traffic Page: <em>explore both</em></h2>
    <p class="body-sm" style="max-width:560px;margin-bottom:36px">Both are niche edit services. The difference is in what we optimise for. Toggle between them to see how each one works and what it costs.</p>
    <div class="subsvc-tabs">
      <button class="subsvc-tab on" onclick="svcTab('tp',this)">Top Page Links</button>
      <button class="subsvc-tab" onclick="svcTab('trf',this)">Traffic Page Links</button>
    </div>

    <!-- TOP PAGE PANEL -->
    <div class="subsvc-panel on" id="svcpanel-tp">
      <div>
        <div class="eyebrow">What makes Top Page links different</div>
        <h3 class="h3" style="margin-bottom:12px">Links on the <em>highest-authority pages</em> of real domains</h3>
        <p class="body-sm" style="margin-bottom:20px">We filter every domain through Ahrefs and only place your link on the pages Ahrefs identifies as that website's "Top Pages" — the ones with the most backlinks and the strongest authority signals. Not any page. The top page.</p>
        <div class="benefit-list">
          <div class="benefit-card"><div class="bc-icon"></div><div><div class="bc-title">Ahrefs "Top Pages" verified</div><div class="bc-desc">Every placement page is validated through Ahrefs before any outreach begins. The strongest pages on the best domains.</div></div></div>
          <div class="benefit-card"><div class="bc-icon"></div><div><div class="bc-title">Order by DR tiers</div><div class="bc-desc">Choose your quality threshold by Domain Rating using 30+ DR or 50+ DR tiers. Ahrefs-verified on every placement.</div></div></div>
          <div class="benefit-card"><div class="bc-icon"></div><div><div class="bc-title">12–24 month replacement guarantee</div><div class="bc-desc">All links are permanent. If a link is removed within the guarantee period, we replace it free of charge.</div></div></div>
          <div class="benefit-card"><div class="bc-icon"></div><div><div class="bc-title">Best for: DR growth & ranking authority</div><div class="bc-desc">Ideal for sites focused on building domain authority, climbing keyword rankings, and establishing long-term SEO equity.</div></div></div>
        </div>
      </div>
      <div>
        <div class="pricing-mini">
          <div class="pm-head">
            <div class="pm-head-label">Top Page Links — Pricing</div>
            <div class="pm-head-title">Choose your DR tier</div>
          </div>
          <div class="pm-tiers">
            <div class="pm-tier" onclick="navGo('top-page')">
              <div class="pm-tier-info"><div class="pm-tier-name">30+ DR — Pro</div><div class="pm-tier-sub">DR 30–100 · 12-month guarantee</div></div>
              <div class="pm-tier-price">$167</div>
            </div>
            <div class="pm-tier featured" onclick="navGo('top-page')">
              <div class="pm-tier-info">
                <div class="pm-tier-name">50+ DR — Advanced <span class="pm-pop">Popular</span></div>
                <div class="pm-tier-sub">DR 50–100 · 24-month guarantee</div>
              </div>
              <div class="pm-tier-price">$257</div>
            </div>
            <div class="pm-tier" onclick="navGo('top-page')">
              <div class="pm-tier-info"><div class="pm-tier-name">Promo — 25% off</div><div class="pm-tier-sub">5 or 10 links · limited availability</div></div>
              <div class="pm-tier-price">$647</div>
            </div>
          </div>
          <button class="pm-cta" onclick="navGo('top-page')">Start a Top Page order →</button>
        </div>
        <div style="margin-top:12px;padding:14px 16px;background:var(--white);border:1px solid var(--bd);border-radius:var(--r)">
          <div style="font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#6f5312;margin-bottom:8px">Add-ons available</div>
          <div style="font-size:12.5px;color:var(--ink2);line-height:1.65">Upgrade any order with <strong>500+ page traffic</strong> (+$247/link) or <strong>100+ page traffic</strong> (+$79.50/link) targeting — or the <strong>Advanced Niche upgrade</strong> for Adult/CBD/Casino (+$75/link).</div>
        </div>
      </div>
    </div>

    <!-- TRAFFIC PAGE PANEL -->
    <div class="subsvc-panel" id="svcpanel-trf">
      <div>
        <div class="eyebrow">What makes Traffic Page links different</div>
        <h3 class="h3" style="margin-bottom:12px">Links from pages with <em>real organic visitors</em></h3>
        <p class="body-sm" style="margin-bottom:20px">Every Traffic Page link is placed on a URL that is actively receiving genuine monthly organic search traffic — verified through Ahrefs. This means your link delivers two things at once: domain authority AND real referral traffic from people already looking for content in your niche.</p>
        <div class="benefit-list">
          <div class="benefit-card"><div class="bc-icon"></div><div><div class="bc-title">Real referral traffic — not just SEO equity</div><div class="bc-desc">Unlike top page links, traffic page placements send actual visitors to your site. Some clients see hundreds of referral clicks from a single link.</div></div></div>
          <div class="benefit-card"><div class="bc-icon"></div><div><div class="bc-title">DR 20–100 wide site range</div><div class="bc-desc">We source across the full DR 20–100 spectrum — prioritising niche relevance and traffic quality over raw domain rating alone.</div></div></div>
          <div class="benefit-card"><div class="bc-icon"></div><div><div class="bc-title">6–24 month replacement guarantee</div><div class="bc-desc">All links are permanent. Guarantee window depends on your chosen tier: 6 months (Starter), 12 months (Pro), 24 months (Advanced).</div></div></div>
          <div class="benefit-card"><div class="bc-icon"></div><div><div class="bc-title">Best for: referral traffic + authority diversification</div><div class="bc-desc">Ideal for sites wanting both SEO authority and real traffic signals — especially e-commerce, affiliate, and content sites where clicks convert.</div></div></div>
        </div>
      </div>
      <div>
        <div class="pricing-mini">
          <div class="pm-head">
            <div class="pm-head-label">Traffic Page Links — Pricing</div>
            <div class="pm-head-title">Choose by minimum page traffic</div>
          </div>
          <div class="pm-tiers">
            <div class="pm-tier" onclick="navGo('traffic-page')">
              <div class="pm-tier-info"><div class="pm-tier-name">50+ traffic/page — Starter</div><div class="pm-tier-sub">Min. 50 monthly visitors · 6-month guarantee</div></div>
              <div class="pm-tier-price">$167</div>
            </div>
            <div class="pm-tier featured" onclick="navGo('traffic-page')">
              <div class="pm-tier-info">
                <div class="pm-tier-name">100+ traffic/page — Pro <span class="pm-pop">Popular</span></div>
                <div class="pm-tier-sub">Min. 100 monthly visitors · 12-month guarantee</div>
              </div>
              <div class="pm-tier-price">$267</div>
            </div>
            <div class="pm-tier" onclick="navGo('traffic-page')">
              <div class="pm-tier-info"><div class="pm-tier-name">500+ traffic/page — Advanced</div><div class="pm-tier-sub">Min. 500 monthly visitors · 24-month guarantee</div></div>
              <div class="pm-tier-price">$457</div>
            </div>
          </div>
          <button class="pm-cta" onclick="navGo('traffic-page')">Start a Traffic Page order →</button>
        </div>
        <div style="margin-top:12px;padding:14px 16px;background:var(--white);border:1px solid var(--bd);border-radius:var(--r)">
          <div style="font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#6f5312;margin-bottom:8px">Add-ons available</div>
          <div style="font-size:12.5px;color:var(--ink2);line-height:1.65">The <strong>Advanced Niche upgrade</strong> (+$97/link) is required for Adult, Casino, CBD, Betting & Pharma niches. Pre-approval of placement sites is available free of charge.</div>
        </div>
      </div>
    </div>
  </section>

  <!-- ── DECISION TOOL ── -->
  <section class="decision-section" id="decision-tool">
    <div class="dt-inner">
      <div class="dt-eyebrow">Not sure which to choose?</div>
      <h2 class="dt-title">3 quick questions and we'll <em>point you in the right direction</em></h2>
      <p class="dt-subtitle">No email. No commitment. Just an honest recommendation based on your situation — the same conversation we'd have on a call.</p>

      <div class="dt-progress">
        <div class="dt-step-pip on" id="dt-pip1"></div>
        <div class="dt-step-pip" id="dt-pip2"></div>
        <div class="dt-step-pip" id="dt-pip3"></div>
      </div>

      <!-- Q1 -->
      <div class="dt-question on" id="dt-q1">
        <div class="dt-q-label">Question 1 of 3</div>
        <div class="dt-q-text">When you think about your site's biggest need right now — what's the honest answer?</div>
        <div class="dt-options">
          <button class="dt-opt" onclick="dtAnswer(1,'authority',this)">
            <span class="dt-opt-icon"></span>
            <span class="dt-opt-label">I need my domain rating to grow</span>
            <span class="dt-opt-sub">Rankings are my primary metric. I need concentrated authority from the best pages I can get.</span>
          </button>
          <button class="dt-opt" onclick="dtAnswer(1,'traffic',this)">
            <span class="dt-opt-icon"></span>
            <span class="dt-opt-label">I want actual visitors coming from my links</span>
            <span class="dt-opt-sub">I care about referral clicks as much as rankings — every visit is a potential customer or reader.</span>
          </button>
          <button class="dt-opt" onclick="dtAnswer(1,'both',this)">
            <span class="dt-opt-icon"></span>
            <span class="dt-opt-label">Both matter — I'm building for the long run</span>
            <span class="dt-opt-sub">I want a diverse, natural-looking backlink profile that compounds over 12–24 months.</span>
          </button>
          <button class="dt-opt" onclick="dtAnswer(1,'newbie',this)">
            <span class="dt-opt-icon"></span>
            <span class="dt-opt-label">I'm new to this — I just want the best starting point</span>
            <span class="dt-opt-sub">I've heard niche edits work. I want a solid first order that actually moves the needle.</span>
          </button>
        </div>
      </div>

      <!-- Q2 -->
      <div class="dt-question" id="dt-q2">
        <div class="dt-q-label">Question 2 of 3</div>
        <div class="dt-q-text">What kind of site are you building links for?</div>
        <div class="dt-options">
          <button class="dt-opt" onclick="dtAnswer(2,'content',this)">
            <span class="dt-opt-icon"></span>
            <span class="dt-opt-label">Content site or affiliate blog</span>
            <span class="dt-opt-sub">Monetised with ads, affiliates, or sponsored posts. Traffic volume directly affects my revenue.</span>
          </button>
          <button class="dt-opt" onclick="dtAnswer(2,'ecom',this)">
            <span class="dt-opt-icon"></span>
            <span class="dt-opt-label">E-commerce store</span>
            <span class="dt-opt-sub">I sell products. I need category and product pages to rank — and I want buyers visiting my site.</span>
          </button>
          <button class="dt-opt" onclick="dtAnswer(2,'saas',this)">
            <span class="dt-opt-icon"></span>
            <span class="dt-opt-label">SaaS, B2B, or professional services</span>
            <span class="dt-opt-sub">Authority and keyword rankings are my core metric. I need to compete with well-funded competitors.</span>
          </button>
          <button class="dt-opt" onclick="dtAnswer(2,'local',this)">
            <span class="dt-opt-icon"></span>
            <span class="dt-opt-label">Local or service-area business</span>
            <span class="dt-opt-sub">I serve a specific geography. I need domain authority to outrank local competitors.</span>
          </button>
        </div>
      </div>

      <!-- Q3 -->
      <div class="dt-question" id="dt-q3">
        <div class="dt-q-label">Question 3 of 3</div>
        <div class="dt-q-text">Be honest — what does success look like for this campaign?</div>
        <div class="dt-options">
          <button class="dt-opt" onclick="dtAnswer(3,'fast',this)">
            <span class="dt-opt-icon"></span>
            <span class="dt-opt-label">Ranking movement within 2–3 months</span>
            <span class="dt-opt-sub">There's pressure — a client, a deadline, or a business metric I need to shift quickly.</span>
          </button>
          <button class="dt-opt" onclick="dtAnswer(3,'compound',this)">
            <span class="dt-opt-icon"></span>
            <span class="dt-opt-label">Sustained compounding over 12–24 months</span>
            <span class="dt-opt-sub">I understand SEO is a long game. I want a programme that keeps compounding month after month.</span>
          </button>
          <button class="dt-opt" onclick="dtAnswer(3,'mix',this)">
            <span class="dt-opt-icon"></span>
            <span class="dt-opt-label">Early wins that build into long-term dominance</span>
            <span class="dt-opt-sub">I want momentum from the start and a strategy I can scale as results come in.</span>
          </button>
        </div>
      </div>

      <!-- Result -->
      <div class="dt-result" id="dt-result">
        <div class="dt-result-label">Your recommendation</div>
        <div class="dt-result-cards" id="dt-result-cards"></div>
        <div class="dt-combine" id="dt-combine-msg" style="display:none">
          <div class="dt-combine-icon"></div>
          <div class="dt-combine-text"><strong>Our honest advice:</strong> run both. Top Page links give you the concentrated authority boost. Traffic Page links diversify your profile with real referral signals. Our most successful long-term clients — the ones with 1,200%+ growth in the case studies — use both simultaneously. It's not twice the cost; it's a compounding multiplier.</div>
        </div>
        <button class="dt-restart" onclick="dtRestart()">↺ Answer again</button>
      </div>

    </div>
  </section>

  <!-- ── SIDE BY SIDE COMPARISON ── -->
  <section class="compare-section">
    <div class="eyebrow">Side by side</div>
    <h2 class="h2" style="margin-bottom:8px">Top Page vs Traffic Page: <em>the full picture</em></h2>
    <p class="body-sm" style="max-width:580px;margin-bottom:0">Both services share the same foundation — manual outreach, real editorial sites, permanent links, full reports. The difference is in what each one optimises for.</p>
    <div class="compare-cards">
      <div class="cc featured">
        <div class="cc-icon"></div>
        <div class="cc-tag">Most popular</div>
        <h3 class="cc-title">Top Page <em>Links</em></h3>
        <p class="cc-desc">Links inserted into the pages Ahrefs identifies as the domain's top-performing pages — filtered by DR tiers. Pure, concentrated domain authority.</p>
        <div class="cc-benefits">
          <div class="cc-benefit"><div class="cc-benefit-dot">✓</div>Highest domain authority pages only</div>
          <div class="cc-benefit"><div class="cc-benefit-dot">✓</div>Filter by DR tier (30+ or 50+)</div>
          <div class="cc-benefit"><div class="cc-benefit-dot">✓</div>12–24 month replacement guarantee</div>
          <div class="cc-benefit"><div class="cc-benefit-dot">✓</div>Optional traffic targeting add-on</div>
          <div class="cc-benefit"><div class="cc-benefit-dot">✓</div>Pre-approval available</div>
        </div>
        <div class="cc-from">From <strong>$167 / link</strong> · DR 30+ to DR 50+ · 1–15 links per order</div>
        <button class="cc-cta" onclick="navGo('top-page')">Start a Top Page order →</button>
      </div>
      <div class="cc">
        <div class="cc-icon"></div>
        <div class="cc-tag" style="color:#6f5312">Best for traffic</div>
        <h3 class="cc-title">Traffic Page <em>Links</em></h3>
        <p class="cc-desc">Links placed on pages that receive real monthly organic traffic — verified through Ahrefs. Authority plus referral clicks from real searchers in your niche.</p>
        <div class="cc-benefits">
          <div class="cc-benefit"><div class="cc-benefit-dot">✓</div>Pages with verified monthly organic traffic</div>
          <div class="cc-benefit"><div class="cc-benefit-dot">✓</div>50+, 100+, or 500+ traffic tiers</div>
          <div class="cc-benefit"><div class="cc-benefit-dot">✓</div>6–24 month replacement guarantee</div>
          <div class="cc-benefit"><div class="cc-benefit-dot">✓</div>DR 20–100 authority sites</div>
          <div class="cc-benefit"><div class="cc-benefit-dot">✓</div>Real referral traffic + SEO equity</div>
        </div>
        <div class="cc-from">From <strong>$167 / link</strong> · 50+ to 500+ traffic/page · 1–15 links per order</div>
        <button class="cc-cta" onclick="navGo('traffic-page')">Start a Traffic Page order →</button>
      </div>
    </div>
    <div class="cc-both-note">
      <div class="cc-both-icon"></div>
      <div class="cc-both-text"><strong>Can't decide? Use both.</strong> Top Page links and Traffic Page links work better together than either does alone. Top Page links build concentrated authority; Traffic Page links diversify your backlink profile with real traffic signals. Many clients run both simultaneously for a more natural, compounding effect. <button onclick="navGo('top-page')" style="background:none;border:none;color:var(--g);font-weight:600;cursor:pointer;font-family:var(--sans);font-size:13.5px;padding:0;text-decoration:underline">Place your first order →</button></div>
    </div>
  </section>

  <!-- ── RESULTS & TRUST ── -->
  <section class="trust-section">
    <div class="ts-layout">
      <div>
        <div class="eyebrow">Proven results</div>
        <h2 class="h2" style="margin-bottom:16px">Numbers from <em>real campaigns</em></h2>
        <p class="body-sm" style="max-width:440px;margin-bottom:24px">Every stat comes from actual client campaigns — no projections, no averages padded with outliers.</p>
        <div style="display:flex;gap:10px;flex-wrap:wrap">
          <button class="btn btn-g" onclick="navGo('case-studies')" style="font-size:13px;padding:11px 22px">Read all case studies →</button>
        </div>
        <div class="ts-stats" style="margin-top:24px">
          <div class="ts-stat ac"><div class="ts-num">4,300%</div><div class="ts-lbl">Highest traffic growth in our portfolio</div></div>
          <div class="ts-stat"><div class="ts-num">470+</div><div class="ts-lbl">Clients served globally</div></div>
          <div class="ts-stat"><div class="ts-num">DR70+</div><div class="ts-lbl">Average authority of placed links</div></div>
          <div class="ts-stat"><div class="ts-num">95%</div><div class="ts-lbl">Long-term client retention rate</div></div>
        </div>
      </div>
      <div class="ts-testimonials">
        <div class="ts-testi">
          <div class="ts-testi-stars"></div>
          <div class="ts-testi-quote">"Top page links moved our target keyword from position 11 to position 4 in 8 weeks. Detailed report and exactly what was promised."</div>
          <div class="ts-testi-author"><div class="ts-tav">MR</div><div><div class="ts-tname">Maya R.</div><div class="ts-trole">Head of SEO, SaaS Co.</div></div></div>
        </div>
        <div class="ts-testi">
          <div class="ts-testi-stars"></div>
          <div class="ts-testi-quote">"The traffic page links are a game changer — I can actually see referral clicks from the placements. No other service has delivered that."</div>
          <div class="ts-testi-author"><div class="ts-tav">SK</div><div><div class="ts-tname">Sarah K.</div><div class="ts-trole">E-commerce Brand Owner</div></div></div>
        </div>
        <div class="ts-testi">
          <div class="ts-testi-stars"></div>
          <div class="ts-testi-quote">"I've used 5 different link building services. 1stpage.agency is the only one that actually delivers what they describe — real authority sites, real results."</div>
          <div class="ts-testi-author"><div class="ts-tav">JT</div><div><div class="ts-tname">James T.</div><div class="ts-trole">Affiliate SEO Operator</div></div></div>
        </div>
      </div>
    </div>
  </section>

  <!-- ── CTA ── -->
  <section class="cta-band">
    <div class="cta-inner">
      <div>
        <div class="cta-ey">Ready to start?</div>
        <h2 class="h2" style="color:#fff">Place your first niche edit order <em>today</em>.</h2>
        <p style="font-size:15px;color:rgba(255,255,255,.92);margin-top:10px;max-width:500px">Choose your service above, configure your package, and our team gets to work within 1 business day. 15–27 day delivery.</p>
      </div>
      <div class="cta-btns">
        <button class="btn btn-wh" onclick="navGo('top-page')">Top Page Links</button>
        <button class="cta-ghost" onclick="navGo('traffic-page')">Traffic Page Links</button>
      </div>
    </div>
  </section>

  <footer>
    <div class="ft-grid">
      <div class="ft-brand">
        <button class="ft-logo" onclick="navGo('home')"><span class="nav-logo-dot" style="opacity:.45"></span>1stpage.agency</button>
        <p>Sustainable niche edit link building. Real manual outreach, real authority sites, real results — and a tree planted for every link built.</p>
        <div class="ft-pill">One Tree Planted Partner</div>
      </div>
      <div class="ft-col"><p class="ft-h">Services</p><ul>
        <li><button onclick="navGo('top-page')">Top Page Links</button></li>
        <li><button onclick="navGo('traffic-page')">Traffic Page Links</button></li>
        <li><button onclick="navGo('home')">Niche Edit Links</button></li>
        <li><button onclick="navGo('home')">SaaS Links</button></li>
        <li><button onclick="navGo('home')">E-commerce Links</button></li>
      </ul></div>
      <div class="ft-col"><p class="ft-h">Company</p><ul>
        <li><button onclick="navGo('home')">About Us</button></li>
        <li><button onclick="navGo('case-studies')">Case Studies</button></li>
        <li><button onclick="navGo('blog')">Blog</button></li>
        <li><button onclick="window.location.href='/contact/'">Contact</button></li>
      </ul></div>
      <div class="ft-col"><p class="ft-h">Resources</p><ul>
        <li><a href="/buyer-guide">Buyer Guide</a></li>
        <li><a href="/anchor-generator">Anchor Generator</a></li>
        <li><a href="/keyword-checker">Keyword Checker</a></li>
        <li><a href="/privacy-policy">Privacy Policy</a></li>
          <li><a href="/terms-of-service">Terms of Service</a></li>
          <li><a href="/accessibility">Accessibility</a></li>
      </ul></div>
    </div>
    <div class="ft-bot"><span> 2026 1stpage.agency. All rights reserved.</span><span>Niche edit link building agency</span></div>
  </footer>
</div>

<!-- ═══════════════════════════════════════════
     TOP PAGE SERVICE
═══════════════════════════════════════════ -->
<div id="page-top-page" class="page">
  <div class="svc-page-wrap">
    <!-- LEFT -->
    <div class="svc-page-left">
      <div class="eyebrow">Niche Edit Link Building — Top Pages</div>
      <h2 class="h1">Links placed on Ahrefs <em>"Top Pages"</em> of authority sites.</h2>
      <p class="lead">We manually outreach to real website owners and secure your link contextually on the highest-performing pages of their domain — filtered exclusively through Ahrefs. Not any page. The <em>top</em> page.</p>
      <div class="trust-tags">
        <span class="trust-tag"><span class="tt-dot dot-g"></span>Permanent placements</span>
        <span class="trust-tag"><span class="tt-dot dot-a"></span>12–24 month guarantee</span>
        <span class="trust-tag"><span class="tt-dot dot-b"></span>15–27 day TAT</span>
        <span class="trust-tag"><span class="tt-dot dot-g"></span>No PBNs. Ever.</span>
        <span class="trust-tag"><span class="tt-dot dot-a"></span>Full delivery report</span>
      </div>
    </div>
    <!-- ORDER CARD -->
    <div class="order-wrap">
      <div class="oc">
        <div class="oc-head" style="background:var(--ink)">
          <h2>Place your Top Page order</h2>
          <p>Configure your package — takes about 2 minutes</p>
        </div>
        <div class="oc-body">
          <!-- Step indicator -->
          <div class="si">
            <div class="si-s on" id="tp-si1"><div class="si-n">1</div><span class="si-lbl">Package</span></div>
            <div class="si-line"></div>
            <div class="si-s" id="tp-si2"><div class="si-n">2</div><span class="si-lbl">Details</span></div>
            <div class="si-line"></div>
            <div class="si-s" id="tp-si3"><div class="si-n">3</div><span class="si-lbl">Payment</span></div>
          </div>

          <!-- STEP 1 -->
          <div class="sp on" id="tp-s1">
            <span class="fl">Select metric type</span>
            <div class="metric-grid" id="tp-mode-grid">
              <div class="mo on" data-tp-mode="dr" onclick="tpMetric('dr',this)"><span class="mo-main">DR</span><span class="mo-sub">Domain Rating</span></div>
              <div class="mo" data-tp-mode="promo" onclick="tpMetric('promo',this)"><div class="promo-pip">25% off</div><span class="mo-main">Promo</span><span class="mo-sub">Limited offer</span></div>
              <div class="mo" data-tp-mode="monthly" onclick="tpMetric('monthly',this)"><div class="promo-pip">Save up to 15%</div><span class="mo-main">Monthly</span><span class="mo-sub">Subscriber plans</span></div>
            </div>
            <div class="monthly-inline-note">Save up to 15% with Top Page monthly plans <button type="button" onclick="scrollToMonthly('top')">View plans</button></div>
            <span class="fl">Select tier</span>
            <div class="tier-grid" id="tp-tgrid">
              <div class="tc on" onclick="tpTier('50dr',this)"><div class="tc-pop">Most purchased</div><div class="tc-name">50+ DR</div><div class="tc-desc">Advanced · DR 50–100</div><div class="tc-g">✓ 24-month guarantee</div></div>
              <div class="tc" onclick="tpTier('30dr',this)"><div class="tc-name">30+ DR</div><div class="tc-desc">Pro · DR 30–100</div><div class="tc-g">✓ 12-month guarantee</div></div>
            </div>
            <span class="fl">Quantity</span>
            <div class="qty-grid" id="tp-qgrid">
              <button class="qb on" onclick="tpQty(1,this)"><span class="qb-n">1</span><span class="qb-s">link</span></button>
              <button class="qb" onclick="tpQty(2,this)"><span class="qb-n">2</span><span class="qb-s">links</span></button>
              <button class="qb" onclick="tpQty(5,this)"><span class="qb-n">5</span><span class="qb-s">links</span></button>
              <button class="qb" onclick="tpQty(10,this)"><span class="qb-n">10</span><span class="qb-s">links</span></button>
              <button class="qb" onclick="tpQty(15,this)"><span class="qb-n">15</span><span class="qb-s">links</span></button>
            </div>
            <div class="price-box">
              <div><div class="pb-amt"><span class="pb-cur">$</span><span id="tp-pnum">257</span></div><div class="pb-g" id="tp-gtxt">✓ 24-month link replacement guarantee</div></div>
              <div class="pb-r"><div class="pb-qty" id="tp-qtxt">1 link</div><div class="pb-save" id="tp-stxt" style="display:none"></div></div>
            </div>
            <button class="btn-order" onclick="tpStep(2)">Continue to Order Details →</button>
            <div class="trust-mini"><span class="tm">Permanent</span><span class="tm">Manual outreach</span><span class="tm">Full report</span></div>
          </div>

          <!-- STEP 2 -->
          <div class="sp" id="tp-s2">
            <div class="step2-head">
              <button class="btn-back" onclick="tpStep(1)">← Back to Package</button>
              <div class="live-total"><span class="lt-lbl">Current total</span><span class="lt-val" id="tp-live-total">$257</span></div>
            </div>
            <div class="fr">
              <div class="fg"><label class="form-label">First name *</label><input id="tp-first-name" class="fi" placeholder="Jane"></div>
              <div class="fg"><label class="form-label">Last name *</label><input id="tp-last-name" class="fi" placeholder="Smith"></div>
            </div>
            <div class="fg"><label class="form-label">Email address *</label><input id="tp-email" class="fi" placeholder="jane@yourdomain.com" type="email"></div>
            <div class="fr">
              <div class="fg"><label class="form-label">Business name</label><input id="tp-business-name" class="fi" placeholder="For invoice (optional)"></div>
              <div class="fg"><label class="form-label">Business address</label><input id="tp-business-address" class="fi" placeholder="Optional"></div>
            </div>
            <div class="div"></div>
            <div class="fg">
              <label class="form-label" for="tp-site-urls">Your landing page URL(s) *</label>
              <textarea id="tp-site-urls" class="fi fi-multi" placeholder="https://yoursite.com/page-one&#10;https://yoursite.com/page-two" required data-url-list="true"></textarea>
              <p class="f-hint">Add one landing page URL per line (or comma-separated).</p>
            </div>
            <div class="fg">
              <div class="label-row">
                <label class="form-label" for="tp-anchor">Anchor text</label>
                <button type="button" class="hint-action" onclick="suggestAnchors('tp')" aria-label="Suggest anchor text">
                  <svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M4 20h4l10.6-10.6a1.8 1.8 0 0 0 0-2.6l-1.4-1.4a1.8 1.8 0 0 0-2.6 0L4 16v4Z" stroke="currentColor" stroke-width="1.7" stroke-linejoin="round"/><path d="m13.2 6.8 4 4" stroke="currentColor" stroke-width="1.7" stroke-linecap="round"/></svg>
                  Suggest
                </button>
              </div>
              <textarea id="tp-anchor" class="fi fi-multi" placeholder="One anchor per line&#10;e.g. brand name&#10;e.g. project management guide&#10;e.g. learn more" style="margin-bottom:5px"></textarea>
              <p class="f-hint">Use mostly <strong>Brand, Generic, and Seed</strong> anchors. Keep exact-match anchors limited. You can select multiple suggestions.</p>
              <div class="anchor-suggest" id="tp-anchor-suggest" aria-live="polite"></div>
            </div>
            <div class="fg">
              <label class="form-label" for="tp-anchor-file">Upload anchor .TXT file (optional)</label>
              <input id="tp-anchor-file" class="sr-only" type="file" accept=".txt,text/plain">
              <div id="tp-upload-zone" class="upload-z" role="button" tabindex="0" aria-controls="tp-anchor-file" aria-label="Upload Top Page anchor text file">Click to upload or drag & drop</div>
              <div id="tp-upload-msg" class="upload-msg">No file selected.</div>
            </div>
            <div class="fg"><label class="form-label">Anything else? (optional)</label><textarea id="tp-notes" class="fta" placeholder="Special instructions, niche notes..."></textarea></div>
            <div class="div"></div>
            <span class="fl">Add-ons <span style="text-transform:none;letter-spacing:0;font-weight:400;font-size:10px">(optional)</span></span>
            <div class="addon-t" id="tp-a500" onclick="tpAddon('500')">
              <div class="at-row"><div><div class="at-name">500+ Page Traffic Minimum</div><div class="at-desc">Link lands on a page with 500+ monthly organic visitors.</div></div><div style="display:flex;align-items:center;gap:7px;flex-shrink:0"><span class="at-price">+$247/link</span><div class="at-chk" id="tp-a500-c">+</div></div></div>
              <div class="addon-qty"><span class="aq-lbl">Links with add-on:</span><div class="aq-ctrl"><button class="aq-b" onclick="aqAdj(event,'tp-a500-n',-1)">−</button><span class="aq-v" id="tp-a500-n">1</span><button class="aq-b" onclick="aqAdj(event,'tp-a500-n',1)">+</button></div></div>
            </div>
            <div class="addon-t" id="tp-a100" onclick="tpAddon('100')">
              <div class="at-row"><div><div class="at-name">100+ Page Traffic Minimum</div><div class="at-desc">Cost-effective traffic targeting — page needs 100+ monthly visitors.</div></div><div style="display:flex;align-items:center;gap:7px;flex-shrink:0"><span class="at-price">+$79.50/link</span><div class="at-chk" id="tp-a100-c">+</div></div></div>
              <div class="addon-qty"><span class="aq-lbl">Links with add-on:</span><div class="aq-ctrl"><button class="aq-b" onclick="aqAdj(event,'tp-a100-n',-1)">−</button><span class="aq-v" id="tp-a100-n">1</span><button class="aq-b" onclick="aqAdj(event,'tp-a100-n',1)">+</button></div></div>
            </div>
            <div class="addon-t" id="tp-aniche" onclick="tpAddon('niche')">
              <div class="at-row"><div><div class="at-name">Advanced Niche Upgrade</div><div class="at-desc">Required for Adult, Casino, CBD, Betting & Pharma niches.</div></div><div style="display:flex;align-items:center;gap:7px;flex-shrink:0"><span class="at-price">+$75/link</span><div class="at-chk" id="tp-aniche-c">+</div></div></div>
              <div class="addon-qty"><span class="aq-lbl">Links with add-on:</span><div class="aq-ctrl"><button class="aq-b" onclick="aqAdj(event,'tp-aniche-n',-1)">−</button><span class="aq-v" id="tp-aniche-n">1</span><button class="aq-b" onclick="aqAdj(event,'tp-aniche-n',1)">+</button></div></div>
            </div>
            <div class="div"></div>
            <span class="fl">Pre-approval preference</span>
            <div class="radio-g">
              <div class="ro on" onclick="radioSel(this)"><div class="ro-dot"></div><div><div class="ro-lbl">No — manage it for me (Faster)</div><div class="ro-desc">We select the best sites without waiting for your approval.</div></div></div>
              <div class="ro" onclick="radioSel(this)"><div class="ro-dot"></div><div><div class="ro-lbl">Yes — I'd like to pre-approve sites</div><div class="ro-desc">We send a shortlist first. Adds 3–10 business days.</div></div></div>
            </div>
            <button class="btn-order" style="margin-top:16px" onclick="tpStep(3)">Continue to Payment →</button>
          </div>

          <!-- STEP 3 -->
          <div class="sp" id="tp-s3">
            <button class="btn-back" onclick="tpStep(2)">← Back to Details</button>
            <div class="os">
              <div class="os-title">Order summary</div>
              <div class="os-row"><span class="os-lbl">Service</span><span>Top Page Links</span></div>
              <div class="os-row"><span class="os-lbl">Billing</span><span id="tp-sum-billing">One-time order</span></div>
              <div class="os-row"><span class="os-lbl">Tier</span><span id="tp-sum-tier">50+ DR — Advanced</span></div>
              <div class="os-row"><span class="os-lbl">Quantity</span><span id="tp-sum-qty">1 link</span></div>
              <div class="os-row" id="tp-sum-ar" style="display:none"><span class="os-lbl">Add-ons</span><span id="tp-sum-an">—</span></div>
              <div class="os-row" id="tp-sum-cpn" style="display:none"><span class="os-lbl" id="tp-sum-cpn-label">Coupon</span><span id="tp-sum-cpn-val" style="color:#b73736">-$0</span></div>
              <div class="os-row"><span style="font-weight:700">Total</span><span id="tp-sum-tot" style="color:var(--g);font-family:var(--serif);font-size:17px">$257</span></div>
            </div>
            <div class="coupon-row"><input class="coupon-i" id="tp-coupon" placeholder="Coupon code (if any)"><button class="coupon-b" onclick="applyCoupon('tp')">Apply</button></div>
            <div id="tp-coupon-msg" class="coupon-msg">Have a coupon? Enter it above.</div>
            <span class="fl">Payment method</span>
            <div class="pay-opts">
              <div class="pay-o on" onclick="paySel(this)" data-method="stripe">
                <div class="pay-h">
                  <div class="pay-ic" style="background:#f3f3f3"></div>
                  <div><div class="pay-nm">Credit / Debit Card</div><div class="pay-sb">Stripe — PCI compliant · all major cards accepted</div></div>
                  <div style="margin-left:auto;display:flex;gap:4px;align-items:center"><span style="font-size:11px;background:#635bff;color:#fff;padding:2px 7px;border-radius:4px;font-weight:700">STRIPE</span></div>
                </div>
                <div class="pay-body">
                  <div class="card-fs">
                    <div><label class="form-label">Cardholder name</label><input class="fi" placeholder="Jane Smith"></div>
                    <div><label class="form-label">Card number</label>
                      <div style="position:relative"><input class="fi" placeholder="•••• •••• •••• ••••" maxlength="19" oninput="fmtCard(this)">
                      <span style="position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:18px;pointer-events:none" id="card-brand-tp"></span></div>
                    </div>
                    <div class="fr">
                      <div><label class="form-label">Expiry</label><input class="fi" placeholder="MM / YY" maxlength="7" oninput="fmtExpiry(this)"></div>
                      <div><label class="form-label">CVC</label><input class="fi" placeholder="•••" maxlength="4" type="password"></div>
                    </div>
                  </div>
                  <div style="display:flex;align-items:center;gap:6px;margin-top:10px;font-size:11px;color:var(--ink4)">
                    <span></span><span>Secured by Stripe. Your card data never touches our servers.</span>
                    <span style="margin-left:auto;font-size:15px"> </span>
                  </div>
                </div>
              </div>
              <div class="pay-o" onclick="paySel(this)" data-method="paypal">
                <div class="pay-h">
                  <div class="pay-ic" style="background:#003087;color:#fff;font-weight:900;font-size:13px;letter-spacing:-.5px">PP</div>
                  <div><div class="pay-nm">PayPal</div><div class="pay-sb">Pay securely with your PayPal account or card</div></div>
                  <div style="margin-left:auto"><span style="font-size:11px;background:#ffc439;color:#003087;padding:2px 8px;border-radius:4px;font-weight:900">PayPal</span></div>
                </div>
                <div class="pay-body">
                  <div style="padding-top:12px;text-align:center">
                    <button onclick="handlePayPal(event)" style="background:#ffc439;border:none;border-radius:8px;padding:12px 28px;font-size:14px;font-weight:700;color:#003087;cursor:pointer;width:100%;font-family:var(--sans)">Pay with PayPal →</button>
                    <p style="font-size:11px;color:var(--ink4);margin-top:8px">Choose Credit / Debit Card (Stripe) or PayPal to complete checkout.</p>
                  </div>
                </div>
              </div>
              <div class="pay-o" onclick="paySel(this)" data-method="crypto">
                <div class="pay-h">
                  <div class="pay-ic" style="background:#0052ff;color:#fff;font-weight:700;font-size:11px">CB</div>
                  <div><div class="pay-nm">Crypto</div><div class="pay-sb">BTC · ETH · USDC · USDT via Coinbase Commerce</div></div>
                  <div style="margin-left:auto;display:flex;gap:4px;font-size:14px">₿ Ξ</div>
                </div>
                <div class="pay-body">
                  <div style="padding-top:12px">
                    <div style="display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:12px">
                      <div style="border:1px solid var(--bd);border-radius:8px;padding:8px;text-align:center;cursor:pointer;transition:all .15s;font-size:11px;font-weight:600;color:var(--ink2)" onclick="selCrypto(this,'BTC')">₿ BTC</div>
                      <div style="border:1px solid var(--bd);border-radius:8px;padding:8px;text-align:center;cursor:pointer;transition:all .15s;font-size:11px;font-weight:600;color:var(--ink2)" onclick="selCrypto(this,'ETH')">Ξ ETH</div>
                      <div style="border:1px solid var(--g);background:var(--gl);border-radius:8px;padding:8px;text-align:center;cursor:pointer;font-size:11px;font-weight:600;color:var(--g)" onclick="selCrypto(this,'USDT')">₮ USDT</div>
                      <div style="border:1px solid var(--bd);border-radius:8px;padding:8px;text-align:center;cursor:pointer;transition:all .15s;font-size:11px;font-weight:600;color:var(--ink2)" onclick="selCrypto(this,'USDC')">◎ USDC</div>
                    </div>
                    <button onclick="handleCrypto(event)" style="background:#0052ff;border:none;border-radius:8px;padding:11px;font-size:13px;font-weight:700;color:#fff;cursor:pointer;width:100%;font-family:var(--sans)">Generate payment address →</button>
                    <p style="font-size:11px;color:var(--ink4);margin-top:8px">Powered by Coinbase Commerce. Payment address generated instantly. Order confirmed automatically on receipt.</p>
                  </div>
                </div>
              </div>
            </div>
            <button class="btn-order" onclick="tpComplete(event)">Complete Purchase →</button>
            <div style="text-align:center;margin-top:9px;font-size:10.5px;color:var(--ink4)"> 256-bit SSL · PCI DSS compliant · Payments processed by Stripe</div>
          </div>

          <!-- SUCCESS / ORDER CONFIRMATION -->
          <div class="sp" id="tp-done">
            <div class="success-st">
              <div class="success-ic"></div>
              <h3>Order received!</h3>
              <p>We've got your order and you'll receive a confirmation email within minutes. Our team starts work within 1 business day.</p>
              <div id="tp-success-meta" style="display:none;background:var(--gl);border:1px solid rgba(26,92,58,.2);border-radius:12px;padding:12px 14px;margin:12px 0;text-align:left;font-size:12px;color:var(--ink2);line-height:1.6"></div>
              <div style="background:var(--bg);border:1px solid var(--bd);border-radius:12px;padding:16px;margin:16px 0;text-align:left">
                <div style="font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);margin-bottom:10px">What happens next</div>
                <div style="display:flex;flex-direction:column;gap:8px">
                  <div style="display:flex;gap:9px;font-size:12.5px;color:var(--ink2)"><span style="color:var(--g);font-weight:700;flex-shrink:0">1.</span>Confirmation email sent to you immediately with your order ID</div>
                  <div style="display:flex;gap:9px;font-size:12.5px;color:var(--ink2)"><span style="color:var(--g);font-weight:700;flex-shrink:0">2.</span>Our team reviews your order and begins site prospecting within 1 business day</div>
                  <div style="display:flex;gap:9px;font-size:12.5px;color:var(--ink2)"><span style="color:var(--g);font-weight:700;flex-shrink:0">3.</span>Manual outreach begins — we contact real site owners in your niche</div>
                  <div style="display:flex;gap:9px;font-size:12.5px;color:var(--ink2)"><span style="color:var(--g);font-weight:700;flex-shrink:0">4.</span>Full delivery report emailed to you within 15–27 business days</div>
                </div>
              </div>
              <button class="btn-order" style="margin-top:4px" onclick="navGo('case-studies')">View client results →</button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- WHAT MAKES IT DIFFERENT -->
  <div class="content">
    <div class="eyebrow">What makes this different</div>
    <h2 class="h2" style="margin-bottom:12px">Not just any page. The <em>top-performing</em> page.</h2>
    <p class="lead" style="margin-bottom:40px;max-width:640px">Most niche edit services place your link on whatever page they can access. We only target pages Ahrefs identifies as the domain's top pages — the ones with the strongest backlink profiles and highest authority signals.</p>
    <div class="feat-grid">
      <div class="feat-card"><div class="fc-icon"></div><h3>Ahrefs-verified top pages only</h3><p>Every placement page is filtered through Ahrefs before outreach. No guesswork — data-verified top placements only.</p></div>
      <div class="feat-card"><div class="fc-icon"></div><h3>100% manual outreach</h3><p>Every link is negotiated directly with the real site owner. No automation tools, no spam networks, no PBNs.</p></div>
      <div class="feat-card"><div class="fc-icon"></div><h3>Permanent with replacement guarantee</h3><p>All links are permanent. If a link is ever removed, we replace it free within the guarantee window of your tier.</p></div>
      <div class="feat-card"><div class="fc-icon"></div><h3>Contextually relevant placement</h3><p>Your link sits in content topically aligned with your niche. If the exact top page doesn't fit, we use the closest relevant page on that domain.</p></div>
    </div>
  </div>

  <!-- VS TABLE -->
  <div class="content content-pt0">
    <div class="eyebrow">How we compare</div>
    <h2 class="h2" style="margin-bottom:0">Top Page links vs <em>standard niche edits</em></h2>
    <div class="vs-table">
      <div class="vs-h"><div>Feature</div><div class="hl">1stPage Top Page</div><div>Standard Niche Edit</div></div>
      <div class="vs-r"><div><strong>Page quality filter</strong><span class="vs-note">How placement pages are selected</span></div><div class="gc">Ahrefs Top Pages only</div><div>Any available page</div></div>
      <div class="vs-r"><div><strong>Outreach method</strong></div><div class="gc">Manual, owner-approved</div><div>Mixed / automated</div></div>
      <div class="vs-r"><div><strong>Link permanence</strong></div><div class="gc"><span class="ck">✓</span></div><div><span class="cx">—</span></div></div>
      <div class="vs-r"><div><strong>Replacement guarantee</strong></div><div class="gc">12–24 months</div><div>Varies / none</div></div>
      <div class="vs-r"><div><strong>Full delivery report</strong></div><div class="gc"><span class="ck">✓</span></div><div><span class="cx">—</span></div></div>
      <div class="vs-r"><div><strong>Pre-approval option</strong></div><div class="gc"><span class="ck">✓</span></div><div><span class="cx">—</span></div></div>
      <div class="vs-r"><div><strong>Traffic targeting add-on</strong></div><div class="gc"><span class="ck">✓</span></div><div><span class="cx">—</span></div></div>
    </div>
  </div>

  <!-- PACKAGES -->
  <div class="content content-pt0">
    <div class="eyebrow">All packages</div>
    <h2 class="h2" style="margin-bottom:24px">Choose your <em>tier</em></h2>
    <div class="pkg-grid">
      <div class="pk ft"><div class="pop-tag">Most purchased</div><div class="pk-tier">By Domain Rating</div><div class="pk-name">50+ DR — Advanced</div><div class="pk-price">$257</div><div class="pk-per">per link</div><div class="pk-g">✓ 24-month replacement</div><hr><ul class="pk-list"><li><span class="pk-dot">✓</span>DR 50–100 domains</li><li><span class="pk-dot">✓</span>Top page via Ahrefs</li><li><span class="pk-dot">✓</span>Permanent + full report</li></ul><button class="pk-cta" onclick="tpSelectPkg('50dr')">Select tier</button></div>
      <div class="pk"><div class="pk-tier">By Domain Rating</div><div class="pk-name">30+ DR — Pro</div><div class="pk-price">$167</div><div class="pk-per">per link</div><div class="pk-g">✓ 12-month replacement</div><hr><ul class="pk-list"><li><span class="pk-dot">✓</span>DR 30–100 domains</li><li><span class="pk-dot">✓</span>Top page via Ahrefs</li><li><span class="pk-dot">✓</span>Permanent + full report</li></ul><button class="pk-cta" onclick="tpSelectPkg('30dr')">Select tier</button></div>
    </div>
  </div>

  <div class="content content-pt0 monthly-focus" id="top-monthly-offers">
    <div class="eyebrow">Monthly growth plans</div>
    <h2 class="h2" style="margin-bottom:8px">Top Page subscription <em>plans</em></h2>
    <p class="monthly-note">Built for teams that want consistent authority growth every month. Pick a plan, update target URLs and anchors monthly, and keep placements flowing with built-in subscriber pricing.</p>
    <div class="pkg-grid pkg-grid-3">
      <div class="pk">
        <div class="pk-badge"><strong>Launch</strong> plan</div>
        <div class="pk-name">Core Authority Plan</div>
        <div class="pk-price pk-price-month">$924 <span>/month</span></div>
        <div class="pk-per">6 links monthly · 8% subscriber savings</div>
        <div class="pk-g">✓ DR 30+ monthly authority placements</div>
        <hr>
        <ul class="pk-list">
          <li><span class="pk-dot">✓</span>Minimum 6 links delivered monthly</li>
          <li><span class="pk-dot">✓</span>Natural monthly drip-feed schedule</li>
          <li><span class="pk-dot">✓</span>Monthly URL/anchor refresh allowed</li>
          <li><span class="pk-dot">✓</span>No lock-in contract</li>
        </ul>
        <button class="pk-cta" onclick="tpApplyMonthly('m-core',6)">Start Core Plan</button>
      </div>
      <div class="pk ft">
        <div class="pop-tag">Most subscribed</div>
        <div class="pk-badge"><strong>Growth</strong> plan</div>
        <div class="pk-name">Authority Acceleration Plan</div>
        <div class="pk-price pk-price-month">$2,260 <span>/month</span></div>
        <div class="pk-per">10 links monthly · 12% subscriber savings</div>
        <div class="pk-g">✓ DR 50+ monthly authority placements</div>
        <hr>
        <ul class="pk-list">
          <li><span class="pk-dot">✓</span>Higher monthly authority velocity</li>
          <li><span class="pk-dot">✓</span>Built for competitive SERPs</li>
          <li><span class="pk-dot">✓</span>Monthly campaign review included</li>
          <li><span class="pk-dot">✓</span>Great fit for in-house SEO teams</li>
        </ul>
        <button class="pk-cta" onclick="tpApplyMonthly('m-growth',10)">Start Growth Plan</button>
      </div>
      <div class="pk">
        <div class="pk-badge"><strong>Scale</strong> plan</div>
        <div class="pk-name">Market Leader Plan</div>
        <div class="pk-price pk-price-month">$3,488 <span>/month</span></div>
        <div class="pk-per">16 links monthly · 15% subscriber savings</div>
        <div class="pk-g">✓ Priority blend for high-competition campaigns</div>
        <hr>
        <ul class="pk-list">
          <li><span class="pk-dot">✓</span>Designed for aggressive expansion</li>
          <li><span class="pk-dot">✓</span>Best for multi-cluster campaigns</li>
          <li><span class="pk-dot">✓</span>Consistent compounding authority</li>
          <li><span class="pk-dot">✓</span>Flexible monthly targeting updates</li>
        </ul>
        <button class="pk-cta" onclick="tpApplyMonthly('m-scale',16)">Start Scale Plan</button>
      </div>
    </div>
  </div>

  <!-- PROCESS -->
  <div class="proc-b">
    <div class="eyebrow">How it works</div>
    <h2 class="h2">From order to <em>live link</em> in 4 steps</h2>
    <div class="proc-g">
      <div class="pg-item"><div class="pg-n">01</div><h3>Place your order</h3><p>Configure metric, tier, quantity, anchor text and target URL in the form above.</p></div>
      <div class="pg-item"><div class="pg-n">02</div><h3>We identify top pages</h3><p>Our team uses Ahrefs to shortlist qualifying top pages contextually relevant to your niche.</p></div>
      <div class="pg-item"><div class="pg-n">03</div><h3>Manual outreach & placement</h3><p>We contact real site owners directly and insert your link contextually into their top-ranked content.</p></div>
      <div class="pg-item"><div class="pg-n">04</div><h3>Full report delivered</h3><p>Placement URL, metrics, and live link verification within 15–27 business days.</p></div>
    </div>
  </div>

  <!-- ADD-ONS -->
  <div class="content">
    <div class="eyebrow">Upgrade your order</div>
    <h2 class="h2" style="margin-bottom:8px">Optional <em>add-ons</em></h2>
    <p class="body-sm" style="max-width:560px;margin-bottom:32px">Add traffic targeting or specialist niche coverage to any package.</p>
    <div class="addon-showcase">
      <div class="as-card"><div class="as-lbl">Traffic Targeting</div><div class="as-name">500+ Page Traffic Minimum</div><div class="as-desc">Your link must land on a page receiving at least 500 monthly organic visitors — adds referral traffic value on top of pure SEO authority.</div><div class="as-price">+$247<span> per link</span></div></div>
      <div class="as-card"><div class="as-lbl">Traffic Targeting</div><div class="as-name">100+ Page Traffic Minimum</div><div class="as-desc">Cost-effective traffic targeting. Ideal for medium-competition niches where both authority and referral signals matter.</div><div class="as-price">+$79.50<span> per link</span></div></div>
      <div class="as-card"><div class="as-lbl">Restricted niches</div><div class="as-name">Advanced Niche Upgrade</div><div class="as-desc">Required for Adult, Casino, CBD, Betting, and Pharma niches. Manual approval process and specialist outreach networks.</div><div class="as-price">+$75<span> per link</span></div></div>
    </div>
  </div>

  <!-- FAQ -->
  <div class="content content-pt0" style="padding-bottom:72px">
    <div class="faq-split">
      <div class="faq-side"><div class="eyebrow">FAQ</div><h3 class="h3">Common questions</h3><p>Something on your mind?</p><a href="/contact/">Contact us →</a></div>
      <div>
        <div class="faq-item"><button class="faq-q on" onclick="faqT(this)">Are these links ethically built?<span class="faq-ic">+</span></button><div class="faq-a on">Yes. We manually outreach to real website owners and obtain explicit permission before placing any link. We use only Ahrefs to filter top pages and do not engage with any automated or grey-hat networks — no PBNs, no link farms, no exceptions.</div></div>
        <div class="faq-item"><button class="faq-q" onclick="faqT(this)">What's the turnaround time?<span class="faq-ic">+</span></button><div class="faq-a">Standard TAT is 15–27 business days. We typically deliver faster. Add-on packages (traffic targeting or advanced niches) may add 3–10 extra business days depending on site owner approval speed.</div></div>
        <div class="faq-item"><button class="faq-q" onclick="faqT(this)">How do I choose between 30+ DR and 50+ DR?<span class="faq-ic">+</span></button><div class="faq-a">30+ DR is typically the best entry point for balanced cost and quality. 50+ DR is the premium tier for stronger authority targets and tougher SERPs. Both are Ahrefs-verified and include the same manual outreach process.</div></div>
        <div class="faq-item"><button class="faq-q" onclick="faqT(this)">What is the Promo / 25% off option?<span class="faq-ic">+</span></button><div class="faq-a">The promo tier offers 25% off on bulk orders (5 or 10 links) for DR-focused Top Page packages. Recommended for low-to-medium competition keywords. Same permanent placement and guarantee, lower cost per link.</div></div>
        <div class="faq-item"><button class="faq-q" onclick="faqT(this)">Are these PBNs or spam networks?<span class="faq-ic">+</span></button><div class="faq-a">No. Every placement is on a real website run by real individuals. We have zero tolerance for PBNs, automated web 2.0s, or spammy link farms. If we can't find a qualifying real site, we won't deliver a link.</div></div>
        <div class="faq-item"><button class="faq-q" onclick="faqT(this)">What if a link gets removed?<span class="faq-ic">+</span></button><div class="faq-a">We replace it free within the guarantee window — 12 months on Pro tiers, 24 months on Advanced tiers. No questions asked.</div></div>
        <div class="faq-item"><button class="faq-q" onclick="faqT(this)">Do you accept Adult, CBD, or Gambling orders?<span class="faq-ic">+</span></button><div class="faq-a">Yes, but these niches require the Advanced Niche add-on (+$75/link) and go through a manual approval process before outreach begins.</div></div>
      </div>
    </div>
  </div>

  <!-- CROSS-SELL -->
  <div class="xsell-wrap">
    <div class="xsell-box" style="background:var(--g)">
      <div><div class="xs-ey">Pair with this service</div><h2 class="xs-h">Combine with Traffic Page links for a <em style="font-style:italic;color:rgba(255,255,255,.75)">stronger profile</em></h2><p class="xs-p">Top Page links build raw domain authority. Traffic Page links add real referral traffic. Together they create a diversified, natural-looking backlink profile that compounds faster.</p></div>
      <div class="xs-cards">
        <a class="xs-card" onclick="navGo('traffic-page')"><div><div class="xs-nm">Traffic Page Links — from $167/link</div><div class="xs-ds">Links from pages with real monthly visitors</div></div><span class="xs-ar">→</span></a>
        <a class="xs-card" onclick="navGo('home')"><div><div class="xs-nm">Monthly SEO Retainer</div><div class="xs-ds">Ongoing strategy & management</div></div><span class="xs-ar">→</span></a>
        <a class="xs-card" onclick="navGo('case-studies')"><div><div class="xs-nm">View Case Studies</div><div class="xs-ds">Real results from real campaigns</div></div><span class="xs-ar">→</span></a>
      </div>
    </div>
  </div>

  <footer>
    <div class="ft-grid">
      <div class="ft-brand"><button class="ft-logo" onclick="navGo('home')"><span class="nav-logo-dot" style="opacity:.4"></span>1stpage.agency</button><p>Sustainable link building. Real outreach, real results.</p><div class="ft-pill">One Tree Planted Partner</div></div>
      <div class="ft-col"><p class="ft-h">Services</p><ul><li><button onclick="navGo('top-page')">Top Page Links</button></li><li><button onclick="navGo('traffic-page')">Traffic Page Links</button></li><li><button onclick="navGo('home')">Niche Edit Links</button></li></ul></div>
      <div class="ft-col"><p class="ft-h">Company</p><ul><li><button onclick="navGo('home')">About</button></li><li><button onclick="navGo('case-studies')">Case Studies</button></li><li><button onclick="window.location.href='/contact/'">Contact</button></li></ul></div>
      <div class="ft-col"><p class="ft-h">Resources</p><ul><li><a href="/buyer-guide">Buyer Guide</a></li><li><a href="/privacy-policy">Privacy Policy</a></li>
          <li><a href="/terms-of-service">Terms of Service</a></li>
          <li><a href="/accessibility">Accessibility</a></li></ul></div>
    </div>
    <div class="ft-bot"><span> 2026 1stpage.agency.</span><span>Sustainable link building</span></div>
  </footer>
</div>

<!-- ═══════════════════════════════════════════
     TRAFFIC PAGE SERVICE
═══════════════════════════════════════════ -->
<div id="page-traffic-page" class="page">
  <div class="svc-page-wrap">
    <div class="svc-page-left">
      <div class="eyebrow">Traffic-Driven Link Building</div>
      <h2 class="h1">Links on pages with <em>real organic traffic</em>.</h2>
      <p class="lead">Every link we build lands on a page already receiving genuine monthly visitors from search — delivering both domain authority and actual referral traffic with every placement. A dual return on every link.</p>
      <div class="trust-tags">
        <span class="trust-tag"><span class="tt-dot dot-g"></span>Permanent placements</span>
        <span class="trust-tag"><span class="tt-dot dot-a"></span>6–24 month guarantee</span>
        <span class="trust-tag"><span class="tt-dot dot-b"></span>DR 20–100 sites</span>
        <span class="trust-tag"><span class="tt-dot dot-g"></span>Real traffic verified</span>
        <span class="trust-tag"><span class="tt-dot dot-a"></span>Full delivery report</span>
      </div>
    </div>

    <!-- ORDER CARD — TRAFFIC PAGE -->
    <div class="order-wrap">
      <div class="oc">
        <div class="oc-head" style="background:#1a3a28">
          <h2>Place your Traffic Page order</h2>
          <p>Select traffic tier and quantity below</p>
        </div>
        <div class="oc-body">
          <div class="si">
            <div class="si-s on" id="trf-si1"><div class="si-n">1</div><span class="si-lbl">Package</span></div>
            <div class="si-line"></div>
            <div class="si-s" id="trf-si2"><div class="si-n">2</div><span class="si-lbl">Details</span></div>
            <div class="si-line"></div>
            <div class="si-s" id="trf-si3"><div class="si-n">3</div><span class="si-lbl">Payment</span></div>
          </div>

          <!-- STEP 1 -->
          <div class="sp on" id="trf-s1">
            <span class="fl">Billing model</span>
            <div class="metric-grid metric-grid-2" id="trf-mode-grid">
              <div class="mo on" data-trf-mode="one" onclick="trfMode('one',this)"><span class="mo-main">One-time</span><span class="mo-sub">Standard order</span></div>
              <div class="mo" data-trf-mode="monthly" onclick="trfMode('monthly',this)"><div class="promo-pip">Save up to 15%</div><span class="mo-main">Monthly</span><span class="mo-sub">Subscriber plans</span></div>
            </div>
            <div class="monthly-inline-note">Save up to 15% with Traffic monthly plans <button type="button" onclick="scrollToMonthly('traffic')">View plans</button></div>
            <span class="fl">Minimum traffic per placement page</span>
            <div class="tier-grid tier-grid-3" id="trf-tgrid">
              <div class="tc" onclick="trfTier('50',this)"><div class="tc-name">50+/mo</div><div class="tc-desc">Starter · DR 20–100</div><div class="tc-g">✓ 6-month guarantee</div></div>
              <div class="tc on" onclick="trfTier('100',this)"><div class="tc-pop">Popular</div><div class="tc-name">100+/mo</div><div class="tc-desc">Pro · DR 20–100</div><div class="tc-g">✓ 12-month guarantee</div></div>
              <div class="tc" onclick="trfTier('500',this)"><div class="tc-name">500+/mo</div><div class="tc-desc">Advanced · DR 20–100</div><div class="tc-g">✓ 24-month guarantee</div></div>
            </div>
            <span class="fl">Quantity</span>
            <div class="qty-grid" id="trf-qgrid">
              <button class="qb on" onclick="trfQty(1,this)"><span class="qb-n">1</span><span class="qb-s">link</span></button>
              <button class="qb" onclick="trfQty(2,this)"><span class="qb-n">2</span><span class="qb-s">links</span></button>
              <button class="qb" onclick="trfQty(5,this)"><span class="qb-n">5</span><span class="qb-s">links</span></button>
              <button class="qb" onclick="trfQty(10,this)"><span class="qb-n">10</span><span class="qb-s">links</span></button>
              <button class="qb" onclick="trfQty(15,this)"><span class="qb-n">15</span><span class="qb-s">links</span></button>
            </div>
            <div class="price-box">
              <div><div class="pb-amt"><span class="pb-cur">$</span><span id="trf-pnum">267</span></div><div class="pb-g" id="trf-gtxt">✓ 12-month link replacement guarantee</div></div>
              <div class="pb-r"><div class="pb-qty" id="trf-qtxt">1 link</div></div>
            </div>
            <button class="btn-order" onclick="trfStep(2)">Continue to Order Details →</button>
            <div class="trust-mini"><span class="tm">DR 20–100 verified</span><span class="tm">Real traffic confirmed</span><span class="tm">Permanent</span></div>
          </div>

          <!-- STEP 2 -->
          <div class="sp" id="trf-s2">
            <div class="step2-head">
              <button class="btn-back" onclick="trfStep(1)">← Back to Package</button>
              <div class="live-total"><span class="lt-lbl">Current total</span><span class="lt-val" id="trf-live-total">$267</span></div>
            </div>
            <div class="fr">
              <div class="fg"><label class="form-label">First name *</label><input id="trf-first-name" class="fi" placeholder="Jane"></div>
              <div class="fg"><label class="form-label">Last name *</label><input id="trf-last-name" class="fi" placeholder="Smith"></div>
            </div>
            <div class="fg"><label class="form-label">Email address *</label><input id="trf-email" class="fi" placeholder="jane@yourdomain.com" type="email"></div>
            <div class="fr">
              <div class="fg"><label class="form-label">Business name</label><input id="trf-business-name" class="fi" placeholder="For invoice (optional)"></div>
              <div class="fg"><label class="form-label">Business address</label><input id="trf-business-address" class="fi" placeholder="Optional"></div>
            </div>
            <div class="div"></div>
            <div class="fg">
              <label class="form-label" for="trf-site-urls">Your landing page URL(s) *</label>
              <textarea id="trf-site-urls" class="fi fi-multi" placeholder="https://yoursite.com/page-one&#10;https://yoursite.com/page-two" required data-url-list="true"></textarea>
              <p class="f-hint">Add one landing page URL per line (or comma-separated).</p>
            </div>
            <div class="fg">
              <div class="label-row">
                <label class="form-label" for="trf-anchor">Anchor text</label>
                <button type="button" class="hint-action" onclick="suggestAnchors('trf')" aria-label="Suggest anchor text">
                  <svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M4 20h4l10.6-10.6a1.8 1.8 0 0 0 0-2.6l-1.4-1.4a1.8 1.8 0 0 0-2.6 0L4 16v4Z" stroke="currentColor" stroke-width="1.7" stroke-linejoin="round"/><path d="m13.2 6.8 4 4" stroke="currentColor" stroke-width="1.7" stroke-linecap="round"/></svg>
                  Suggest
                </button>
              </div>
              <textarea id="trf-anchor" class="fi fi-multi" placeholder="One anchor per line&#10;e.g. brand name&#10;e.g. running shoe comparison guide&#10;e.g. visit website" style="margin-bottom:5px"></textarea>
              <p class="f-hint">Use mostly <strong>Brand, Generic, and Seed</strong> anchors. Keep exact-match anchors limited. You can select multiple suggestions.</p>
              <div class="anchor-suggest" id="trf-anchor-suggest" aria-live="polite"></div>
            </div>
            <div class="fg">
              <label class="form-label" for="trf-anchor-file">Upload anchor .TXT file (optional)</label>
              <input id="trf-anchor-file" class="sr-only" type="file" accept=".txt,text/plain">
              <div id="trf-upload-zone" class="upload-z" role="button" tabindex="0" aria-controls="trf-anchor-file" aria-label="Upload Traffic Page anchor text file">Click to upload or drag & drop</div>
              <div id="trf-upload-msg" class="upload-msg">No file selected.</div>
            </div>
            <div class="fg"><label class="form-label">Anything else? (optional)</label><textarea id="trf-notes" class="fta" placeholder="Special instructions, competitor exclusions..."></textarea></div>
            <div class="div"></div>
            <span class="fl">Add-ons <span style="text-transform:none;letter-spacing:0;font-weight:400;font-size:10px">(optional)</span></span>
            <div class="addon-t" id="trf-aniche" onclick="trfAddon('niche')">
              <div class="at-row"><div><div class="at-name">Advanced Niche Upgrade</div><div class="at-desc">Required for Adult, Casino, CBD, Betting & Pharma niches. Manual approval + specialist outreach.</div></div><div style="display:flex;align-items:center;gap:7px;flex-shrink:0"><span class="at-price">+$97/link</span><div class="at-chk" id="trf-aniche-c">+</div></div></div>
              <div class="addon-qty"><span class="aq-lbl">Links with add-on:</span><div class="aq-ctrl"><button class="aq-b" onclick="aqAdj(event,'trf-aniche-n',-1)">−</button><span class="aq-v" id="trf-aniche-n">1</span><button class="aq-b" onclick="aqAdj(event,'trf-aniche-n',1)">+</button></div></div>
            </div>
            <div class="div"></div>
            <span class="fl">Pre-approval preference</span>
            <div class="radio-g">
              <div class="ro on" onclick="radioSel(this)"><div class="ro-dot"></div><div><div class="ro-lbl">No — manage it for me (Faster)</div><div class="ro-desc">We source and place links without waiting for approval.</div></div></div>
              <div class="ro" onclick="radioSel(this)"><div class="ro-dot"></div><div><div class="ro-lbl">Yes — I'd like to pre-approve sites</div><div class="ro-desc">We send a shortlist first. Adds 3–10 business days.</div></div></div>
            </div>
            <button class="btn-order" style="margin-top:16px" onclick="trfStep(3)">Continue to Payment →</button>
          </div>

          <!-- STEP 3 -->
          <div class="sp" id="trf-s3">
            <button class="btn-back" onclick="trfStep(2)">← Back to Details</button>
            <div class="os">
              <div class="os-title">Order summary</div>
              <div class="os-row"><span class="os-lbl">Service</span><span>Traffic Page Links</span></div>
              <div class="os-row"><span class="os-lbl">Billing</span><span id="trf-sum-billing">One-time order</span></div>
              <div class="os-row"><span class="os-lbl">Tier</span><span id="trf-sum-tier">100+ traffic/page — Pro</span></div>
              <div class="os-row"><span class="os-lbl">Quantity</span><span id="trf-sum-qty">1 link</span></div>
              <div class="os-row" id="trf-sum-ar" style="display:none"><span class="os-lbl">Add-ons</span><span id="trf-sum-an">—</span></div>
              <div class="os-row" id="trf-sum-cpn" style="display:none"><span class="os-lbl" id="trf-sum-cpn-label">Coupon</span><span id="trf-sum-cpn-val" style="color:#b73736">-$0</span></div>
              <div class="os-row"><span style="font-weight:700">Total</span><span id="trf-sum-tot" style="color:var(--g);font-family:var(--serif);font-size:17px">$267</span></div>
            </div>
            <div class="coupon-row"><input class="coupon-i" id="trf-coupon" placeholder="Coupon code (if any)"><button class="coupon-b" onclick="applyCoupon('trf')">Apply</button></div>
            <div id="trf-coupon-msg" class="coupon-msg">Have a coupon? Enter it above.</div>
            <span class="fl">Payment method</span>
            <div class="pay-opts">
              <div class="pay-o on" onclick="paySel(this)" data-method="stripe">
                <div class="pay-h">
                  <div class="pay-ic" style="background:#f3f3f3"></div>
                  <div><div class="pay-nm">Credit / Debit Card</div><div class="pay-sb">Stripe — PCI compliant · all major cards accepted</div></div>
                  <div style="margin-left:auto"><span style="font-size:11px;background:#635bff;color:#fff;padding:2px 7px;border-radius:4px;font-weight:700">STRIPE</span></div>
                </div>
                <div class="pay-body">
                  <div class="card-fs">
                    <div><label class="form-label">Cardholder name</label><input class="fi" placeholder="Jane Smith"></div>
                    <div><label class="form-label">Card number</label>
                      <div style="position:relative"><input class="fi" placeholder="•••• •••• •••• ••••" maxlength="19" oninput="fmtCard(this)">
                      <span style="position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:18px;pointer-events:none"></span></div>
                    </div>
                    <div class="fr">
                      <div><label class="form-label">Expiry</label><input class="fi" placeholder="MM / YY" maxlength="7" oninput="fmtExpiry(this)"></div>
                      <div><label class="form-label">CVC</label><input class="fi" placeholder="•••" maxlength="4" type="password"></div>
                    </div>
                  </div>
                  <div style="display:flex;align-items:center;gap:6px;margin-top:10px;font-size:11px;color:var(--ink4)">
                    <span></span><span>Secured by Stripe. Your card data never touches our servers.</span>
                  </div>
                </div>
              </div>
              <div class="pay-o" onclick="paySel(this)" data-method="paypal">
                <div class="pay-h">
                  <div class="pay-ic" style="background:#003087;color:#fff;font-weight:900;font-size:13px">PP</div>
                  <div><div class="pay-nm">PayPal</div><div class="pay-sb">Pay securely with your PayPal account or card</div></div>
                  <div style="margin-left:auto"><span style="font-size:11px;background:#ffc439;color:#003087;padding:2px 8px;border-radius:4px;font-weight:900">PayPal</span></div>
                </div>
                <div class="pay-body">
                  <div style="padding-top:12px;text-align:center">
                    <button onclick="handlePayPal(event)" style="background:#ffc439;border:none;border-radius:8px;padding:12px 28px;font-size:14px;font-weight:700;color:#003087;cursor:pointer;width:100%;font-family:var(--sans)">Pay with PayPal →</button>
                    <p style="font-size:11px;color:var(--ink4);margin-top:8px">Choose Credit / Debit Card (Stripe) or PayPal to complete checkout.</p>
                  </div>
                </div>
              </div>
              <div class="pay-o" onclick="paySel(this)" data-method="crypto">
                <div class="pay-h">
                  <div class="pay-ic" style="background:#0052ff;color:#fff;font-weight:700;font-size:11px">CB</div>
                  <div><div class="pay-nm">Crypto</div><div class="pay-sb">BTC · ETH · USDC · USDT via Coinbase Commerce</div></div>
                  <div style="margin-left:auto;font-size:14px">₿ Ξ</div>
                </div>
                <div class="pay-body">
                  <div style="padding-top:12px">
                    <div style="display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:12px">
                      <div style="border:1px solid var(--bd);border-radius:8px;padding:8px;text-align:center;cursor:pointer;font-size:11px;font-weight:600;color:var(--ink2)" onclick="selCrypto(this,'BTC')">₿ BTC</div>
                      <div style="border:1px solid var(--bd);border-radius:8px;padding:8px;text-align:center;cursor:pointer;font-size:11px;font-weight:600;color:var(--ink2)" onclick="selCrypto(this,'ETH')">Ξ ETH</div>
                      <div style="border:1px solid var(--g);background:var(--gl);border-radius:8px;padding:8px;text-align:center;cursor:pointer;font-size:11px;font-weight:600;color:var(--g)" onclick="selCrypto(this,'USDT')">₮ USDT</div>
                      <div style="border:1px solid var(--bd);border-radius:8px;padding:8px;text-align:center;cursor:pointer;font-size:11px;font-weight:600;color:var(--ink2)" onclick="selCrypto(this,'USDC')">◎ USDC</div>
                    </div>
                    <button onclick="handleCrypto(event)" style="background:#0052ff;border:none;border-radius:8px;padding:11px;font-size:13px;font-weight:700;color:#fff;cursor:pointer;width:100%;font-family:var(--sans)">Generate payment address →</button>
                  </div>
                </div>
              </div>
            </div>
            <button class="btn-order" onclick="trfComplete(event)">Complete Purchase →</button>
            <div style="text-align:center;margin-top:9px;font-size:10.5px;color:var(--ink4)"> 256-bit SSL · PCI DSS compliant · Payments processed by Stripe</div>
          </div>

          <!-- SUCCESS -->
          <div class="sp" id="trf-done">
            <div class="success-st">
              <div class="success-ic"></div>
              <h3>Order received!</h3>
              <p>Confirmation email on its way. Our team starts work within 1 business day — full report delivered in 15–27 business days.</p>
              <div id="trf-success-meta" style="display:none;background:var(--gl);border:1px solid rgba(26,92,58,.2);border-radius:12px;padding:12px 14px;margin:12px 0;text-align:left;font-size:12px;color:var(--ink2);line-height:1.6"></div>
              <div style="background:var(--bg);border:1px solid var(--bd);border-radius:12px;padding:16px;margin:16px 0;text-align:left">
                <div style="font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);margin-bottom:10px">What happens next</div>
                <div style="display:flex;flex-direction:column;gap:8px">
                  <div style="display:flex;gap:9px;font-size:12.5px;color:var(--ink2)"><span style="color:var(--g);font-weight:700;flex-shrink:0">1.</span>Confirmation email with your order ID sent immediately</div>
                  <div style="display:flex;gap:9px;font-size:12.5px;color:var(--ink2)"><span style="color:var(--g);font-weight:700;flex-shrink:0">2.</span>Team reviews order and identifies qualifying traffic pages within 1 business day</div>
                  <div style="display:flex;gap:9px;font-size:12.5px;color:var(--ink2)"><span style="color:var(--g);font-weight:700;flex-shrink:0">3.</span>Manual outreach to site owners in your niche begins</div>
                  <div style="display:flex;gap:9px;font-size:12.5px;color:var(--ink2)"><span style="color:var(--g);font-weight:700;flex-shrink:0">4.</span>Full delivery report with live URL, traffic data and DR metrics</div>
                </div>
              </div>
              <button class="btn-order" style="margin-top:4px" onclick="navGo('case-studies')">View client results →</button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- WHY TRAFFIC PAGES -->
  <div class="content">
    <div class="eyebrow">Why traffic pages matter</div>
    <h2 class="h2" style="margin-bottom:12px">Links that bring <em>visitors</em>, not just rankings</h2>
    <p class="lead" style="margin-bottom:40px;max-width:640px">Standard niche edits focus only on domain authority. Traffic Page links go further — we target pages with real monthly organic visitors. Two value streams: domain authority through the link, plus actual referral traffic that can convert into leads or sales.</p>
    <div class="feat-grid">
      <div class="feat-card"><div class="fc-icon"></div><h3>Real visitors, real referral traffic</h3><p>Every placement page has verified monthly organic traffic. Your link isn't just passing SEO equity — it's in front of real searchers who can click through.</p></div>
      <div class="feat-card"><div class="fc-icon"></div><h3>DR 20–100 wide range</h3><p>We source across the full DR 20–100 spectrum, prioritising contextual relevance and traffic quality over raw domain rating alone.</p></div>
      <div class="feat-card"><div class="fc-icon"></div><h3>Niche-relevant page targeting</h3><p>We only place links on traffic pages topically aligned with your niche. Traffic from irrelevant pages doesn't convert — we make sure every visit has a reason to click.</p></div>
      <div class="feat-card"><div class="fc-icon"></div><h3>Permanent with tiered guarantee</h3><p>All links permanent. Covered by a 6, 12, or 24-month replacement guarantee depending on your chosen tier.</p></div>
    </div>
  </div>

  <!-- PACKAGES -->
  <div class="content content-pt0">
    <div class="eyebrow">Pricing tiers</div>
    <h2 class="h2" style="margin-bottom:24px">Three tiers, <em>one clear purpose</em></h2>
    <div class="pkg-grid pkg-grid-3">
      <div class="pk"><div class="pk-tier">Starter</div><div class="pk-name">50+ traffic/page</div><div class="pk-price">$167</div><div class="pk-per">per link</div><div class="pk-g">✓ 6-month replacement</div><hr><ul class="pk-list"><li><span class="pk-dot">✓</span>Min. 50 organic visitors/page/month</li><li><span class="pk-dot">✓</span>DR 20–100 authority sites</li><li><span class="pk-dot">✓</span>Contextual niche placement</li><li><span class="pk-dot">✓</span>Permanent + full report</li></ul><button class="pk-cta" onclick="trfSelectPkg('50')">Select Starter</button></div>
      <div class="pk ft"><div class="pop-tag">Most purchased</div><div class="pk-tier">Pro</div><div class="pk-name">100+ traffic/page</div><div class="pk-price">$267</div><div class="pk-per">per link</div><div class="pk-g">✓ 12-month replacement</div><hr><ul class="pk-list"><li><span class="pk-dot">✓</span>Min. 100 organic visitors/page/month</li><li><span class="pk-dot">✓</span>DR 20–100 authority sites</li><li><span class="pk-dot">✓</span>Contextual niche placement</li><li><span class="pk-dot">✓</span>Permanent + full report</li></ul><button class="pk-cta" onclick="trfSelectPkg('100')">Select Pro</button></div>
      <div class="pk"><div class="pk-tier">Advanced</div><div class="pk-name">500+ traffic/page</div><div class="pk-price">$457</div><div class="pk-per">per link</div><div class="pk-g">✓ 24-month replacement</div><hr><ul class="pk-list"><li><span class="pk-dot">✓</span>Min. 500 organic visitors/page/month</li><li><span class="pk-dot">✓</span>DR 20–100 authority sites</li><li><span class="pk-dot">✓</span>Contextual niche placement</li><li><span class="pk-dot">✓</span>Permanent + full report</li></ul><button class="pk-cta" onclick="trfSelectPkg('500')">Select Advanced</button></div>
    </div>
  </div>

  <div class="content content-pt0 monthly-focus" id="traffic-monthly-offers">
    <div class="eyebrow">Monthly traffic plans</div>
    <h2 class="h2" style="margin-bottom:8px">Traffic Page subscription <em>plans</em></h2>
    <p class="monthly-note">For teams that want links and referral-ready placements every month. Each plan keeps delivery steady, supports monthly URL refreshes, and includes subscriber discounts versus one-off orders.</p>
    <div class="pkg-grid pkg-grid-3">
      <div class="pk">
        <div class="pk-badge"><strong>Starter</strong> plan</div>
        <div class="pk-name">Traffic Momentum Plan (50+)</div>
        <div class="pk-price pk-price-month">$924 <span>/month</span></div>
        <div class="pk-per">6 links monthly · 8% subscriber savings</div>
        <div class="pk-g">✓ 50+ traffic page focus</div>
        <hr>
        <ul class="pk-list">
          <li><span class="pk-dot">✓</span>Built for early referral traction</li>
          <li><span class="pk-dot">✓</span>Balanced quality + affordability</li>
          <li><span class="pk-dot">✓</span>Monthly target page adjustments</li>
          <li><span class="pk-dot">✓</span>No lock-in contract</li>
        </ul>
        <button class="pk-cta" onclick="trfApplyMonthly('m-momentum',6)">Start Momentum Plan</button>
      </div>
      <div class="pk ft">
        <div class="pop-tag">Most subscribed</div>
        <div class="pk-badge"><strong>Growth</strong> plan</div>
        <div class="pk-name">Traffic Expansion Plan</div>
        <div class="pk-price pk-price-month">$2,350 <span>/month</span></div>
        <div class="pk-per">10 links monthly · 12% subscriber savings</div>
        <div class="pk-g">✓ 100+ traffic page focus</div>
        <hr>
        <ul class="pk-list">
          <li><span class="pk-dot">✓</span>Ideal for active content campaigns</li>
          <li><span class="pk-dot">✓</span>Higher monthly traffic signal volume</li>
          <li><span class="pk-dot">✓</span>Built for sustained ranking growth</li>
          <li><span class="pk-dot">✓</span>Consistent monthly reporting cadence</li>
        </ul>
        <button class="pk-cta" onclick="trfApplyMonthly('m-expansion',10)">Start Expansion Plan</button>
      </div>
      <div class="pk">
        <div class="pk-badge"><strong>Scale</strong> plan</div>
        <div class="pk-name">Traffic Domination Plan (500+)</div>
        <div class="pk-price pk-price-month">$6,208 <span>/month</span></div>
        <div class="pk-per">16 links monthly · 15% subscriber savings</div>
        <div class="pk-g">✓ 500+ traffic page focus</div>
        <hr>
        <ul class="pk-list">
          <li><span class="pk-dot">✓</span>Designed for competitive verticals</li>
          <li><span class="pk-dot">✓</span>Strong referral + authority blend</li>
          <li><span class="pk-dot">✓</span>Best for established growth teams</li>
          <li><span class="pk-dot">✓</span>Monthly optimization-ready flow</li>
        </ul>
        <button class="pk-cta" onclick="trfApplyMonthly('m-domination',16)">Start Domination Plan</button>
      </div>
    </div>
  </div>

  <!-- PROCESS -->
  <div class="proc-b">
    <div class="eyebrow">How it works</div>
    <h2 class="h2">Your link, live on a <em>traffic page</em> in 4 steps</h2>
    <div class="proc-g">
      <div class="pg-item"><div class="pg-n">01</div><h3>Select your tier</h3><p>Choose 50+, 100+, or 500+ monthly page traffic. Provide target URL and anchor preferences.</p></div>
      <div class="pg-item"><div class="pg-n">02</div><h3>We source traffic pages</h3><p>Our team identifies niche-relevant pages with verified organic traffic matching your threshold using Ahrefs.</p></div>
      <div class="pg-item"><div class="pg-n">03</div><h3>Owner-approved placement</h3><p>We contact real site owners manually and insert your link contextually into live published content.</p></div>
      <div class="pg-item"><div class="pg-n">04</div><h3>Full report & verification</h3><p>Delivery report with live URL, traffic data, DR metrics, and your live link within 15–27 business days.</p></div>
    </div>
  </div>

  <!-- FAQ -->
  <div class="content" style="padding-bottom:72px">
    <div class="faq-split">
      <div class="faq-side"><div class="eyebrow">FAQ</div><h3 class="h3">Questions about traffic page links</h3><p>Can't find what you need?</p><a href="/contact/">Contact us →</a></div>
      <div>
        <div class="faq-item"><button class="faq-q on" onclick="faqT(this)">What counts as a "traffic page"?<span class="faq-ic">+</span></button><div class="faq-a on">A traffic page is any individual URL on a website that receives organic search traffic meeting your selected minimum threshold (50+, 100+, or 500+ monthly visitors). We verify this data using Ahrefs before any outreach begins — not estimated, actually verified.</div></div>
        <div class="faq-item"><button class="faq-q" onclick="faqT(this)">How is this different from Top Page links?<span class="faq-ic">+</span></button><div class="faq-a">Top Page links target the highest-authority pages by DR tier (30+ or 50+) where authority is the primary filter. Traffic Page links target pages by actual monthly visitors where referral traffic potential is the primary filter. Many clients use both services together for a diversified profile.</div></div>
        <div class="faq-item"><button class="faq-q" onclick="faqT(this)">What anchor text should I use?<span class="faq-ic">+</span></button><div class="faq-a">For traffic page orders we strongly recommend Seed, Generic, or Brand anchors. Exact-match anchors lower our placement success rate on actively-trafficked pages. Alternatively, tick "let us manage it" and we'll select appropriate anchors for you.</div></div>
        <div class="faq-item"><button class="faq-q" onclick="faqT(this)">What's the typical DR range?<span class="faq-ic">+</span></button><div class="faq-a">Traffic page placements span DR 20–100. We don't filter by minimum DR for this service — we prioritise niche relevance and traffic quality. You'll see the exact DR of each placement in your delivery report.</div></div>
        <div class="faq-item"><button class="faq-q" onclick="faqT(this)">What if the link is removed?<span class="faq-ic">+</span></button><div class="faq-a">We replace it free within the guarantee window: 6 months for Starter, 12 months for Pro, and 24 months for Advanced packages. No questions asked.</div></div>
        <div class="faq-item"><button class="faq-q" onclick="faqT(this)">Can I combine Traffic Page and Top Page orders?<span class="faq-ic">+</span></button><div class="faq-a">Yes — you can place separate orders for each service and we'll manage them in parallel. Many clients do this to build a natural, diversified link profile that grows authority and referral traffic simultaneously.</div></div>
        <div class="faq-item"><button class="faq-q" onclick="faqT(this)">Do you accept Adult, CBD, or Gambling orders?<span class="faq-ic">+</span></button><div class="faq-a">Yes, with the Advanced Niche add-on (+$97/link). These niches go through a manual approval process and specialist outreach networks.</div></div>
      </div>
    </div>
  </div>

  <!-- CROSS-SELL -->
  <div class="xsell-wrap">
    <div class="xsell-box" style="background:#1a3a28">
      <div><div class="xs-ey">Pair with this service</div><h2 class="xs-h">Combine with Top Page links for <em style="font-style:italic;color:rgba(255,255,255,.75)">maximum authority</em></h2><p class="xs-p">Traffic Page links drive referral signals and diversify your profile. Top Page links add concentrated domain authority. Together they deliver results faster than either service alone.</p></div>
      <div class="xs-cards">
        <a class="xs-card" onclick="navGo('top-page')"><div><div class="xs-nm">Top Page Links — from $167/link</div><div class="xs-ds">Links on Ahrefs top-ranked authority pages</div></div><span class="xs-ar">→</span></a>
        <a class="xs-card" onclick="navGo('home')"><div><div class="xs-nm">Monthly SEO Retainer</div><div class="xs-ds">Ongoing strategy & management</div></div><span class="xs-ar">→</span></a>
        <a class="xs-card" onclick="navGo('case-studies')"><div><div class="xs-nm">View Case Studies</div><div class="xs-ds">Real results from real campaigns</div></div><span class="xs-ar">→</span></a>
      </div>
    </div>
  </div>

  <footer>
    <div class="ft-grid">
      <div class="ft-brand"><button class="ft-logo" onclick="navGo('home')"><span class="nav-logo-dot" style="opacity:.4"></span>1stpage.agency</button><p>Sustainable link building. Real outreach, real results.</p><div class="ft-pill">One Tree Planted Partner</div></div>
      <div class="ft-col"><p class="ft-h">Services</p><ul><li><button onclick="navGo('top-page')">Top Page Links</button></li><li><button onclick="navGo('traffic-page')">Traffic Page Links</button></li><li><button onclick="navGo('home')">Niche Edit Links</button></li></ul></div>
      <div class="ft-col"><p class="ft-h">Company</p><ul><li><button onclick="navGo('home')">About</button></li><li><button onclick="navGo('case-studies')">Case Studies</button></li><li><button onclick="window.location.href='/contact/'">Contact</button></li></ul></div>
      <div class="ft-col"><p class="ft-h">Resources</p><ul><li><a href="/buyer-guide">Buyer Guide</a></li><li><a href="/privacy-policy">Privacy Policy</a></li>
          <li><a href="/terms-of-service">Terms of Service</a></li>
          <li><a href="/accessibility">Accessibility</a></li></ul></div>
    </div>
    <div class="ft-bot"><span> 2026 1stpage.agency.</span><span>Sustainable link building</span></div>
  </footer>
</div>

<script src="/assets/telemetry.js?v=20260328a" defer></script>
<script src="/assets/app.js?v=20260330a" defer></script>
<!-- ═══════════════════════════════════════════
     CASE STUDIES PAGE
═══════════════════════════════════════════ -->
<div id="page-case-studies" class="page">

  <!-- HERO -->
  <section class="cs-hero">
    <div class="cs-hero-grid">
      <div style="position:relative;z-index:1">
        <div class="eyebrow">Real campaigns. Real results.</div>
        <h2 class="h1" style="margin-bottom:18px">470+ companies.<br><em>These are a few stories.</em></h2>
        <p class="lead" style="max-width:520px;margin-bottom:32px">As a leading link building agency, over 470 companies have enlisted our services. Listed below are 8 campaigns showing how we helped improve organic visibility and search engine traffic — with the actual numbers.</p>
        <div style="display:flex;gap:10px;flex-wrap:wrap">
          <button class="btn btn-g" onclick="navGo('top-page')">Start a campaign <span style="font-size:16px">→</span></button>
          <button class="btn btn-out" onclick="document.getElementById('cs-table-section').scrollIntoView({behavior:'smooth'})">View all results ↓</button>
        </div>
      </div>
      <div class="cs-hero-right">
        <div class="cs-stat-card ac">
          <div class="cs-stat-big">4,300%</div>
          <div class="cs-stat-lbl">Highest traffic growth achieved</div>
        </div>
        <div class="cs-stat-card">
          <div class="cs-stat-big">470+</div>
          <div class="cs-stat-lbl">Clients served globally</div>
        </div>
        <div class="cs-stat-card">
          <div class="cs-stat-big">8</div>
          <div class="cs-stat-lbl">Featured campaigns below</div>
        </div>
        <div class="cs-stat-card">
          <div class="cs-stat-big">21mo</div>
          <div class="cs-stat-lbl">Longest active campaign</div>
        </div>
      </div>
    </div>
  </section>

  <!-- LIST VIEW -->
  <div class="cs-list-view">

    <!-- FILTERS -->
    <div class="cs-filters" id="cs-table-section">
      <button class="cs-f-btn on" onclick="filterCS('all',this)">All</button>
      <button class="cs-f-btn" onclick="filterCS('affiliate',this)">Affiliate</button>
      <button class="cs-f-btn" onclick="filterCS('e-commerce',this)">E-commerce</button>
      <button class="cs-f-btn" onclick="filterCS('saas',this)">SaaS</button>
      <button class="cs-f-btn" onclick="filterCS('health',this)">Health</button>
      <button class="cs-f-btn" onclick="filterCS('travel',this)">Travel</button>
      <button class="cs-f-btn" onclick="filterCS('legal',this)">Legal</button>
      <button class="cs-f-btn" onclick="filterCS('lifestyle',this)">Lifestyle</button>
    </div>

    <!-- RESULTS TABLE -->
    <div class="tbl-section">
      <div class="tbl-wrap">
        <div class="tbl-head">
          <div>Client</div>
          <div class="th-hl">Traffic Growth</div>
          <div>Links Built</div>
          <div>Duration</div>
          <div></div>
        </div>

        <div class="tbl-row" data-niche="affiliate finance" onclick="openCS('cs1')">
          <div class="tbl-client">
            <div class="tbl-avatar" style="background:#e8f5e9;color:#2e7d52"></div>
            <div><div class="tbl-client-name">Affiliate Finance Blog</div><div class="tbl-client-niche">Affiliate / Finance</div></div>
          </div>
          <div><span class="tbl-growth">3,620% ↑</span></div>
          <div><span class="tbl-badge">145 links</span></div>
          <div><span class="tbl-dur">17 months & counting</span></div>
          <div><span class="tbl-arrow">→</span></div>
        </div>

        <div class="tbl-row" data-niche="e-commerce home" onclick="openCS('cs2')">
          <div class="tbl-client">
            <div class="tbl-avatar" style="background:#f0fdf4;color:#1a5c3a"></div>
            <div><div class="tbl-client-name">Home Goods Store</div><div class="tbl-client-niche">E-commerce / Home</div></div>
          </div>
          <div><span class="tbl-growth">413% ↑</span></div>
          <div><span class="tbl-badge">10 links</span></div>
          <div><span class="tbl-dur">2 months & counting</span></div>
          <div><span class="tbl-arrow">→</span></div>
        </div>

        <div class="tbl-row" data-niche="health wellness" onclick="openCS('cs3')">
          <div class="tbl-client">
            <div class="tbl-avatar" style="background:#f0fdf4;color:#0d3824"></div>
            <div><div class="tbl-client-name">Health & Wellness Site</div><div class="tbl-client-niche">Health / Wellness</div></div>
          </div>
          <div><span class="tbl-growth">4,300% ↑</span></div>
          <div><span class="tbl-badge">128 links</span></div>
          <div><span class="tbl-dur">11 months & counting</span></div>
          <div><span class="tbl-arrow">→</span></div>
        </div>

        <div class="tbl-row" data-niche="saas b2b" onclick="openCS('cs4')">
          <div class="tbl-client">
            <div class="tbl-avatar" style="background:#eff6ff;color:#3b82f6"></div>
            <div><div class="tbl-client-name">B2B SaaS Platform</div><div class="tbl-client-niche">SaaS / B2B</div></div>
          </div>
          <div><span class="tbl-growth">3,000% ↑</span></div>
          <div><span class="tbl-badge">80 links</span></div>
          <div><span class="tbl-dur">14 months & counting</span></div>
          <div><span class="tbl-arrow">→</span></div>
        </div>

        <div class="tbl-row" data-niche="lifestyle content" onclick="openCS('cs5')">
          <div class="tbl-client">
            <div class="tbl-avatar" style="background:#fefce8;color:#92400e"></div>
            <div><div class="tbl-client-name">Lifestyle Content Site</div><div class="tbl-client-niche">Lifestyle / Content</div></div>
          </div>
          <div><span class="tbl-growth">2,800% ↑</span></div>
          <div><span class="tbl-badge">268 links</span></div>
          <div><span class="tbl-dur">21 months & counting</span></div>
          <div><span class="tbl-arrow">→</span></div>
        </div>

        <div class="tbl-row" data-niche="legal professional" onclick="openCS('cs6')">
          <div class="tbl-client">
            <div class="tbl-avatar" style="background:#f9fafb;color:#374151"></div>
            <div><div class="tbl-client-name">Legal Services Firm</div><div class="tbl-client-niche">Legal / Professional</div></div>
          </div>
          <div><span class="tbl-growth">392% ↑</span></div>
          <div><span class="tbl-badge">45 links</span></div>
          <div><span class="tbl-dur">2 months & counting</span></div>
          <div><span class="tbl-arrow">→</span></div>
        </div>

        <div class="tbl-row" data-niche="e-commerce fashion" onclick="openCS('cs7')">
          <div class="tbl-client">
            <div class="tbl-avatar" style="background:#fdf2f8;color:#be185d"></div>
            <div><div class="tbl-client-name">Fashion E-commerce Brand</div><div class="tbl-client-niche">E-commerce / Fashion</div></div>
          </div>
          <div><span class="tbl-growth">400% ↑</span></div>
          <div><span class="tbl-badge">8 links</span></div>
          <div><span class="tbl-dur">2 months & counting</span></div>
          <div><span class="tbl-arrow">→</span></div>
        </div>

        <div class="tbl-row" data-niche="travel content" onclick="openCS('cs8')">
          <div class="tbl-client">
            <div class="tbl-avatar" style="background:#ecfeff;color:#0891b2"></div>
            <div><div class="tbl-client-name">Travel Content Blog</div><div class="tbl-client-niche">Travel / Content</div></div>
          </div>
          <div><span class="tbl-growth">1,060% ↑</span></div>
          <div><span class="tbl-badge">117 links</span></div>
          <div><span class="tbl-dur">15 months & counting</span></div>
          <div><span class="tbl-arrow">→</span></div>
        </div>

      </div>
      <p style="font-size:12px;color:var(--ink4);margin-top:14px;text-align:center">Click any row to view the full case study including strategy, timeline, and detailed results.</p>
    </div>

    <!-- TESTIMONIALS -->
    <div class="testi-strip">
      <div class="testi-strip-title">What our clients <em>say about us</em></div>
      <div class="testi-strip-grid">
        <div class="ts-card">
          <div class="ts-logo">Trustpilot</div>
          <div class="ts-quote">"They used an SEO strategy proven effective by science and applied it perfectly. After six months, our site's organic traffic increased by more than 300 percent. Working with 1stpage.agency is something I strongly suggest."</div>
          <div class="ts-author"><div class="ts-av">AW</div><div><div class="ts-name">Avery Wilson</div><div class="ts-role">Verified Trustpilot Review</div></div></div>
        </div>
        <div class="ts-card">
          <div class="ts-logo">Trustpilot</div>
          <div class="ts-quote">"My business had been doing well by word of mouth, but I needed SEO to take it to the next level. I had heard horror stories from other clinics — but 1stpage.agency did not fail to meet my expectations."</div>
          <div class="ts-author"><div class="ts-av">KB</div><div><div class="ts-name">Killan Bennet</div><div class="ts-role">Verified Trustpilot Review</div></div></div>
        </div>
        <div class="ts-card">
          <div class="ts-logo">Trustpilot</div>
          <div class="ts-quote">"It's been over two years since we started working with the 1stPage crew. We wholeheartedly recommend them as the most competent, efficient, and results-oriented group we've ever worked with."</div>
          <div class="ts-author"><div class="ts-av">LG</div><div><div class="ts-name">Lucas Grant</div><div class="ts-role">Verified Trustpilot Review · 2+ years</div></div></div>
        </div>
      </div>
    </div>

    <!-- CTA -->
    <div class="cta-band">
      <div class="cta-inner">
        <div>
          <div class="cta-ey">Ready to be next?</div>
          <h2 class="h2" style="color:#fff">Start your campaign <em>today</em>.</h2>
          <p style="font-size:15px;color:rgba(255,255,255,.92);margin-top:10px">Place an order in minutes. Our team starts work within 1 business day.</p>
        </div>
        <div class="cta-btns">
          <button class="btn btn-wh" onclick="navGo('top-page')">Start an Order</button>
          <button class="cta-ghost" onclick="navGo('traffic-page')">Traffic Page Links</button>
        </div>
      </div>
    </div>

  </div><!-- /cs-list-view -->

  <!-- DETAIL VIEW (dynamically populated) -->
  <div id="cs-detail-view" class="cs-detail"></div>

  <footer>
    <div class="ft-grid">
      <div class="ft-brand"><button class="ft-logo" onclick="navGo('home')"><span class="nav-logo-dot" style="opacity:.4"></span>1stpage.agency</button><p>Sustainable link building. Real outreach, real results.</p><div class="ft-pill">One Tree Planted Partner</div></div>
      <div class="ft-col"><p class="ft-h">Services</p><ul><li><button onclick="navGo('top-page')">Top Page Links</button></li><li><button onclick="navGo('traffic-page')">Traffic Page Links</button></li><li><button onclick="navGo('home')">Niche Edit Links</button></li></ul></div>
      <div class="ft-col"><p class="ft-h">Company</p><ul><li><button onclick="navGo('home')">About</button></li><li><button onclick="navGo('case-studies')">Case Studies</button></li><li><button onclick="window.location.href='/contact/'">Contact</button></li></ul></div>
      <div class="ft-col"><p class="ft-h">Resources</p><ul><li><a href="/buyer-guide">Buyer Guide</a></li><li><a href="/privacy-policy">Privacy Policy</a></li>
          <li><a href="/terms-of-service">Terms of Service</a></li>
          <li><a href="/accessibility">Accessibility</a></li></ul></div>
    </div>
    <div class="ft-bot"><span> 2026 1stpage.agency.</span><span>Sustainable link building</span></div>
  </footer>
</div><!-- /page-case-studies -->

<!-- ═══════════════════════════════════════════
     AGENCIES PAGE
═══════════════════════════════════════════ -->
<div id="page-agencies" class="page">
  <div class="content" style="padding-top:74px">
    <div class="intro-grid" style="gap:44px">
      <div>
        <div class="eyebrow">Agency Partnership Program</div>
        <h2 class="h1" style="margin-bottom:14px">White-label link building for <em>SEO agencies</em>.</h2>
        <p class="lead" style="max-width:580px;margin-bottom:22px">Partner with 1stpage.agency to deliver Top Page and Traffic Page campaigns under your brand. We handle outreach, placement, quality control, and reporting while your team focuses on strategy and client growth.</p>
        <div class="trust-tags" style="margin-bottom:24px">
          <span class="trust-tag"><span class="tt-dot dot-g"></span>White-label ready</span>
          <span class="trust-tag"><span class="tt-dot dot-a"></span>Priority delivery queue</span>
          <span class="trust-tag"><span class="tt-dot dot-b"></span>Dedicated partner support</span>
          <span class="trust-tag"><span class="tt-dot dot-g"></span>Monthly discount tiers</span>
          <span class="trust-tag"><span class="tt-dot dot-a"></span>No lock-in contract</span>
        </div>
        <div style="display:flex;gap:10px;flex-wrap:wrap">
          <button class="btn btn-g" onclick="document.getElementById('agency-application-form').scrollIntoView({behavior:'smooth'})">Apply as an agency →</button>
          <button class="btn btn-out" onclick="navGo('case-studies')">View results</button>
        </div>
      </div>
      <div style="background:var(--white);border:1px solid var(--bd);border-radius:var(--rl);padding:24px">
        <div style="font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);margin-bottom:12px">Partner Snapshot</div>
        <div class="hc-row"><span>Agency discount range</span><strong style="color:var(--g)">10% to 15%</strong></div>
        <div class="hc-row"><span>Review turnaround</span><strong>24-48 hours</strong></div>
        <div class="hc-row"><span>Delivery window</span><strong>15-27 business days</strong></div>
        <div class="hc-row"><span>Services covered</span><strong>Top Page + Traffic Page</strong></div>
        <div class="hc-row"><span>Ideal for</span><strong>SEO retainers and white-label teams</strong></div>
        <button class="cs-mp-cta" style="margin-top:16px" onclick="document.getElementById('agency-application-form').scrollIntoView({behavior:'smooth'})">Start application</button>
      </div>
    </div>
  </div>

  <div class="content content-pt0">
    <div class="eyebrow">Why agencies choose us</div>
    <h2 class="h2" style="margin-bottom:28px">Built for <em>resell-ready delivery</em></h2>
    <div class="feat-grid">
      <div class="feat-card"><div class="fc-icon"></div><h3>True white-label fulfillment</h3><p>No supplier footprint in your client-facing updates. You stay front-of-house, we stay behind the scenes.</p></div>
      <div class="feat-card"><div class="fc-icon"></div><h3>Client-ready reporting packs</h3><p>Every delivery includes live URL, metrics, anchor details, and easy export formatting for monthly reporting.</p></div>
      <div class="feat-card"><div class="fc-icon"></div><h3>Priority agency processing</h3><p>Approved partners receive queue priority and faster issue resolution for active campaign timelines.</p></div>
      <div class="feat-card"><div class="fc-icon"></div><h3>Two service lanes</h3><p>Sell authority-first Top Page links or referral-focused Traffic Page links depending on each client brief.</p></div>
    </div>
  </div>

  <div class="content content-pt0">
    <div class="eyebrow">Agency pricing tiers</div>
    <h2 class="h2" style="margin-bottom:0">Monthly spend vs <em>partner discount</em></h2>
    <div class="vs-table">
      <div class="vs-h"><div>Program level</div><div class="hl">Discount</div><div>Estimated savings</div></div>
      <div class="vs-r"><div><strong>Partner Start</strong><span class="vs-note">$5,000+ monthly spend after pilot month</span></div><div class="gc">10%</div><div>~$500 per $5k spend</div></div>
      <div class="vs-r"><div><strong>Partner Growth</strong><span class="vs-note">$10,000+ monthly managed spend</span></div><div class="gc">12%</div><div>~$1,200 per $10k spend</div></div>
      <div class="vs-r"><div><strong>Partner Scale</strong><span class="vs-note">$20,000+ monthly managed spend</span></div><div class="gc">15%</div><div>~$3,000 per $20k spend</div></div>
    </div>
  </div>

  <div class="proc-b">
    <div class="eyebrow">How it works</div>
    <h2 class="h2">Agency onboarding in <em>4 clear steps</em></h2>
    <div class="proc-g">
      <div class="pg-item"><div class="pg-n">01</div><h3>Submit application</h3><p>Share your agency details, expected monthly spend, and campaign profile.</p></div>
      <div class="pg-item"><div class="pg-n">02</div><h3>Quick review call</h3><p>We confirm fit, expected volume, workflows, and whether Top Page, Traffic Page, or both are needed.</p></div>
      <div class="pg-item"><div class="pg-n">03</div><h3>Pilot month launch</h3><p>Run a first campaign batch to align delivery quality, reporting format, and communication rhythm.</p></div>
      <div class="pg-item"><div class="pg-n">04</div><h3>Discount tier activated</h3><p>Once spend threshold is met, your partner discount and priority queue are automatically applied.</p></div>
    </div>
  </div>

  <div class="content">
    <div class="faq-split">
      <div class="faq-side">
        <div class="eyebrow">Apply now</div>
        <h3 class="h3">Agency application</h3>
        <p>Most applications are reviewed within 1 business day. We’ll reply with next steps and your onboarding path.</p>
        <a onclick="navGo('top-page')">View Top Page service →</a>
      </div>
      <div style="background:var(--white);border:1px solid var(--bd);border-radius:var(--rl);padding:22px">
        <form id="agency-application-form" onsubmit="agencyApply(event)">
          <div class="fr">
            <div class="fg"><label class="form-label">First name *</label><input class="fi" name="first_name" required></div>
            <div class="fg"><label class="form-label">Last name *</label><input class="fi" name="last_name" required></div>
          </div>
          <div class="fr">
            <div class="fg"><label class="form-label">Work email *</label><input class="fi" type="email" name="email" required></div>
            <div class="fg"><label class="form-label">Phone *</label><input class="fi" type="tel" name="phone" required></div>
          </div>
          <div class="fr">
            <div class="fg"><label class="form-label">Agency name *</label><input class="fi" name="agency_name" required></div>
            <div class="fg"><label class="form-label">Website URL *</label><input class="fi" type="url" name="website" placeholder="https://youragency.com" required></div>
          </div>
          <div class="fr">
            <div class="fg"><label class="form-label">Your role *</label><input class="fi" name="role" placeholder="Founder, SEO Lead, Account Director..." required></div>
            <div class="fg"><label class="form-label">Team size *</label><input class="fi" name="team_size" placeholder="e.g. 5-10" required></div>
          </div>
          <div class="fr">
            <div class="fg"><label class="form-label">Country *</label><input class="fi" name="country" required></div>
            <div class="fg"><label class="form-label">Expected monthly link spend *</label>
              <select class="fs" name="agency_spend" required>
                <option value="">Select range</option>
                <option value="$5k-$9.9k">$5,000 - $9,999</option>
                <option value="$10k-$19.9k">$10,000 - $19,999</option>
                <option value="$20k+">$20,000+</option>
              </select>
            </div>
          </div>
          <div class="fg"><label class="form-label">Campaign notes (optional)</label><textarea class="fta" name="notes" placeholder="Client niches, current monthly volume, preferred reporting style, turnaround expectations..."></textarea></div>
          <button class="btn-order" type="submit">Submit agency application →</button>
          <div id="agency-app-success" style="display:none;margin-top:10px;padding:11px 12px;background:var(--gl);border:1px solid rgba(26,92,58,.25);border-radius:10px;color:var(--g);font-size:12.5px;font-weight:600"></div>
        </form>
      </div>
    </div>
  </div>

  <div class="content content-pt0" style="padding-bottom:70px">
    <div class="eyebrow">FAQ</div>
    <h2 class="h2" style="margin-bottom:8px">Agency partnership <em>questions</em></h2>
    <div>
      <div class="faq-item"><button class="faq-q on" onclick="faqT(this)">Can we run this fully white-label?<span class="faq-ic">+</span></button><div class="faq-a on">Yes. The program is designed for white-label delivery. You own client communication while we deliver placements and reporting behind the scenes.</div></div>
      <div class="faq-item"><button class="faq-q" onclick="faqT(this)">Do discounts apply immediately?<span class="faq-ic">+</span></button><div class="faq-a">We usually run a pilot month first to align workflow quality. Discounts are applied once your monthly managed spend reaches the selected tier threshold.</div></div>
      <div class="faq-item"><button class="faq-q" onclick="faqT(this)">Can we mix Top Page and Traffic Page in one monthly cycle?<span class="faq-ic">+</span></button><div class="faq-a">Absolutely. Most partner agencies mix both service types based on each client strategy and keyword profile.</div></div>
      <div class="faq-item"><button class="faq-q" onclick="faqT(this)">What support do agencies get?<span class="faq-ic">+</span></button><div class="faq-a">Approved partners receive priority processing, faster response times, and direct support for campaign planning and escalations.</div></div>
    </div>
  </div>

  <footer>
    <div class="ft-grid">
      <div class="ft-brand"><button class="ft-logo" onclick="navGo('home')"><span class="nav-logo-dot" style="opacity:.4"></span>1stpage.agency</button><p>Niche edit link building specialists. Real outreach, real results.</p><div class="ft-pill">One Tree Planted Partner</div></div>
      <div class="ft-col"><p class="ft-h">Services</p><ul><li><button onclick="navGo('top-page')">Top Page Links</button></li><li><button onclick="navGo('traffic-page')">Traffic Page Links</button></li></ul></div>
      <div class="ft-col"><p class="ft-h">Company</p><ul><li><button onclick="navGo('agencies')">Agencies</button></li><li><button onclick="navGo('case-studies')">Case Studies</button></li><li><button onclick="navGo('blog')">Blog</button></li></ul></div>
      <div class="ft-col"><p class="ft-h">Resources</p><ul><li><a href="/buyer-guide">Buyer Guide</a></li><li><a href="/privacy-policy">Privacy Policy</a></li>
          <li><a href="/terms-of-service">Terms of Service</a></li>
          <li><a href="/accessibility">Accessibility</a></li></ul></div>
    </div>
    <div class="ft-bot"><span> 2026 1stpage.agency.</span><span>Niche edit link building</span></div>
  </footer>
</div><!-- /page-agencies -->

<!-- ═══════════════════════════════════════════
     BLOG PAGE — all 12 posts from live site
═══════════════════════════════════════════ -->
<div id="page-blog" class="page">
  <section class="blog-shell">
    <div class="blog-head">
      <div class="blog-head-copy">
        <div class="eyebrow">The Blog</div>
        <h2 class="h1" style="font-size:clamp(38px,4.7vw,62px);margin-bottom:8px">SEO insights, <em>straight talk</em>.</h2>
        <p class="body-sm">Practical playbooks for SEO professionals, agency operators, and growth teams. Strategy over fluff, with examples you can use right away.</p>
      </div>
      <div class="blog-head-cta">
        <a href="/top-page-links" class="btn btn-g btn-sm" onclick="event.preventDefault(); navGo('top-page')">Top Page Links</a>
        <a href="/traffic-page-links" class="btn btn-out btn-sm" onclick="event.preventDefault(); navGo('traffic-page')">Traffic Page Links</a>
      </div>
    </div>

    <div class="blog-controls">
      <label for="blog-search" class="sr-only">Search blog posts</label>
      <input id="blog-search" class="blog-search" type="search" placeholder="Search posts, topics, or keywords..." autocomplete="off">
      <div class="blog-chips" aria-label="Blog categories">
        <button class="blog-chip on" type="button" data-blog-cat="all">All</button>
        <button class="blog-chip" type="button" data-blog-cat="client-management">Client Management</button>
        <button class="blog-chip" type="button" data-blog-cat="link-building">Link Building</button>
        <button class="blog-chip" type="button" data-blog-cat="seo-strategy">SEO Strategy</button>
        <button class="blog-chip" type="button" data-blog-cat="agency-growth">Agency Growth</button>
        <button class="blog-chip" type="button" data-blog-cat="operations">Operations</button>
      </div>
      <div class="blog-results" id="blog-result-count">Loading articles...</div>
    </div>

    <div class="blog-layout">
      <div class="blog-main">
        <article class="blog-feature blog-card" data-blog-cat="client-management" data-blog-search="what to say when an seo prospect says you are too expensive pricing objections close clients value">
          <div class="blog-feature-media" aria-hidden="true"></div>
          <div class="blog-feature-body">
            <div class="blog-tag">Client Management</div>
            <h2 class="blog-title">What to say when an SEO prospect says, "You're too expensive"</h2>
            <p class="blog-desc">A practical framework for handling pricing objections, reframing value, and closing better-fit SEO clients without discounting your service.</p>
            <div class="blog-meta">
              <span>Featured · 5 min read</span>
              <a class="blog-link" href="/blog/seo-prospect-says-youre-too-expensive/">Read article →</a>
            </div>
          </div>
        </article>

        <div class="blog-grid" id="blog-grid">
          <article class="blog-card" data-blog-cat="seo-strategy" data-blog-search="which niches should you avoid with seo niche research competition">
            <div class="blog-media tone-1" aria-hidden="true"></div>
            <div class="blog-card-body">
              <div class="blog-tag">Niche Research</div>
              <h3 class="blog-title">Which niches should you avoid with SEO?</h3>
              <p class="blog-desc">Identify expensive dead ends before investing months of effort into unwinnable SERPs.</p>
              <div class="blog-meta"><span>4 min read</span><a class="blog-link" href="/blog/niches-should-you-avoid-with-seo/">Read →</a></div>
            </div>
          </article>

          <article class="blog-card" data-blog-cat="client-management" data-blog-search="impatient seo clients expectations communication reporting">
            <div class="blog-media tone-2" aria-hidden="true"></div>
            <div class="blog-card-body">
              <div class="blog-tag">Client Management</div>
              <h3 class="blog-title">How to deal with impatient SEO clients</h3>
              <p class="blog-desc">Scripts and reporting cadence tips to keep pressure low and confidence high.</p>
              <div class="blog-meta"><span>4 min read</span><a class="blog-link" href="/blog/impatient-seo-clients/">Read →</a></div>
            </div>
          </article>

          <article class="blog-card" data-blog-cat="seo-strategy" data-blog-search="future of seo ai overviews search behavior prepare">
            <div class="blog-media tone-3" aria-hidden="true"></div>
            <div class="blog-card-body">
              <div class="blog-tag">SEO Strategy</div>
              <h3 class="blog-title">What is the future of SEO? And how to prepare</h3>
              <p class="blog-desc">A clear lens on what is changing in search and which fundamentals still win.</p>
              <div class="blog-meta"><span>6 min read</span><a class="blog-link" href="/blog/future-of-seo/">Read →</a></div>
            </div>
          </article>

          <article class="blog-card" data-blog-cat="client-management" data-blog-search="improve communication support with seo clients retention">
            <div class="blog-media tone-4" aria-hidden="true"></div>
            <div class="blog-card-body">
              <div class="blog-tag">Client Management</div>
              <h3 class="blog-title">Improve communication and support with SEO clients</h3>
              <p class="blog-desc">Build trust and retention with clearer updates, better framing, and faster response loops.</p>
              <div class="blog-meta"><span>5 min read</span><a class="blog-link" href="/blog/improve-communication-support-with-your-seo-clients/">Read →</a></div>
            </div>
          </article>

          <article class="blog-card" data-blog-cat="agency-growth" data-blog-search="24500 month seo client how i landed retained sales growth">
            <div class="blog-media tone-5" aria-hidden="true"></div>
            <div class="blog-card-body">
              <div class="blog-tag">Agency Growth</div>
              <h3 class="blog-title">The $24,500/month SEO client: how I landed and retained it</h3>
              <p class="blog-desc">A breakdown of the positioning, offer, and relationship process behind a premium account.</p>
              <div class="blog-meta"><span>6 min read</span><a class="blog-link" href="/blog/24500-month-seo-client/">Read →</a></div>
            </div>
          </article>

          <article class="blog-card" data-blog-cat="link-building" data-blog-search="link indexing tool work backlinks crawl indexation">
            <div class="blog-media tone-1" aria-hidden="true"></div>
            <div class="blog-card-body">
              <div class="blog-tag">Link Building</div>
              <h3 class="blog-title">How does the link indexing tool work?</h3>
              <p class="blog-desc">Why some links never get indexed and how to diagnose indexing bottlenecks properly.</p>
              <div class="blog-meta"><span>4 min read</span><a class="blog-link" href="/blog/link-indexing-tool-work/">Read →</a></div>
            </div>
          </article>

          <article class="blog-card" data-blog-cat="client-management" data-blog-search="how to lose your seo clients and avoid it churn retention">
            <div class="blog-media tone-2" aria-hidden="true"></div>
            <div class="blog-card-body">
              <div class="blog-tag">Client Management</div>
              <h3 class="blog-title">How to lose your SEO clients (and how to avoid it)</h3>
              <p class="blog-desc">The common causes of churn and the process changes that protect long-term contracts.</p>
              <div class="blog-meta"><span>5 min read</span><a class="blog-link" href="/blog/how-to-lose-your-seo-clients-and-how-to-avoid-it/">Read →</a></div>
            </div>
          </article>

          <article class="blog-card" data-blog-cat="link-building" data-blog-search="footer backlink vs guest post link strategy budget">
            <div class="blog-media tone-3" aria-hidden="true"></div>
            <div class="blog-card-body">
              <div class="blog-tag">Link Strategy</div>
              <h3 class="blog-title">Footer backlink vs guest post: which is better for SEO?</h3>
              <p class="blog-desc">A practical comparison for prioritizing your link budget by risk and upside.</p>
              <div class="blog-meta"><span>4 min read</span><a class="blog-link" href="/blog/footer-backlink-vs-guest-post/">Read →</a></div>
            </div>
          </article>

          <article class="blog-card" data-blog-cat="operations" data-blog-search="get content from seo clients quickly process operations">
            <div class="blog-media tone-4" aria-hidden="true"></div>
            <div class="blog-card-body">
              <div class="blog-tag">Agency Operations</div>
              <h3 class="blog-title">Get content from SEO clients quickly</h3>
              <p class="blog-desc">A repeatable workflow to reduce feedback loops and move campaigns forward faster.</p>
              <div class="blog-meta"><span>4 min read</span><a class="blog-link" href="/blog/get-content-from-seo-clients-quickly/">Read →</a></div>
            </div>
          </article>

          <article class="blog-card" data-blog-cat="agency-growth" data-blog-search="sustainable link building agency one tree planted">
            <div class="blog-media tone-5" aria-hidden="true"></div>
            <div class="blog-card-body">
              <div class="blog-tag">About 1stpage.agency</div>
              <h3 class="blog-title">We are the #1 sustainable link building agency</h3>
              <p class="blog-desc">How sustainability became a concrete operating principle in every link we deliver.</p>
              <div class="blog-meta"><span>3 min read</span><a class="blog-link" href="/help/sustainable-link-building-agency/">Read →</a></div>
            </div>
          </article>

          <article class="blog-card" data-blog-cat="link-building" data-blog-search="tiered links after niche edits advanced strategy">
            <div class="blog-media tone-1" aria-hidden="true"></div>
            <div class="blog-card-body">
              <div class="blog-tag">Advanced Strategy</div>
              <h3 class="blog-title">Should you build tiered links after niche edits?</h3>
              <p class="blog-desc">When tiering helps, when it hurts, and what to do instead in modern campaigns.</p>
              <div class="blog-meta"><span>5 min read</span><a class="blog-link" href="/blog/tiered-links-niche-edits/">Read →</a></div>
            </div>
          </article>
        </div>

        <div id="blog-empty" class="blog-empty">No articles matched your filter. Try another category or clear the search phrase.</div>

        <section class="blog-archive" aria-labelledby="blog-archive-title">
          <div class="blog-archive-head">
            <div>
              <div class="blog-side-title" style="margin-bottom:8px">Imported Archive</div>
              <h3 id="blog-archive-title">More blog posts from the 1stpage library</h3>
              <p>Older articles imported from the previous site structure. They now open in the same tab and live under the current 1stpage.agency URL pattern.</p>
            </div>
            <div class="blog-archive-count" id="blog-archive-count">Loading archive...</div>
          </div>
          <div class="blog-archive-list" id="blog-archive-list"></div>
        </section>
      </div>

      <div class="blog-side" role="region" aria-label="Blog resources">
        <div class="blog-side-card blog-cta-card">
          <div class="blog-side-title" style="color:rgba(255,255,255,.92)">Ready to start?</div>
          <h3>Place a niche edit order today</h3>
          <p>Top Page and Traffic Page links from $167/link. Manual outreach, permanent placements, and full reporting.</p>
          <a href="/top-page-links" class="btn btn-wh" onclick="event.preventDefault(); navGo('top-page')">Start Top Page Order</a>
          <a href="/traffic-page-links" class="btn" style="margin-top:8px;background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.24)" onclick="event.preventDefault(); navGo('traffic-page')">Start Traffic Order</a>
        </div>

        <div class="blog-side-card">
          <div class="blog-side-title">Categories</div>
          <div class="blog-cat-list">
            <button class="blog-cat-row" type="button" data-blog-cat="client-management"><span>Client Management</span><span>4</span></button>
            <button class="blog-cat-row" type="button" data-blog-cat="link-building"><span>Link Building</span><span>3</span></button>
            <button class="blog-cat-row" type="button" data-blog-cat="seo-strategy"><span>SEO Strategy</span><span>2</span></button>
            <button class="blog-cat-row" type="button" data-blog-cat="agency-growth"><span>Agency Growth</span><span>2</span></button>
            <button class="blog-cat-row" type="button" data-blog-cat="operations"><span>Operations</span><span>1</span></button>
          </div>
        </div>

        <a href="/case-studies" class="blog-side-card blog-case-link" onclick="event.preventDefault(); navGo('case-studies')">
          <div class="blog-side-title" style="margin-bottom:8px;color:#6f5312">Case Studies</div>
          <h3>See real results →</h3>
          <p>8 campaigns with growth up to 4,300%.</p>
        </a>
      </div>
    </div>
  </section>

  <footer>
    <div class="ft-grid">
      <div class="ft-brand"><button class="ft-logo" onclick="navGo('home')"><span class="nav-logo-dot" style="opacity:.4"></span>1stpage.agency</button><p>Niche edit link building specialists. Real outreach, real results.</p><div class="ft-pill">One Tree Planted Partner</div></div>
      <div class="ft-col"><p class="ft-h">Services</p><ul><li><button onclick="navGo('top-page')">Top Page Links</button></li><li><button onclick="navGo('traffic-page')">Traffic Page Links</button></li></ul></div>
      <div class="ft-col"><p class="ft-h">Company</p><ul><li><button onclick="navGo('case-studies')">Case Studies</button></li><li><button onclick="navGo('blog')">Blog</button></li></ul></div>
      <div class="ft-col"><p class="ft-h">Resources</p><ul><li><a href="/buyer-guide">Buyer Guide</a></li><li><a href="/privacy-policy">Privacy Policy</a></li>
          <li><a href="/terms-of-service">Terms of Service</a></li>
          <li><a href="/accessibility">Accessibility</a></li></ul></div>
    </div>
    <div class="ft-bot"><span>© 2026 1stpage.agency.</span><span>Niche edit link building</span></div>
  </footer>
</div><!-- /page-blog -->


</main>
</body>
</html>
