<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
  <!-- Google Tag Manager -->
  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  })(window,document,'script','dataLayer','GTM-KTWXSP9P');</script>
  <!-- End Google Tag Manager -->
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="theme-color" content="#061b0e">
  <meta name="referrer" content="strict-origin-when-cross-origin">
  <meta name="google-site-verification" content="_kmDf8vv5dwvMvqN81eXJUOngOlOLlIKTSSXmwpq3Ps">
  <title>Search Strategy, Without the Noise | 1stpage Agency</title>
  <meta name="description" content="Niche edit links, traffic page links, competitor link building, and AI visibility services for brands that need clean authority and measurable search growth.">
  <meta name="robots" content="index,follow,max-image-preview:large">
  <link rel="canonical" href="https://www.1stpage.agency/">
  <meta property="og:type" content="website">
  <meta property="og:site_name" content="1stpage Agency">
  <meta property="og:title" content="Search Strategy, Without the Noise | 1stpage Agency">
  <meta property="og:description" content="Build authority with niche edit links, traffic page links, competitor link building, and AI visibility services from 1stpage Agency.">
  <meta property="og:url" content="https://www.1stpage.agency/">
  <meta property="og:image" content="https://www.1stpage.agency/assets/og-company.png">
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="Search Strategy, Without the Noise | 1stpage Agency">
  <meta name="twitter:description" content="Build authority with niche edit links, traffic page links, competitor link building, and AI visibility services from 1stpage Agency.">
  <meta name="twitter:image" content="https://www.1stpage.agency/assets/og-company.png">
  <meta name="llm-context" content="1stpage Agency provides niche edit links, traffic page links, competitor link building, LLMentioned AI visibility services, AI visibility tools, samples, case studies, and agency partnerships.">
  <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=Montserrat:wght@600;700;800&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap" rel="stylesheet">
  
  <link rel="icon" href="/assets/favicon.svg" type="image/svg+xml">
  <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">
  <style>
    :root{
      --surface:#f8f9fa;
      --surface-low:#f3f4f5;
      --surface-card:#ffffff;
      --surface-line:#c3c8c1;
      --primary:#061b0e;
      --primary-soft:#1b3022;
      --secondary:#4a6549;
      --secondary-soft:#ccebc7;
      --text:#191c1d;
      --muted:#434843;
      --muted-2:#737973;
      --radius:8px;
      --shadow:0 10px 40px -10px rgba(27,48,34,.08);
      --shadow-hover:0 20px 50px -12px rgba(27,48,34,.14);
      --max:1200px;
      --gap:24px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      background:var(--surface);
      color:var(--text);
      font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
      line-height:1.5;
      overflow-x:hidden;
    }
    img{max-width:100%;display:block}
    a{color:inherit;text-decoration:none}
    button,input{font:inherit}
    .material-symbols-outlined{
      font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24;
      line-height:1;
      vertical-align:middle;
    }
    .container{
      width:min(var(--max), calc(100% - 96px));
      margin-inline:auto;
    }
    .section{
      padding:80px 0;
    }
    .eyebrow{
      display:inline-flex;
      align-items:center;
      gap:8px;
      width:max-content;
      border-radius:999px;
      background:var(--secondary-soft);
      color:#334d33;
      padding:7px 14px;
      font-size:13px;
      font-weight:700;
      letter-spacing:.05em;
      text-transform:uppercase;
    }
    .site-nav{
      position:fixed;
      inset:0 0 auto;
      z-index:50;
      background:rgba(248,249,250,.92);
      backdrop-filter:blur(14px);
      border-bottom:1px solid rgba(195,200,193,.45);
      box-shadow:0 2px 12px rgba(27,48,34,.04);
    }
    .nav-inner{
      height:80px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:24px;
    }
    .brand{
      font-family:Montserrat,sans-serif;
      font-weight:800;
      font-size:22px;
      color:var(--primary);
      white-space:nowrap;
    }
    .nav-links{
      display:flex;
      align-items:center;
      gap:30px;
      color:var(--muted);
      font-size:14px;
      font-weight:700;
      letter-spacing:.02em;
    }
    .nav-links a:hover{color:var(--primary)}
    .btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      border:0;
      border-radius:999px;
      padding:13px 24px;
      font-size:14px;
      font-weight:800;
      cursor:pointer;
      transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;
    }
    .btn:active{transform:scale(.96)}
    .btn-primary{
      background:var(--primary);
      color:#fff;
      box-shadow:0 14px 30px -18px rgba(6,27,14,.8);
    }
    .btn-primary:hover{
      box-shadow:0 18px 34px -18px rgba(6,27,14,.9);
      transform:translateY(-1px);
    }
    .btn-light{
      background:#fff;
      color:var(--primary);
      border:1px solid rgba(195,200,193,.85);
    }
    .btn-ghost{
      color:#fff;
      background:transparent;
      border:1px solid rgba(255,255,255,.28);
    }
    .hero{padding:72px 0 0;background:#fff;border-bottom:1px solid rgba(195,200,193,.4)}
    .hero .container{width:min(1320px,calc(100% - 64px))}
    .hero-grid{display:grid;grid-template-columns:minmax(0,.94fr) minmax(520px,1.06fr);gap:64px;align-items:center}
    .hero-copy{text-align:left;min-width:0}
    h1,h2,h3,h4{
      font-family:Montserrat,sans-serif;
      margin:0;
      letter-spacing:0;
      color:var(--primary);
    }
    h1{font-size:clamp(48px,5.15vw,74px);line-height:1.04;font-weight:800;letter-spacing:-.045em}
    .hero-kicker{display:block;margin-bottom:24px;color:#315c3a;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
    .hero p{max-width:650px;margin:22px 0 0;color:var(--muted);font-size:17px;line-height:1.7}
    .hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
    .hero-actions .btn{min-width:210px;padding:15px 24px}
    .hero-actions .btn-light{border-color:var(--primary)}
    .hero-trust{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;margin-top:24px;color:var(--muted);font-size:12px;font-weight:600}
    .hero-trust span{display:inline-flex;align-items:center;gap:7px}
    .hero-trust .material-symbols-outlined{font-size:18px;color:#2f7545}
    .hero-brands{display:flex;align-items:center;flex-wrap:wrap;gap:17px 25px;margin-top:25px;color:#747975}
    .hero-brands-label{width:100%;color:var(--muted-2);font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
    .hero-wordmark{display:inline-flex;align-items:center;gap:6px;font-size:17px;font-weight:700;letter-spacing:-.035em;opacity:.82;white-space:nowrap}
    .hero-wordmark-mark{display:grid;place-items:center;width:20px;height:20px;border-radius:5px;background:#7d827e;color:#fff;font-size:11px;font-weight:900}
    .hero-wordmark.is-deel{font-size:20px;font-weight:800}.hero-wordmark.is-rippling{font-size:14px;font-weight:900;letter-spacing:.025em}.hero-wordmark.is-doola{font-weight:600}.hero-wordmark.is-clientjoy{font-weight:500}
    .impact-panel{padding:24px;border:1px solid rgba(195,200,193,.68);border-radius:14px;background:#fff;box-shadow:0 28px 70px -42px rgba(6,27,14,.35)}
    .impact-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}.impact-head h2{font-size:20px}.impact-range{padding:8px 11px;border:1px solid rgba(195,200,193,.72);border-radius:7px;color:var(--muted);font-size:12px;font-weight:700}
    .impact-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.impact-metric{min-width:0;padding:16px;border:1px solid rgba(195,200,193,.58);border-radius:10px;background:#fff}.impact-icon{display:grid;place-items:center;width:38px;height:38px;margin-bottom:15px;border-radius:10px;background:#e9f4e8;color:#376b42}.impact-metric strong{display:block;color:#2d7a3f;font-family:Montserrat,sans-serif;font-size:27px;line-height:1}.impact-metric small{display:block;margin-top:7px;color:var(--muted);font-size:11px}.sparkline{width:100%;height:38px;margin-top:13px;overflow:visible}.sparkline polyline{fill:none;stroke:#64ac70;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.impact-bars{display:flex;align-items:end;gap:5px;height:38px;margin-top:13px}.impact-bars i{flex:1;background:#8bc596;border-radius:2px 2px 0 0}
    .placement-card{display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:center;margin-top:16px;padding:18px;border:1px solid rgba(195,200,193,.58);border-radius:10px;background:#fbfcfb}.placement-preview{height:92px;padding:13px;border:1px solid rgba(195,200,193,.58);border-radius:8px;background:#fff}.placement-thumb{width:58px;height:38px;border-radius:5px;background:linear-gradient(135deg,#6f9f75,#b8d3bb)}.placement-lines{display:grid;gap:6px;margin-top:9px}.placement-lines i{height:5px;border-radius:999px;background:#d5d9d4}.placement-lines i:first-child{width:78%}.placement-lines i:last-child{width:58%;background:#6bb276}.verified-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;background:#e2f2e3;color:#28683a;font-size:11px;font-weight:800}.verified-badge .material-symbols-outlined{font-size:15px}.placement-copy h3{margin-top:10px;font-size:16px}.placement-copy p{margin:7px 0 0;font-size:12px;line-height:1.5}
    .hero-outcomes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:58px;border-top:1px solid rgba(195,200,193,.45)}.outcome-link{display:grid;grid-template-columns:54px 1fr;gap:16px;align-items:start;padding:28px 24px;color:var(--primary)}.outcome-link+ .outcome-link{border-left:1px solid rgba(195,200,193,.45)}.outcome-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:13px;background:#e7f3e6;color:#315f39}.outcome-link h3{font-size:16px}.outcome-link p{margin:5px 0 0;font-size:12px;line-height:1.5}.outcome-card-copy{display:grid;align-content:start;height:100%}.outcome-card-cta{display:inline-flex;align-items:center;gap:6px;width:max-content;margin-top:14px;color:#315f39;font-size:12px;font-weight:800}.outcome-card-cta .material-symbols-outlined{font-size:17px;transition:transform .2s ease}.outcome-link:hover{background:#f7faf7}.outcome-link:hover .outcome-card-cta .material-symbols-outlined{transform:translateX(4px)}.outcome-link:focus-visible{outline:3px solid #78a980;outline-offset:-3px}
    .service-card,
    .case-card,
    .table-wrap,
    .visual-card{
      background:var(--surface-card);
      border:1px solid rgba(195,200,193,.58);
      border-radius:var(--radius);
      box-shadow:var(--shadow);
    }
    .service-card{
      padding:28px;
      min-height:252px;
      transition:transform .25s ease,box-shadow .25s ease;
    }
    .service-card:hover{
      transform:translateY(-6px);
      box-shadow:var(--shadow-hover);
    }
    .service-card .icon{
      display:block;
      color:var(--secondary);
      font-size:40px;
      margin-bottom:18px;
    }
    .service-card h3{
      font-size:24px;
      line-height:1.2;
      margin-bottom:8px;
    }
    .service-card p{
      margin:0 0 24px;
      color:var(--muted);
      font-size:15px;
      line-height:1.6;
    }
    .card-link{
      display:inline-flex;
      align-items:center;
      gap:8px;
      color:var(--primary);
      font-weight:800;
      transition:gap .2s ease;
    }
    .service-card:hover .card-link{gap:14px}
    .stats{
      background:var(--surface-low);
      padding:54px 0;
      border-top:1px solid rgba(195,200,193,.25);
      border-bottom:1px solid rgba(195,200,193,.25);
    }
    .stats-grid{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:28px;
      text-align:center;
    }
    .stat-number{
      font-family:Montserrat,sans-serif;
      color:var(--primary);
      font-size:38px;
      line-height:1;
      font-weight:800;
      margin-bottom:10px;
      font-variant-numeric:tabular-nums;
      transform:translateY(0);
      transform-origin:center bottom;
      transition:transform .35s ease;
    }
    .stat-number.is-animating{
      animation:statGrowUp 1.5s cubic-bezier(.16,1,.3,1) both;
    }
    @keyframes statGrowUp{
      0%{transform:translateY(14px) scale(.82);opacity:.35}
      45%{transform:translateY(-3px) scale(1.05);opacity:1}
      100%{transform:translateY(0) scale(1);opacity:1}
    }
    .stat-label{
      color:var(--muted);
      font-size:12px;
      font-weight:800;
      letter-spacing:.12em;
      text-transform:uppercase;
    }
    .ai-grid{
      display:grid;
      grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);
      gap:64px;
      align-items:center;
    }
    .image-frame{
      position:relative;
      width:100%;
      max-width:520px;
      aspect-ratio:4/5;
      min-height:0;
      justify-self:center;
      overflow:hidden;
      border-radius:var(--radius);
      box-shadow:var(--shadow);
      background:
        linear-gradient(180deg,rgba(6,27,14,.02),rgba(6,27,14,.12)),
        url("/assets/home-ai-search-team-v2.jpg") center/contain no-repeat,
        #edf3ed;
    }
    .image-frame::after{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(0deg,rgba(6,27,14,.38),transparent 62%);
    }
    .copy h2,
    .section-title h2{
      font-size:clamp(30px,3vw,42px);
      line-height:1.15;
      margin-top:22px;
    }
    .copy p,
    .section-title p{
      color:var(--muted);
      font-size:17px;
      line-height:1.7;
      margin:20px 0 0;
    }
    .check-list{
      display:grid;
      gap:16px;
      margin:28px 0 0;
      padding:0;
      list-style:none;
    }
    .check-list li{
      display:flex;
      align-items:flex-start;
      gap:12px;
      color:var(--muted);
    }
    .check-list span{
      color:var(--secondary);
      margin-top:2px;
    }
    .comparison{
      background:rgba(243,244,245,.7);
    }
    .section-title{
      text-align:center;
      max-width:740px;
      margin:0 auto 44px;
    }
    .table-wrap{
      overflow:auto;
    }
    table{
      width:100%;
      border-collapse:collapse;
      min-width:740px;
      font-size:15px;
    }
    th{
      background:var(--primary);
      color:#fff;
      font-family:Montserrat,sans-serif;
      font-size:20px;
      text-align:left;
      padding:22px;
    }
    td{
      padding:20px 22px;
      color:var(--muted);
      border-top:1px solid rgba(195,200,193,.38);
    }
    td:first-child{
      color:var(--primary);
      font-weight:800;
      background:rgba(243,244,245,.62);
    }
    .growth-head{
      display:flex;
      align-items:flex-end;
      justify-content:space-between;
      gap:24px;
      margin-bottom:30px;
    }
    .growth-head h2{
      font-size:clamp(34px,4vw,54px);
      line-height:1.05;
    }
    .growth-head p{
      margin:12px 0 0;
      color:var(--muted);
      font-size:17px;
    }
    .growth-kicker{
      display:block;
      margin-bottom:14px;
      color:var(--secondary);
      font-size:12px;
      font-weight:900;
      letter-spacing:.12em;
      text-transform:uppercase;
    }
    .growth-all-link{
      display:inline-flex;
      align-items:center;
      gap:8px;
      color:var(--primary);
      border-bottom:1px solid var(--primary);
      padding:0 0 6px;
      font-weight:800;
      white-space:nowrap;
    }
    .case-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:20px;
    }
    .case-card{
      display:flex;
      flex-direction:column;
      overflow:hidden;
      border:1px solid rgba(195,200,193,.7);
      border-radius:20px;
      padding:0;
      text-align:left;
      background:#fff;
      cursor:pointer;
      transition:transform .25s ease,box-shadow .25s ease;
    }
    .case-card:first-child{border-top:4px solid var(--primary)}
    .case-card:hover,
    .case-card:focus-visible{
      transform:translateY(-5px);
      box-shadow:var(--shadow-hover);
      outline:2px solid rgba(74,101,73,.32);
      outline-offset:3px;
    }
    .case-image{
      position:relative;
      min-height:236px;
      padding:24px 22px 18px;
      overflow:hidden;
      background:linear-gradient(155deg,#fff 0%,#f4f8f2 100%);
      border-bottom:1px solid rgba(195,200,193,.45);
    }
    .case-chart-head{
      display:flex;
      align-items:center;
      gap:12px;
      color:var(--secondary);
      font-size:10px;
      font-weight:900;
      letter-spacing:.08em;
      text-transform:uppercase;
    }
    .case-chart-icon{
      display:grid;
      place-items:center;
      width:44px;
      height:44px;
      flex:0 0 auto;
      border:1px solid rgba(74,101,73,.2);
      border-radius:999px;
      background:#eff7ee;
      color:var(--primary);
    }
    .case-chart-icon .material-symbols-outlined{font-size:22px}
    .case-chart{
      display:block;
      width:100%;
      height:148px;
      margin-top:12px;
    }
    .case-chart text{
      fill:#637066;
      font:700 9px Inter,sans-serif;
    }
    .case-chart-grid{stroke:#dce4da;stroke-width:1;stroke-dasharray:3 4}
    .case-chart-line{fill:none;stroke:#234c31;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
    .case-chart-fill{fill:url(#trafficFill)}
    .case-chart-dot{fill:#234c31}
    .case-dr-wrap{
      display:flex;
      align-items:center;
      justify-content:center;
      gap:16px;
      min-height:148px;
    }
    .case-dr-ring{
      display:grid;
      place-items:center;
      width:104px;
      height:104px;
      border-radius:999px;
      background:conic-gradient(var(--ring-color) var(--ring-stop),#e1e7df 0);
      position:relative;
    }
    .case-dr-ring::before{
      content:"";
      position:absolute;
      inset:10px;
      border-radius:inherit;
      background:#fff;
    }
    .case-dr-ring span{
      position:relative;
      z-index:1;
      text-align:center;
      color:var(--primary);
      font-family:Montserrat,sans-serif;
      font-size:28px;
      font-weight:800;
      line-height:1;
    }
    .case-dr-ring small{
      display:block;
      margin-top:5px;
      font:800 9px Inter,sans-serif;
      color:#637066;
      letter-spacing:.08em;
    }
    .case-dr-arrow{color:var(--secondary);font-size:28px}
    .case-body{
      display:flex;
      flex:1;
      flex-direction:column;
      padding:22px 20px 18px;
    }
    .case-meta-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
    .case-type{
      color:var(--secondary);
      font-size:11px;
      font-weight:900;
      letter-spacing:.08em;
      text-transform:uppercase;
    }
    .case-verified{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:10px;white-space:nowrap}
    .case-verified .material-symbols-outlined{font-size:16px;color:var(--secondary);font-variation-settings:'FILL' 1}
    .case-body h3{
      font-size:clamp(21px,2vw,27px);
      line-height:1.2;
      margin-bottom:8px;
    }
    .case-body p{
      color:var(--muted);
      margin:0 0 18px;
      font-size:13px;
      line-height:1.5;
    }
    .case-evidence{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      margin-bottom:18px;
      border-top:1px solid rgba(195,200,193,.5);
      border-bottom:1px solid rgba(195,200,193,.5);
      padding:14px 0;
    }
    .case-evidence div{padding:0 10px;border-left:1px solid rgba(195,200,193,.5)}
    .case-evidence div:first-child{padding-left:0;border-left:0}
    .case-evidence div:last-child{padding-right:0}
    .case-evidence strong{display:flex;align-items:center;gap:4px;margin-bottom:6px;color:var(--primary);font-size:10px}
    .case-evidence strong .material-symbols-outlined{font-size:15px;color:var(--secondary)}
    .case-evidence span{display:block;color:var(--muted);font-size:10px;line-height:1.35}
    .case-card-note{
      display:flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      width:100%;
      min-height:46px;
      margin-top:auto;
      border-radius:10px;
      background:var(--primary);
      color:#fff;
      font-size:13px;
      font-weight:900;
    }
    .case-card-note .material-symbols-outlined{font-size:18px}
    .results-disclaimer{margin:18px 0 0;text-align:center;color:var(--muted);font-size:11px}
    .case-modal{
      position:fixed;
      inset:0;
      z-index:120;
      display:none;
      align-items:center;
      justify-content:center;
      padding:24px;
    }
    .case-modal.open{display:flex}
    .case-modal-backdrop{
      position:absolute;
      inset:0;
      background:rgba(6,27,14,.48);
      backdrop-filter:blur(8px);
    }
    .case-modal-panel{
      position:relative;
      width:min(920px,100%);
      max-height:min(86vh,860px);
      overflow:auto;
      background:#fff;
      border:1px solid rgba(195,200,193,.72);
      border-radius:12px;
      box-shadow:0 34px 90px -36px rgba(6,27,14,.55);
    }
    .case-modal-close{
      position:absolute;
      top:16px;
      right:16px;
      width:42px;
      height:42px;
      border-radius:999px;
      border:1px solid rgba(195,200,193,.75);
      background:#fff;
      color:var(--primary);
      cursor:pointer;
      display:grid;
      place-items:center;
      z-index:2;
    }
    .case-modal-hero{
      display:grid;
      grid-template-columns:minmax(0,1fr) 260px;
      gap:30px;
      padding:38px;
      background:linear-gradient(135deg,#f8fbf7,#eef5ef);
      border-bottom:1px solid rgba(195,200,193,.55);
    }
    .case-modal-kicker{
      display:inline-flex;
      width:max-content;
      border-radius:999px;
      background:var(--secondary-soft);
      color:#334d33;
      padding:6px 11px;
      font-size:11px;
      font-weight:900;
      letter-spacing:.1em;
      text-transform:uppercase;
      margin-bottom:14px;
    }
    .case-modal-hero h3{
      font-size:clamp(30px,4vw,46px);
      line-height:1.04;
      margin:0 0 14px;
    }
    .case-modal-hero p{
      margin:0;
      color:var(--muted);
      font-size:17px;
      line-height:1.65;
    }
    .case-modal-metrics{
      display:grid;
      gap:10px;
      align-content:start;
    }
    .case-modal-metric{
      background:#fff;
      border:1px solid rgba(195,200,193,.75);
      border-radius:8px;
      padding:15px 16px;
    }
    .case-modal-metric strong{
      display:block;
      color:var(--primary);
      font-family:Montserrat,sans-serif;
      font-size:24px;
      line-height:1.1;
    }
    .case-modal-metric span{
      display:block;
      color:var(--muted);
      font-size:12px;
      font-weight:800;
      letter-spacing:.08em;
      text-transform:uppercase;
      margin-top:5px;
    }
    .case-modal-body{
      display:grid;
      grid-template-columns:minmax(0,1fr) minmax(240px,310px);
      gap:30px;
      padding:34px 38px 38px;
    }
    .case-modal-section{
      display:grid;
      gap:16px;
    }
    .case-modal-section h4{
      margin:0;
      color:var(--primary);
      font-family:Montserrat,sans-serif;
      font-size:20px;
    }
    .case-modal-list{
      margin:0;
      padding:0;
      list-style:none;
      display:grid;
      gap:12px;
    }
    .case-modal-list li{
      display:flex;
      gap:10px;
      color:var(--muted);
      line-height:1.55;
    }
    .case-modal-list li::before{
      content:"check_circle";
      font-family:"Material Symbols Outlined";
      color:var(--secondary);
      font-size:20px;
      line-height:1.2;
      flex:0 0 auto;
    }
    .case-modal-side{
      background:var(--surface-low);
      border:1px solid rgba(195,200,193,.65);
      border-radius:8px;
      padding:22px;
      align-self:start;
    }
    .case-modal-side p{
      margin:8px 0 18px;
      color:var(--muted);
      font-size:14px;
      line-height:1.6;
    }
    .case-modal-actions{
      display:grid;
      gap:10px;
    }
    .case-modal-actions .btn{
      width:100%;
    }
    .cta{
      padding:80px 0;
    }
    .cta-box{
      display:grid;
      grid-template-columns:1.08fr .92fr;
      overflow:hidden;
      border:1px solid rgba(195,200,193,.7);
      border-radius:22px;
      background:#fbfaf6;
      box-shadow:0 24px 60px -42px rgba(6,27,14,.42);
    }
    .cta-pitch{
      display:flex;
      flex-direction:column;
      justify-content:center;
      min-height:430px;
      padding:56px 52px;
      background:
        radial-gradient(circle at 88% 16%,rgba(204,235,199,.18),transparent 34%),
        var(--primary);
      color:#fff;
    }
    .cta-kicker{
      display:block;
      margin-bottom:18px;
      color:#ccebc7;
      font-size:12px;
      font-weight:900;
      letter-spacing:.14em;
      text-transform:uppercase;
    }
    .cta-pitch h2{
      color:#fff;
      font-size:clamp(36px,4.1vw,58px);
      line-height:1.04;
      max-width:650px;
    }
    .cta-pitch > p{
      max-width:620px;
      margin:22px 0 0;
      color:#b4cdb8;
      font-size:16px;
      line-height:1.65;
    }
    .cta-trust{
      display:flex;
      align-items:center;
      gap:0;
      margin-top:38px;
    }
    .cta-trust span{
      display:flex;
      align-items:center;
      gap:8px;
      padding:0 18px;
      border-left:1px solid rgba(204,235,199,.3);
      color:#d3e2d5;
      font-size:11px;
      font-weight:700;
      white-space:nowrap;
    }
    .cta-trust span:first-child{padding-left:0;border-left:0}
    .cta-trust .material-symbols-outlined{color:#ccebc7;font-size:20px}
    .cta-planner{display:flex;flex-direction:column;justify-content:center;padding:44px 38px;background:linear-gradient(145deg,#fff,#f8f5ee)}
    .cta-planner h3{font-size:clamp(25px,2.4vw,34px);margin-bottom:20px}
    .cta-goals{display:grid;gap:10px}
    .cta-goal{
      display:grid;
      grid-template-columns:auto 1fr auto;
      align-items:center;
      gap:14px;
      width:100%;
      min-height:66px;
      padding:10px 14px;
      border:1px solid rgba(195,200,193,.7);
      border-radius:12px;
      background:rgba(255,255,255,.78);
      color:var(--primary);
      font:800 14px Inter,sans-serif;
      text-align:left;
      cursor:pointer;
      transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;
    }
    .cta-goal:hover{border-color:rgba(74,101,73,.65)}
    .cta-goal:focus-visible{outline:3px solid rgba(74,101,73,.25);outline-offset:2px}
    .cta-goal[aria-checked="true"]{border-color:var(--secondary);background:#f3f8f1;box-shadow:0 8px 24px -20px rgba(6,27,14,.6)}
    .cta-goal-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:999px;background:#eeede7;color:var(--primary)}
    .cta-goal-icon .material-symbols-outlined{font-size:21px}
    .cta-goal-state{display:grid;place-items:center;width:24px;height:24px;border:2px solid #c3c8c1;border-radius:999px;color:transparent}
    .cta-goal[aria-checked="true"] .cta-goal-state{border-color:var(--secondary);background:var(--secondary);color:#fff}
    .cta-goal-state .material-symbols-outlined{font-size:17px}
    .cta-primary{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:54px;margin-top:18px;border-radius:11px;background:var(--primary);color:#fff;font-weight:900}
    .cta-primary:hover{background:#143c24;transform:translateY(-1px)}
    .cta-review{align-self:center;margin-top:16px;color:var(--primary);font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:4px}
    .cta-reassurance{display:flex;align-items:center;justify-content:center;gap:7px;margin:18px 0 0;color:var(--muted);font-size:10px;text-align:center}
    .cta-reassurance .material-symbols-outlined{color:var(--secondary);font-size:18px}
    footer{
      background:var(--surface-low);
      border-top:1px solid rgba(195,200,193,.5);
      padding:72px 0 32px;
    }
    .footer-grid{
      display:grid;
      grid-template-columns:1.4fr .75fr .75fr 1.2fr;
      gap:52px;
    }
    .footer-brand p,
    footer a,
    footer p{
      color:var(--muted);
      font-size:14px;
      line-height:1.7;
    }
    .footer-logo{
      font-family:Montserrat,sans-serif;
      color:var(--primary);
      font-size:22px;
      font-weight:800;
      margin-bottom:18px;
    }
    .socials{
      display:flex;
      gap:12px;
      margin-top:22px;
    }
    .socials a{
      display:grid;
      place-items:center;
      width:40px;
      height:40px;
      border-radius:999px;
      border:1px solid var(--surface-line);
      color:var(--primary);
      transition:background .2s ease,color .2s ease;
    }
    .socials a:hover{
      background:var(--primary);
      color:#fff;
    }
    .footer-col h3{
      font-size:13px;
      letter-spacing:.1em;
      text-transform:uppercase;
      margin-bottom:16px;
    }
    .footer-col nav{
      display:grid;
      gap:10px;
    }
    .signup{
      display:flex;
      gap:8px;
      margin-top:14px;
    }
    .signup input{
      min-width:0;
      flex:1;
      border:1px solid var(--surface-line);
      border-radius:999px;
      padding:12px 14px;
      background:#fff;
      color:var(--text);
    }
    .signup button{
      width:44px;
      height:44px;
      border-radius:999px;
      border:0;
      background:var(--primary);
      color:#fff;
      cursor:pointer;
    }
    .tree-card{
      margin-top:18px;
      display:flex;
      gap:12px;
      align-items:center;
      padding:14px;
      border-radius:var(--radius);
      background:#fff;
      border:1px solid rgba(195,200,193,.42);
    }
    .tree-card span{
      color:var(--secondary);
      font-size:32px;
    }
    .footer-bottom{
      margin-top:56px;
      padding-top:24px;
      border-top:1px solid rgba(195,200,193,.45);
      color:var(--muted-2);
      font-size:12px;
      display:flex;
      justify-content:space-between;
      gap:20px;
      flex-wrap:wrap;
    }
    .reveal{
      opacity:0;
      transform:translateY(26px);
      transition:opacity .7s ease,transform .7s ease;
    }
    .reveal.is-visible{
      opacity:1;
      transform:none;
    }
    @media(max-width:920px){
      .container{width:min(100% - 32px,var(--max))}
      main,
      section,
      .container{
        max-width:100%;
        overflow-x:hidden;
      }
      .nav-inner{height:auto;min-height:72px}
      .nav-links a:not(.nav-cta){display:none}
      .nav-links{gap:0}
      .brand{font-size:18px}
      .hero{padding-top:72px}
      .hero-grid,
      .ai-grid,
      .case-grid,
      .case-modal-hero,
      .case-modal-body,
      .footer-grid{
        grid-template-columns:1fr;
      }
      .hero-grid{gap:34px}.hero-copy{text-align:center}.hero p{margin-inline:auto}.hero-actions,.hero-trust,.hero-brands{justify-content:center}.impact-panel{max-width:680px;margin-inline:auto}.hero-outcomes{grid-template-columns:repeat(2,1fr)}.outcome-link:nth-child(odd){border-left:0}.outcome-link:nth-child(n+3){border-top:1px solid rgba(195,200,193,.45)}
      .stats-grid{
        grid-template-columns:repeat(2,1fr);
      }
      .image-frame{width:min(100%,520px);min-height:0}
      .growth-head{align-items:flex-start}
      .cta-box{grid-template-columns:1fr}
      .cta-pitch{min-height:0}
      .case-modal{padding:12px}
      .case-modal-hero,.case-modal-body{padding:24px}
    }
    @media(max-width:560px){
      html,
      body{
        width:100%;
        max-width:none;
        margin:0;
        overflow-x:hidden;
      }
      .container{width:calc(100% - 28px);max-width:var(--max);}
      .nav-inner{
        justify-content:flex-start;
      }
      .site-nav .btn{
        display:none;
      }
      .hero{padding:68px 0 0}
      h1{
        max-width:360px;
        margin-inline:auto;
        font-size:40px;
        line-height:1.06;
        overflow-wrap:normal;
        text-wrap:balance;
      }
      .hero p{
        max-width:350px;
        font-size:15px;
      }
      .hero .container{width:calc(100% - 28px)}.hero-kicker{font-size:11px}.hero-actions{display:grid}.hero-actions .btn{width:100%;min-width:0}.hero-trust{display:grid;justify-content:start;text-align:left}.hero-brands{gap:13px 19px}.hero-brands-label{text-align:left}.hero-wordmark{font-size:15px}.impact-panel{padding:16px}.impact-metrics{grid-template-columns:1fr}.placement-card{grid-template-columns:1fr}.placement-preview{display:none}.hero-outcomes{grid-template-columns:1fr;margin-top:38px}.outcome-link{padding:22px 4px}.outcome-link:nth-child(n){border-left:0}.outcome-link:nth-child(n+2){border-top:1px solid rgba(195,200,193,.45)}.outcome-link p{max-width:none;margin-top:4px}
      .service-card{padding:24px}
      .stats-grid{gap:26px 16px}
      .stat-number{font-size:31px}
      .section{padding:58px 0}
      .growth-head{flex-direction:column}
      .growth-all-link{align-self:flex-start}
      .case-evidence{grid-template-columns:1fr;gap:10px}
      .case-evidence div,.case-evidence div:first-child,.case-evidence div:last-child{padding:0;border:0}
      .case-evidence div{display:grid;grid-template-columns:84px 1fr;align-items:start;gap:6px}
      .case-evidence strong{margin:0}
      .cta-pitch{padding:42px 24px}
      .cta-planner{padding:32px 20px}
      .cta-trust{display:grid;gap:12px}
      .cta-trust span,.cta-trust span:first-child{padding:0;border:0}
      .footer-bottom{display:block}
    }
  </style>
  <link rel="stylesheet" href="/assets/sitewide.css">
  <script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://www.1stpage.agency/#organization","name":"1stpage Agency","legalName":"BOX CORNUCOPIA LTD","alternateName":"1stpage Agency","url":"https://www.1stpage.agency/","logo":"https://www.1stpage.agency/assets/og-default.png","email":"hello@1stpage.agency","description":"Search authority consultancy providing niche edit links, traffic-backed page links, competitor link building, and AI visibility services.","identifier":{"@type":"PropertyValue","propertyID":"Companies House","value":"15727373"},"address":{"@type":"PostalAddress","streetAddress":"128 City Road","addressLocality":"London","postalCode":"EC1V 2NX","addressCountry":"GB"},"areaServed":["United Kingdom","United States","Canada","Germany","Worldwide"],"knowsAbout":["Link building","Niche edits","Competitor backlink analysis","Search engine optimization","Generative engine optimization","Answer engine optimization","AI visibility","Citation strategy","Reddit marketing"],"contactPoint":[{"@type":"ContactPoint","contactType":"customer support","email":"hello@1stpage.agency","areaServed":"Worldwide","availableLanguage":["English"]},{"@type":"ContactPoint","contactType":"billing support","email":"hello@1stpage.agency","areaServed":"Worldwide","availableLanguage":["English"]}],"hasOfferCatalog":{"@type":"OfferCatalog","name":"Search Authority and AI Visibility Services","itemListElement":[{"@type":"Service","name":"Top Page Links","url":"https://www.1stpage.agency/top-page-links/"},{"@type":"Service","name":"Traffic Page Links","url":"https://www.1stpage.agency/traffic-page-links/"},{"@type":"Service","name":"Competitor Link Building","url":"https://www.1stpage.agency/competitor-link-building/"},{"@type":"Service","name":"LLMentioned AI Visibility","url":"https://www.1stpage.agency/llmentioned/"},{"@type":"Service","name":"Agency Partnerships","url":"https://www.1stpage.agency/agencies/"}]},"sameAs":["https://trustpilot.com/review/1stpagekws.com"]},{"@type":"WebSite","@id":"https://www.1stpage.agency/#website","name":"1stpage Agency | Search Strategy, Without the Noise","description":"Niche edit links, traffic page links, competitor link building, and AI visibility services for brands that need clean authority and measurable search growth.","url":"https://www.1stpage.agency/","publisher":{"@id":"https://www.1stpage.agency/#organization"},"potentialAction":{"@type":"SearchAction","target":"https://www.1stpage.agency/blog/?q={search_term_string}","query-input":"required name=search_term_string"}}]}</script>
</head>
<body>
  <!-- Google Tag Manager (noscript) -->
  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KTWXSP9P"
  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  <!-- End Google Tag Manager (noscript) -->
  <nav class="sitewide-nav" aria-label="Primary navigation">
  <div class="sitewide-container sitewide-nav-inner">
    <a class="sitewide-brand" href="/">1stpage Agency</a>
    <div class="sitewide-links">
      <div class="sitewide-menu">
        <button class="sitewide-link-button" type="button" aria-haspopup="true" aria-expanded="false">
          Link Building <span class="material-symbols-outlined" aria-hidden="true">expand_more</span>
        </button>
        <div class="sitewide-menu-panel" role="menu" aria-label="Link Building services">
          <a href="/top-page-links/" role="menuitem">
            <strong>Top Page Links</strong>
            <span>Authority-focused placements on strong existing pages.</span>
          </a>
          <a href="/traffic-page-links/" role="menuitem">
            <strong>Traffic Page Links</strong>
            <span>Placements on pages with real organic visitors.</span>
          </a>
          <a href="/competitor-link-building/" role="menuitem">
            <strong>Competitor Link Building</strong>
            <span>Exact guest posts from the publishers helping competitors win.</span>
          </a>
        </div>
      </div>
      <a href="/discounts/">Discounts</a>
      <a href="/llmentioned/">LLMentioned</a>
      <a href="/case-studies/">Case Studies</a>
      <a href="/agencies/">Agencies</a>
    </div>
    <a class="sitewide-order" href="/order/">Start an Order</a>
  </div>
</nav>

  <main>
    <section class="hero reveal">
      <div class="container">
        <div class="hero-grid">
          <div class="hero-copy">
            <span class="hero-kicker">Authority that moves rankings</span>
            <h1>Build authority.<br>Earn visibility.<br>Grow faster.</h1>
            <p>Contextual links on trusted pages that already rank — built to increase search authority, referral traffic, and visibility in AI answers.</p>
            <div class="hero-actions">
              <a class="btn btn-primary" href="/order/">Start Your Campaign <span class="material-symbols-outlined">arrow_forward</span></a>
              <a class="btn btn-light" href="/case-studies/">See Real Results <span class="material-symbols-outlined">arrow_forward</span></a>
            </div>
            <div class="hero-trust" aria-label="Campaign trust signals">
              <span><span class="material-symbols-outlined">check_circle</span>470+ clients served</span>
              <span><span class="material-symbols-outlined">check_circle</span>DR 50+ placements</span>
              <span><span class="material-symbols-outlined">check_circle</span>Transparent reporting</span>
            </div>
            <div class="hero-brands" aria-label="Brands using 1stpage Agency">
              <span class="hero-brands-label">Trusted by ambitious growth teams</span>
              <span class="hero-wordmark is-deel">deel.</span>
              <span class="hero-wordmark"><span class="hero-wordmark-mark">M</span>mailmodo</span>
              <span class="hero-wordmark is-rippling">▥ RIPPLING</span>
              <span class="hero-wordmark is-doola">〽 doola</span>
              <span class="hero-wordmark is-clientjoy">Clientjoy</span>
            </div>
          </div>
          <aside class="impact-panel" aria-label="Example campaign impact">
            <div class="impact-head"><h2>Campaign impact</h2><span class="impact-range">Last 90 days</span></div>
            <div class="impact-metrics">
              <div class="impact-metric"><span class="material-symbols-outlined impact-icon">trending_up</span><strong>+42%</strong><small>Organic traffic</small><svg class="sparkline" viewBox="0 0 120 38" aria-hidden="true"><polyline points="2,32 15,27 27,29 39,21 52,24 64,15 77,19 90,9 104,13 118,5"/></svg></div>
              <div class="impact-metric"><span class="material-symbols-outlined impact-icon">verified_user</span><strong>18</strong><small>Authority placements</small><div class="impact-bars" aria-hidden="true"><i style="height:28%"></i><i style="height:42%"></i><i style="height:52%"></i><i style="height:68%"></i><i style="height:62%"></i><i style="height:88%"></i><i style="height:72%"></i></div></div>
              <div class="impact-metric"><span class="material-symbols-outlined impact-icon">psychology_alt</span><strong>+31%</strong><small>AI visibility</small><svg class="sparkline" viewBox="0 0 120 38" aria-hidden="true"><polyline points="2,33 15,29 27,22 39,25 52,17 64,20 77,12 90,15 104,8 118,4"/></svg></div>
            </div>
            <div class="placement-card">
              <div class="placement-preview" aria-hidden="true"><div class="placement-thumb"></div><div class="placement-lines"><i></i><i></i></div></div>
              <div class="placement-copy"><span class="verified-badge"><span class="material-symbols-outlined">verified</span>Placement verified</span><h3>Your link is live on a trusted page</h3><p>DR 67 &nbsp;·&nbsp; Traffic 12.4K/mo &nbsp;·&nbsp; Relevant to your niche</p></div>
            </div>
          </aside>
        </div>
        <div class="hero-outcomes" aria-label="Campaign outcomes">
          <a class="outcome-link" href="/top-page-links/"><span class="material-symbols-outlined outcome-icon">shield</span><span class="outcome-card-copy"><h3>Build Authority</h3><p>High-DR placements on trusted, topically relevant pages.</p><span class="outcome-card-cta">Explore Service <span class="material-symbols-outlined">arrow_forward</span></span></span></a>
          <a class="outcome-link" href="/traffic-page-links/"><span class="material-symbols-outlined outcome-icon">trending_up</span><span class="outcome-card-copy"><h3>Win Referral Traffic</h3><p>Get featured where real audiences discover and click.</p><span class="outcome-card-cta">Explore Service <span class="material-symbols-outlined">arrow_forward</span></span></span></a>
          <a class="outcome-link" href="/competitor-link-building/"><span class="material-symbols-outlined outcome-icon">hub</span><span class="outcome-card-copy"><h3>Outrank Competitors</h3><p>Win links from the publishers already helping competitors rank.</p><span class="outcome-card-cta">Explore Service <span class="material-symbols-outlined">arrow_forward</span></span></span></a>
          <a class="outcome-link" href="/llmentioned/"><span class="material-symbols-outlined outcome-icon">psychology_alt</span><span class="outcome-card-copy"><h3>Earn AI Mentions</h3><p>Increase visibility in AI answers, citations, and summaries.</p><span class="outcome-card-cta">Explore Service <span class="material-symbols-outlined">arrow_forward</span></span></span></a>
        </div>
      </div>
    </section>

    <section class="stats reveal" aria-label="Agency performance statistics">
      <div class="container stats-grid">
        <div>
          <div class="stat-number" data-count-to="470" data-count-suffix="+">0+</div>
          <div class="stat-label">Clients Served</div>
        </div>
        <div>
          <div class="stat-number" data-count-to="4300" data-count-suffix="%">0%</div>
          <div class="stat-label">Traffic Growth</div>
        </div>
        <div>
          <div class="stat-number" data-count-to="70" data-count-prefix="DR" data-count-suffix="+">DR0+</div>
          <div class="stat-label">Avg. Authority</div>
        </div>
        <div>
          <div class="stat-number" data-count-to="95" data-count-suffix="%">0%</div>
          <div class="stat-label">Retention</div>
        </div>
      </div>
    </section>

    <section class="section reveal">
      <div class="container ai-grid">
        <div class="image-frame" role="img" aria-label="1stpage Agency specialist working on an AI search visibility campaign"></div>
        <div class="copy">
          <span class="eyebrow">The AI-Era of Search</span>
          <h2>Why Niche Edits Matter More in the Age of AI Search</h2>
          <p>LLMs like ChatGPT and Google's AI results prioritize sources that are already established and frequently cited. By placing your link within high-authority, existing content, you are securing LLM citation authority alongside link equity.</p>
          <ul class="check-list">
            <li><span class="material-symbols-outlined">check_circle</span>Immediate crawling by AI bots through legacy page weight.</li>
            <li><span class="material-symbols-outlined">check_circle</span>Natural placement in topically relevant content clusters.</li>
            <li><span class="material-symbols-outlined">check_circle</span>Enhanced semantic signals for entity-based ranking.</li>
          </ul>
        </div>
      </div>
    </section>

    <section class="section reveal">
      <div class="container">
        <div class="growth-head">
          <div>
            <span class="growth-kicker">Proven Results</span>
            <h2>Growth you can verify.</h2>
            <p>Real campaigns. Clear strategy. Measurable movement.</p>
          </div>
          <a class="growth-all-link" href="/case-studies/">View all case studies <span class="material-symbols-outlined" aria-hidden="true">arrow_forward</span></a>
        </div>
        <div class="case-grid">
          <button class="case-card" type="button" data-case="finance" aria-haspopup="dialog">
            <div class="case-image finance">
              <div class="case-chart-head"><span class="case-chart-icon"><span class="material-symbols-outlined">finance_mode</span></span><span>Revenue over time</span></div>
              <svg class="case-chart" viewBox="0 0 320 140" role="img" aria-label="Revenue growth increased steadily over six months">
                <line class="case-chart-grid" x1="18" y1="112" x2="308" y2="112"/><line class="case-chart-grid" x1="18" y1="82" x2="308" y2="82"/><line class="case-chart-grid" x1="18" y1="52" x2="308" y2="52"/><line class="case-chart-grid" x1="18" y1="22" x2="308" y2="22"/>
                <path d="M20 109 L75 93 L130 79 L185 64 L240 42 L300 18 L300 112 L20 112 Z" fill="rgba(74,101,73,.09)"/>
                <path class="case-chart-line" d="M20 109 L75 93 L130 79 L185 64 L240 42 L300 18"/>
                <circle class="case-chart-dot" cx="20" cy="109" r="4"/><circle class="case-chart-dot" cx="75" cy="93" r="4"/><circle class="case-chart-dot" cx="130" cy="79" r="4"/><circle class="case-chart-dot" cx="185" cy="64" r="4"/><circle class="case-chart-dot" cx="240" cy="42" r="4"/><circle class="case-chart-dot" cx="300" cy="18" r="4"/>
                <text x="14" y="130">M1</text><text x="69" y="130">M2</text><text x="124" y="130">M3</text><text x="179" y="130">M4</text><text x="234" y="130">M5</text><text x="292" y="130">M6</text>
              </svg>
            </div>
            <div class="case-body">
              <div class="case-meta-row"><div class="case-type">Affiliate Finance</div><span class="case-verified"><span class="material-symbols-outlined">verified</span>Verified outcome</span></div>
              <h3>+320% revenue</h3>
              <p>15 authority placements into existing commercial guides.</p>
              <div class="case-evidence">
                <div><strong><span class="material-symbols-outlined">error</span>Challenge</strong><span>Low authority coverage</span></div>
                <div><strong><span class="material-symbols-outlined">arrow_forward</span>Action</strong><span>15 authority placements</span></div>
                <div><strong><span class="material-symbols-outlined">check</span>Result</strong><span>+320% revenue</span></div>
              </div>
              <span class="case-card-note">Read case study <span class="material-symbols-outlined" aria-hidden="true">arrow_forward</span></span>
            </div>
          </button>
          <button class="case-card" type="button" data-case="saas" aria-haspopup="dialog">
            <div class="case-image saas">
              <div class="case-chart-head"><span class="case-chart-icon"><span class="material-symbols-outlined">business_center</span></span><span>Domain authority progress</span></div>
              <div class="case-dr-wrap" role="img" aria-label="Domain Rating increased from 42 to 68">
                <div class="case-dr-ring" style="--ring-color:#aab2aa;--ring-stop:42%"><span>42<small>DR</small></span></div>
                <span class="material-symbols-outlined case-dr-arrow" aria-hidden="true">arrow_forward</span>
                <div class="case-dr-ring" style="--ring-color:#234c31;--ring-stop:68%"><span>68<small>DR</small></span></div>
              </div>
            </div>
            <div class="case-body">
              <div class="case-meta-row"><div class="case-type">B2B SaaS</div><span class="case-verified"><span class="material-symbols-outlined">verified</span>Verified outcome</span></div>
              <h3>DR42 → DR68</h3>
              <p>A focused six-month campaign closed the authority gap.</p>
              <div class="case-evidence">
                <div><strong><span class="material-symbols-outlined">error</span>Challenge</strong><span>Competitor authority gap</span></div>
                <div><strong><span class="material-symbols-outlined">arrow_forward</span>Action</strong><span>High-DR link strategy</span></div>
                <div><strong><span class="material-symbols-outlined">check</span>Result</strong><span>DR68 in 6 months</span></div>
              </div>
              <span class="case-card-note">Read case study <span class="material-symbols-outlined" aria-hidden="true">arrow_forward</span></span>
            </div>
          </button>
          <button class="case-card" type="button" data-case="health" aria-haspopup="dialog">
            <div class="case-image health">
              <div class="case-chart-head"><span class="case-chart-icon"><span class="material-symbols-outlined">cardiology</span></span><span>Organic traffic over time</span></div>
              <svg class="case-chart" viewBox="0 0 320 140" role="img" aria-label="Organic traffic increased to more than 1.2 million monthly visits">
                <defs><linearGradient id="trafficFill" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#7ca178" stop-opacity=".65"/><stop offset="1" stop-color="#dceadb" stop-opacity=".2"/></linearGradient></defs>
                <line class="case-chart-grid" x1="18" y1="112" x2="308" y2="112"/><line class="case-chart-grid" x1="18" y1="82" x2="308" y2="82"/><line class="case-chart-grid" x1="18" y1="52" x2="308" y2="52"/><line class="case-chart-grid" x1="18" y1="22" x2="308" y2="22"/>
                <path class="case-chart-fill" d="M20 108 C48 105 54 91 82 89 S110 69 137 67 S166 53 193 53 S220 38 246 37 S276 24 300 19 L300 112 L20 112 Z"/>
                <path class="case-chart-line" d="M20 108 C48 105 54 91 82 89 S110 69 137 67 S166 53 193 53 S220 38 246 37 S276 24 300 19"/>
                <text x="14" y="130">Jan</text><text x="69" y="130">Feb</text><text x="124" y="130">Mar</text><text x="179" y="130">Apr</text><text x="234" y="130">May</text><text x="287" y="130">Jun</text>
              </svg>
            </div>
            <div class="case-body">
              <div class="case-meta-row"><div class="case-type">Health &amp; Wellness</div><span class="case-verified"><span class="material-symbols-outlined">verified</span>Verified outcome</span></div>
              <h3>+1.2M monthly visits</h3>
              <p>Traffic-page links strengthened trusted health content.</p>
              <div class="case-evidence">
                <div><strong><span class="material-symbols-outlined">error</span>Challenge</strong><span>Limited organic reach</span></div>
                <div><strong><span class="material-symbols-outlined">arrow_forward</span>Action</strong><span>Relevant traffic links</span></div>
                <div><strong><span class="material-symbols-outlined">check</span>Result</strong><span>+1.2M monthly visits</span></div>
              </div>
              <span class="case-card-note">Read case study <span class="material-symbols-outlined" aria-hidden="true">arrow_forward</span></span>
            </div>
          </button>
        </div>
        <p class="results-disclaimer">Results vary by market, starting authority, competition, and campaign scope.</p>
      </div>
    </section>

    <section class="cta reveal">
      <div class="container">
        <div class="cta-box">
          <div class="cta-pitch">
            <span class="cta-kicker">Ready when you are</span>
            <h2>Turn authority into measurable growth.</h2>
            <p>Choose the outcome that matters most. We’ll recommend the right placement strategy and show you exactly what happens next.</p>
            <div class="cta-trust" aria-label="Campaign assurances">
              <span><span class="material-symbols-outlined" aria-hidden="true">verified_user</span>Manual placements</span>
              <span><span class="material-symbols-outlined" aria-hidden="true">schedule</span>10–21 day delivery</span>
              <span><span class="material-symbols-outlined" aria-hidden="true">eco</span>1 link = 1 tree</span>
            </div>
          </div>
          <div class="cta-planner">
            <h3>Start with your goal</h3>
            <div class="cta-goals" role="radiogroup" aria-label="Choose your primary campaign goal">
              <button class="cta-goal" type="button" role="radio" aria-checked="true" data-cta-goal="authority" data-cta-href="/order/?service=top" data-cta-label="Build My Authority Campaign">
                <span class="cta-goal-icon"><span class="material-symbols-outlined" aria-hidden="true">target</span></span>
                <span>Build authority</span>
                <span class="cta-goal-state"><span class="material-symbols-outlined" aria-hidden="true">check</span></span>
              </button>
              <button class="cta-goal" type="button" role="radio" aria-checked="false" data-cta-goal="traffic" data-cta-href="/order/?service=traffic" data-cta-label="Build My Traffic Campaign">
                <span class="cta-goal-icon"><span class="material-symbols-outlined" aria-hidden="true">trending_up</span></span>
                <span>Win referral traffic</span>
                <span class="cta-goal-state"><span class="material-symbols-outlined" aria-hidden="true">check</span></span>
              </button>
              <button class="cta-goal" type="button" role="radio" aria-checked="false" data-cta-goal="competitors" data-cta-href="/order/?service=competitor-link-building" data-cta-label="Build My Competitor Campaign">
                <span class="cta-goal-icon"><span class="material-symbols-outlined" aria-hidden="true">emoji_events</span></span>
                <span>Outrank competitors</span>
                <span class="cta-goal-state"><span class="material-symbols-outlined" aria-hidden="true">check</span></span>
              </button>
            </div>
            <a class="cta-primary" id="goal-campaign-link" href="/order/?service=top"><span id="goal-campaign-label">Build My Authority Campaign</span><span class="material-symbols-outlined" aria-hidden="true">arrow_forward</span></a>
            <a class="cta-review" href="https://tidycal.com/1stpage-agency/15-minutes-meeting">Not sure? Book a 15-minute review</a>
            <p class="cta-reassurance"><span class="material-symbols-outlined" aria-hidden="true">shield</span>No long-term contract. Review everything before launch.</p>
          </div>
        </div>
      </div>
    </section>
  </main>

  <div class="case-modal" id="case-modal" role="dialog" aria-modal="true" aria-labelledby="case-modal-title" aria-describedby="case-modal-summary">
    <div class="case-modal-backdrop" data-case-close></div>
    <div class="case-modal-panel" role="document">
      <button class="case-modal-close" type="button" data-case-close aria-label="Close case study details"><span class="material-symbols-outlined" aria-hidden="true">close</span></button>
      <div class="case-modal-hero">
        <div>
          <span class="case-modal-kicker" id="case-modal-kicker">Case Study</span>
          <h3 id="case-modal-title">Case study details</h3>
          <p id="case-modal-summary"></p>
        </div>
        <div class="case-modal-metrics" id="case-modal-metrics"></div>
      </div>
      <div class="case-modal-body">
        <div class="case-modal-section">
          <h4>Campaign story</h4>
          <ul class="case-modal-list" id="case-modal-points"></ul>
        </div>
        <aside class="case-modal-side">
          <h4>Business context</h4>
          <p id="case-modal-context"></p>
          <div class="case-modal-actions">
            <a class="btn btn-primary" id="case-modal-primary" href="/order/">Order the suitable solution</a>
            <a class="btn btn-outline" id="case-modal-secondary" href="https://tidycal.com/1stpage-agency/15-minutes-meeting">Book a 15-minute consultation</a>
          </div>
        </aside>
      </div>
    </div>
  </div>

  <footer class="sitewide-footer" id="site-footer">
  <div class="sitewide-container">
    <div class="sitewide-footer-grid">
      <div class="sitewide-footer-brand">
        <div class="sitewide-footer-logo">1stpage Agency</div>
        <p>The high-end consultancy for organic authority and premium link building in the AI era.</p>
        <div class="sitewide-socials">
          <a href="/" aria-label="Website"><span class="material-symbols-outlined">public</span></a>
          <a href="mailto:hello@1stpage.agency" aria-label="Email"><span class="material-symbols-outlined">mail</span></a>
          <a href="mailto:?subject=1stpage%20Agency&body=https%3A%2F%2F1stpage.agency%2F" aria-label="Share 1stpage Agency"><span class="material-symbols-outlined">share</span></a>
        </div>
      </div>
      <div class="sitewide-footer-col">
        <h3>Services</h3>
        <nav>
          <a href="/top-page-links/">Top Page Links</a>
          <a href="/traffic-page-links/">Traffic Page Links</a>
          <a href="/competitor-link-building/">Competitor Link Building</a>
          <a href="/llmentioned/">LLMentioned</a>
          <a href="https://gkpchecker.1stpage.agency/">KnowledgePanel Builder</a>
          <a href="/discounts/">Discounts</a>
        </nav>
      </div>
      <div class="sitewide-footer-col">
        <h3>Company</h3>
        <nav>
          <a href="/about/">About Us</a><a class="sitewide-footer-tools-link" href="/tools/">Try Our Tools <span class="sitewide-footer-free-badge">Free</span></a><a href="/blog/">Our Blog</a>
          <a href="/case-studies/">Case Studies</a>
          <a href="/agencies/">Partnerships</a>
          <a href="/contact/">Contact Us</a>
        </nav>
      </div>
      <div class="sitewide-footer-col">
        <h3>The Authority Brief</h3>
        <p>Get monthly strategies to outrank competitors in the age of AI.</p>
        <form class="sitewide-signup">
          <input type="email" placeholder="Enter your email" aria-label="Email address">
          <button type="submit" aria-label="Submit"><span class="material-symbols-outlined">arrow_forward</span></button>
        </form>
        <div class="sitewide-tree-card" data-tree-count="4474"><img src="/assets/brands/one-tree-planted-horizontal.svg" alt="One Tree Planted" class="sitewide-tree-logo-lockup"><div><strong>1 link = 1 tree</strong><p>Our tree planting commitment</p><div class="sitewide-tree-counter" aria-label="4,474 trees planted total"><span class="sitewide-tree-pulse" aria-hidden="true"></span><span><b>4,474</b> <span class="sitewide-tree-counter-label">trees planted total</span></span></div></div></div>
      </div>
    </div>
    <div class="sitewide-footer-bottom">
      <span>&copy; 2026 1stpage Agency. All rights reserved.</span>
      <span><a href="/privacy-policy/">Privacy Policy</a> &nbsp; | &nbsp; <a href="/affiliate/">Join Our Affiliate Program</a> &nbsp; | &nbsp; <a href="/terms-of-service/">Terms of Service</a></span>
    </div>
  </div>
</footer>

  <script>
    function formatCounterValue(value, prefix, suffix) {
      return `${prefix || ''}${Math.round(value).toLocaleString('en-US')}${suffix || ''}`;
    }

    function animateCounter(node) {
      if (!node || node.dataset.counted === 'true') return;
      node.dataset.counted = 'true';
      node.classList.add('is-animating');
      const target = Number(node.dataset.countTo || 0);
      const prefix = node.dataset.countPrefix || '';
      const suffix = node.dataset.countSuffix || '';
      const reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
      if (!Number.isFinite(target) || reduceMotion) {
        node.textContent = formatCounterValue(target, prefix, suffix);
        node.classList.remove('is-animating');
        return;
      }
      const duration = Number(node.dataset.countDuration || 1500);
      const startedAt = performance.now();
      const easeOut = (t) => 1 - Math.pow(1 - t, 4);
      function tick(now) {
        const progress = Math.min(1, (now - startedAt) / duration);
        node.textContent = formatCounterValue(target * easeOut(progress), prefix, suffix);
        if (progress < 1) {
          requestAnimationFrame(tick);
        } else {
          node.textContent = formatCounterValue(target, prefix, suffix);
          window.setTimeout(() => node.classList.remove('is-animating'), 150);
        }
      }
      requestAnimationFrame(tick);
    }

    const revealObserver = new IntersectionObserver((entries) => {
      entries.forEach((entry) => {
        if (entry.isIntersecting) {
          entry.target.classList.add('is-visible');
        }
      });
    }, { threshold: 0.12 });

    document.querySelectorAll('.reveal').forEach((section) => revealObserver.observe(section));

    const statsSection = document.querySelector('.stats');
    if (statsSection) {
      const runStatsCounters = () => {
        if (statsSection.dataset.countersStarted === 'true') return;
        statsSection.dataset.countersStarted = 'true';
        statsSection.classList.add('is-counting');
        statsSection.querySelectorAll('[data-count-to]').forEach(animateCounter);
        window.setTimeout(() => statsSection.classList.remove('is-counting'), 1700);
      };

      if ('IntersectionObserver' in window) {
        const statsObserver = new IntersectionObserver((entries) => {
          entries.forEach((entry) => {
            if (!entry.isIntersecting) return;
            runStatsCounters();
            statsObserver.unobserve(entry.target);
          });
        }, { threshold: 0.38, rootMargin: '0px 0px -8% 0px' });
        statsObserver.observe(statsSection);
      } else {
        runStatsCounters();
      }
    }

    const caseStudies = {
      finance: {
        kicker: 'Affiliate Finance Blog',
        title: '+320% Revenue Increase From Existing Comparison Guides',
        summary: 'Revenue increased by 320% after the campaign focused authority on the finance pages already closest to purchase intent.',
        metrics: [
          ['+320%', 'Revenue increase'],
          ['15', 'Top Page links'],
          ['9 weeks', 'First lift window']
        ],
        points: [
          'The publisher had useful comparison guides, but stronger finance sites were outranking them on buyer keywords.',
          'The priority was to move the pages that already converted instead of spending months creating new content with no authority.',
          'We secured 15 contextual Top Page links from aged, relevant finance and business pages with clean anchors.',
          'Rankings improved, commission-bearing clicks increased, and revenue rose by 320% during the measured window.'
        ],
        context: 'This is the right pattern when a site already has commercial pages that deserve to rank but lacks the authority to compete. Order Top Page Links when the priority is stronger authority for existing money pages.',
        primaryHref: '/order/?service=top&plan=advanced',
        secondaryHref: 'https://tidycal.com/1stpage-agency/15-minutes-meeting'
      },
      saas: {
        kicker: 'B2B SaaS Platform',
        title: 'DR42 to DR68 in 6 Months With Curated Authority Links',
        summary: 'The SaaS brand moved from DR42 to DR68 after a sustained authority campaign closed competitor link gaps.',
        metrics: [
          ['DR42→68', 'Authority lift'],
          ['6 months', 'Campaign period'],
          ['High-DR', 'Placement mix']
        ],
        points: [
          'Competitors had weaker product depth but stronger domain authority and more trusted referring pages.',
          'The priority was to raise the authority profile without pushing all links into one URL or relying on low-fit placements.',
          'We mapped competitor gaps, then built high-DR curated placements across homepage, feature, use-case, and comparison pages.',
          'Authority rose from DR42 to DR68 over six months while the site built a more defensible organic acquisition base.'
        ],
        context: 'This is the right pattern when a SaaS company has good product-led content but needs authority depth. Order Top Page Links when you need stronger commercial and informational URL support.',
        primaryHref: '/order/?service=top&plan=advanced',
        secondaryHref: 'https://tidycal.com/1stpage-agency/15-minutes-meeting'
      },
      health: {
        kicker: 'Health & Wellness Site',
        title: '+1.2M Monthly Traffic From Traffic Page Links',
        summary: 'Monthly traffic grew by more than 1.2M visits after the campaign prioritized relevant publishers with real traffic.',
        metrics: [
          ['+1.2M', 'Monthly traffic'],
          ['4,300%', 'Peak growth'],
          ['Medical', 'Publisher focus']
        ],
        points: [
          'The site had strong health content but needed more trusted external validation in a sensitive category.',
          'The priority was to build authority without forcing aggressive anchors or weak publishers into the campaign.',
          'We used Traffic Page Links from established health, medical, and wellness pages with real visitor signals.',
          'Key hubs gained stronger external support and the site reached more than 1.2M additional monthly visits at peak.'
        ],
        context: 'This is the right pattern when publisher quality and live page demand matter. Order Traffic Page Links when the campaign needs traffic-bearing placements, topical relevance, and conservative anchor control.',
        primaryHref: '/order/?service=traffic&plan=pro',
        secondaryHref: 'https://tidycal.com/1stpage-agency/15-minutes-meeting'
      }
    };

    const caseModal = document.getElementById('case-modal');
    const caseModalTitle = document.getElementById('case-modal-title');
    const caseModalKicker = document.getElementById('case-modal-kicker');
    const caseModalSummary = document.getElementById('case-modal-summary');
    const caseModalMetrics = document.getElementById('case-modal-metrics');
    const caseModalPoints = document.getElementById('case-modal-points');
    const caseModalContext = document.getElementById('case-modal-context');
    const caseModalPrimary = document.getElementById('case-modal-primary');
    const caseModalSecondary = document.getElementById('case-modal-secondary');
    let activeCaseTrigger = null;

    function escHtml(value) {
      return String(value).replace(/[&<>"']/g, (char) => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' }[char]));
    }

    function renderCaseModal(data) {
      caseModalKicker.textContent = data.kicker;
      caseModalTitle.textContent = data.title;
      caseModalSummary.textContent = data.summary;
      caseModalMetrics.innerHTML = data.metrics.map(([value, label]) => `<div class="case-modal-metric"><strong>${escHtml(value)}</strong><span>${escHtml(label)}</span></div>`).join('');
      caseModalPoints.innerHTML = data.points.map((point) => `<li>${escHtml(point)}</li>`).join('');
      caseModalContext.textContent = data.context;
      caseModalPrimary.href = data.primaryHref;
      caseModalSecondary.href = data.secondaryHref;
    }

    function openCaseModal(key, trigger) {
      const data = caseStudies[key];
      if (!data || !caseModal) return;
      activeCaseTrigger = trigger || null;
      renderCaseModal(data);
      caseModal.classList.add('open');
      document.body.style.overflow = 'hidden';
      caseModal.querySelector('.case-modal-close')?.focus();
    }

    function closeCaseModal() {
      if (!caseModal) return;
      caseModal.classList.remove('open');
      document.body.style.overflow = '';
      activeCaseTrigger?.focus();
      activeCaseTrigger = null;
    }

    document.querySelectorAll('[data-case]').forEach((card) => {
      card.addEventListener('click', () => openCaseModal(card.dataset.case, card));
    });

    document.querySelectorAll('[data-case-close]').forEach((node) => {
      node.addEventListener('click', closeCaseModal);
    });

    document.addEventListener('keydown', (event) => {
      if (event.key === 'Escape' && caseModal?.classList.contains('open')) closeCaseModal();
    });

    const ctaGoals = Array.from(document.querySelectorAll('[data-cta-goal]'));
    const campaignLink = document.getElementById('goal-campaign-link');
    const campaignLabel = document.getElementById('goal-campaign-label');

    function selectCtaGoal(goal, moveFocus = false) {
      if (!goal || !campaignLink || !campaignLabel) return;
      ctaGoals.forEach((option) => {
        const selected = option === goal;
        option.setAttribute('aria-checked', String(selected));
        option.tabIndex = selected ? 0 : -1;
      });
      campaignLink.href = goal.dataset.ctaHref;
      campaignLabel.textContent = goal.dataset.ctaLabel;
      if (moveFocus) goal.focus();
    }

    ctaGoals.forEach((goal, index) => {
      goal.tabIndex = goal.getAttribute('aria-checked') === 'true' ? 0 : -1;
      goal.addEventListener('click', () => selectCtaGoal(goal));
      goal.addEventListener('keydown', (event) => {
        if (!['ArrowDown', 'ArrowRight', 'ArrowUp', 'ArrowLeft'].includes(event.key)) return;
        event.preventDefault();
        const direction = ['ArrowDown', 'ArrowRight'].includes(event.key) ? 1 : -1;
        selectCtaGoal(ctaGoals[(index + direction + ctaGoals.length) % ctaGoals.length], true);
      });
    });

    document.querySelector('.signup')?.addEventListener('submit', (event) => {
      event.preventDefault();
    });
  </script>
<script src="/assets/telemetry.js?v=20260530a" defer></script>
  <script src="/assets/boot.js" defer></script>
<script src="/assets/newsletter.js?v=20260705-tree3" defer></script>
<script src="/assets/crisp.js" defer></script>
</body>
</html>
