Add v1 services pages

This commit is contained in:
seven
2026-06-28 09:52:00 +08:00
parent b51c22c318
commit 7996962b2f
7 changed files with 2296 additions and 0 deletions

307
v1/attorneys.html Normal file
View File

@@ -0,0 +1,307 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Attorney Network — Abigail</title>
<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=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles.css">
<style>
.standards-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 16px;
margin-top: 24px;
}
.standard-card {
background: var(--ink-2);
border: 1px solid var(--rule-dark);
border-radius: 12px;
padding: 24px;
}
.standard-card .num {
font-family: "JetBrains Mono", monospace;
color: var(--signal);
font-size: 12px;
font-weight: 600;
letter-spacing: 0.08em;
margin-bottom: 12px;
}
.standard-card h3 { font-size: 15px; font-weight: 600; color: var(--paper); margin: 0 0 8px; }
.standard-card p { font-size: 13px; color: var(--mute-2); margin: 0; line-height: 1.5; }
.role-grid {
display: grid; grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.role-card {
background: #FFFFFF;
border: 1px solid var(--rule);
border-radius: 16px;
padding: 32px;
}
.role-card .role-label {
font-family: "JetBrains Mono", monospace;
font-size: 12px;
color: var(--signal);
text-transform: uppercase;
letter-spacing: 0.08em;
margin-bottom: 12px;
}
.role-card h3 {
font-size: 22px; font-weight: 700;
letter-spacing: -0.01em;
margin: 0 0 8px;
}
.role-card .role-desc {
font-size: 14px;
color: var(--mute);
margin: 0 0 20px;
line-height: 1.6;
}
.role-card .credentials {
display: flex; flex-direction: column;
gap: 8px;
padding-top: 20px;
border-top: 1px solid var(--rule);
}
.role-card .credentials .row {
display: flex; justify-content: space-between;
font-size: 13px;
}
.role-card .credentials .k {
color: var(--mute);
text-transform: uppercase;
letter-spacing: 0.06em;
font-size: 11px;
}
.role-card .credentials .v {
font-weight: 600;
text-align: right;
}
.vetting-grid {
display: grid; grid-template-columns: repeat(4, 1fr);
gap: 24px;
}
.vetting-step { text-align: center; }
.vetting-num {
width: 44px; height: 44px;
border-radius: 50%;
background: var(--paper);
border: 2px solid var(--ink);
display: flex; align-items: center; justify-content: center;
font-weight: 700;
font-size: 16px;
margin: 0 auto 14px;
}
.vetting-step h3 { font-size: 15px; font-weight: 600; margin: 0 0 6px; }
.vetting-step p { font-size: 13px; color: var(--mute); margin: 0; line-height: 1.5; }
@media (max-width: 880px) {
.standards-grid, .role-grid, .vetting-grid {
grid-template-columns: 1fr;
}
}
</style>
</head>
<body>
<nav>
<div class="container">
<a class="brand" href="../index.html">Abigail<span class="brand-dot">.</span></a>
<div class="nav-links">
<a href="../abigail_individuals.html">Individuals</a>
<a href="../abigail_employers.html">Employers</a>
<a href="services.html">Services</a>
<a href="attorneys.html" class="active">Attorneys</a>
<div class="nav-dropdown" id="resourcesDropdown">
<button class="nav-trigger" aria-haspopup="true">
Resources
<svg width="10" height="10" viewBox="0 0 10 10" fill="none"><path d="M2 3.5l3 3 3-3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
</button>
<div class="dropdown-menu" role="menu">
<a href="../abigail_library.html">Library</a>
<a href="petitions.html">Petitions</a>
<a href="press.html">Press support</a>
<a href="judging.html">Peer-review intros</a>
</div>
</div>
<a href="../abigail_pricing.html">Pricing</a>
<a href="login.html" style="color:var(--mute);">Log in</a>
</div>
<a href="../abigail_pricing.html" class="nav-cta">See pricing</a>
</div>
</nav>
<section class="hero centered">
<div class="container">
<div class="eyebrow">The Attorney Network</div>
<h1>The same credentials Fortune 500 companies retain.<br>Without the <em>Fortune 500 invoice.</em></h1>
<p class="lead">When you elect attorney review, your case is signed off by an Ivy / BigLaw-trained immigration attorney engaged through Abigail Legal Services, P.C. — not a scattered network of solo practitioners.</p>
</div>
</section>
<section class="section dark">
<div class="container">
<div class="section-head">
<h2>The credential floor — every attorney we engage clears it.</h2>
<p>A single, verifiable standard. No exceptions, no two-tier sourcing, no offshored review.</p>
</div>
<div class="standards-grid">
<div class="standard-card">
<div class="num">STANDARD 01</div>
<h3>Top-tier JD</h3>
<p>Columbia, Stanford, Yale, Harvard, NYU, Chicago, Penn, Berkeley — or an equivalent comparably-ranked law program.</p>
</div>
<div class="standard-card">
<div class="num">STANDARD 02</div>
<h3>BigLaw training</h3>
<p>At least three years at an AmLaw 100 firm (Kirkland, Latham, Cravath, Skadden, Wachtell, S&amp;C, etc.) before joining the network.</p>
</div>
<div class="standard-card">
<div class="num">STANDARD 03</div>
<h3>Immigration depth</h3>
<p>Substantive employment-immigration experience: 50+ approved O-1A / EB-1 / H-1B petitions or equivalent in-house immigration leadership.</p>
</div>
<div class="standard-card">
<div class="num">STANDARD 04</div>
<h3>Active US bar</h3>
<p>Bar admission in good standing in a US jurisdiction. Malpractice insurance carried through Abigail Legal Services, P.C.</p>
</div>
</div>
</div>
</section>
<section class="section">
<div class="container">
<div class="section-head">
<h2>How the roles work.</h2>
<p>Every reviewed case has a named attorney of record. Most cases are handled by a single senior attorney; complex matters add a partner.</p>
</div>
<div class="role-grid">
<div class="role-card">
<div class="role-label">Lead Reviewing Attorney</div>
<h3>The attorney on your case.</h3>
<p class="role-desc">Reviews the AI-prepared package end-to-end, annotates and revises where needed, signs the petition, and serves as your point of contact through filing and any post-filing actions in the Lifecycle tier.</p>
<div class="credentials">
<div class="row"><span class="k">Training</span><span class="v">Top-tier JD · BigLaw</span></div>
<div class="row"><span class="k">Experience</span><span class="v">515 years immigration</span></div>
<div class="row"><span class="k">Caseload cap</span><span class="v">≤ 25 active matters</span></div>
<div class="row"><span class="k">Bar</span><span class="v">Active US jurisdiction</span></div>
</div>
</div>
<div class="role-card">
<div class="role-label">Supervising Partner</div>
<h3>For complex strategy decisions.</h3>
<p class="role-desc">Pulled in for borderline qualification calls, novel RFE arguments, or cases involving multiple parallel filings. Partners are former senior immigration leads at AmLaw 100 firms or in-house counsel at large multinationals.</p>
<div class="credentials">
<div class="row"><span class="k">Training</span><span class="v">Top-tier JD · BigLaw partner track</span></div>
<div class="row"><span class="k">Experience</span><span class="v">12+ years immigration</span></div>
<div class="row"><span class="k">Engaged when</span><span class="v">Complex / borderline cases</span></div>
<div class="row"><span class="k">Bar</span><span class="v">Active, multiple jurisdictions</span></div>
</div>
</div>
</div>
</div>
</section>
<section class="section alt">
<div class="container">
<div class="section-head">
<h2>How we vet attorneys.</h2>
<p>A four-stage process. Every reviewing attorney goes through it. We turn away most candidates.</p>
</div>
<div class="vetting-grid">
<div class="vetting-step">
<div class="vetting-num">1</div>
<h3>Credential audit</h3>
<p>Bar standing, education, firm history, and malpractice record verified independently.</p>
</div>
<div class="vetting-step">
<div class="vetting-num">2</div>
<h3>Sample review</h3>
<p>Candidates review a representative test petition. Quality of annotation, precision of feedback, and legal sharpness are scored.</p>
</div>
<div class="vetting-step">
<div class="vetting-num">3</div>
<h3>Working trial</h3>
<p>Three live cases under partner supervision. We watch for turnaround discipline and accuracy, not just credentials on paper.</p>
</div>
<div class="vetting-step">
<div class="vetting-num">4</div>
<h3>Continuous review</h3>
<p>Every client engagement is rated. Anyone who slips below the bar is rotated out, not coached.</p>
</div>
</div>
</div>
</section>
<section class="section">
<div class="container">
<div class="cta-band">
<h2>You'll know your attorney's name and credentials before they touch your case.</h2>
<p>When attorney review is elected, you're matched to a specific named attorney and receive their full credentialed bio before they begin work.</p>
<div class="cta-buttons">
<a href="../abigail_pricing.html" class="btn btn-primary">See attorney-reviewed tier</a>
<a href="services.html" class="btn btn-secondary">All services</a>
</div>
</div>
</div>
</section>
<footer>
<div class="container">
<div>
<div class="brand" style="color:var(--ink); margin-bottom:8px;">Abigail<span class="brand-dot">.</span></div>
<div>AI-native immigration platform</div>
</div>
<div class="footer-links">
<div>
<div style="color:var(--ink); font-weight:600; margin-bottom:8px;">Services</div>
<div><a href="services.html">All services</a></div>
<div><a href="press.html">Press support</a></div>
<div><a href="judging.html">Peer-review intros</a></div>
<div><a href="attorneys.html">Attorney network</a></div>
</div>
<div>
<div style="color:var(--ink); font-weight:600; margin-bottom:8px;">Resources</div>
<div><a href="../abigail_library.html">Library</a></div>
<div><a href="petitions.html">Petitions</a></div>
<div><a href="../abigail_pricing.html">Pricing</a></div>
</div>
<div>
<div style="color:var(--ink); font-weight:600; margin-bottom:8px;">Legal</div>
<div><a href="#">Terms</a></div>
<div><a href="#">Privacy</a></div>
<div><a href="login.html">Log in</a></div>
</div>
</div>
</div>
<div class="container">
<div class="disclaimer">
Abigail Technologies, Inc. is not a law firm. Attorney review and representation, where elected, are provided by Abigail Legal Services, P.C. through a separate engagement letter. Credential standards are network minimums; specific attorney profiles are disclosed when matched to a case. Stated credentials are accurate as of beta launch.
</div>
</div>
</footer>
<script>
const dd = document.getElementById("resourcesDropdown");
if (dd) {
const trigger = dd.querySelector(".nav-trigger");
trigger.addEventListener("click", (e) => {
e.stopPropagation();
dd.classList.toggle("open");
});
document.addEventListener("click", () => dd.classList.remove("open"));
dd.querySelector(".dropdown-menu").addEventListener("click", (e) => e.stopPropagation());
}
</script>
</body>
</html>