319 lines
15 KiB
HTML
319 lines
15 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>Abigail Immigration AI</title>
|
|
<meta
|
|
name="description"
|
|
content="Abigail is an AI-assisted immigration platform for individuals, employers, HR teams, and attorney review."
|
|
/>
|
|
<link rel="stylesheet" href="assets/styles.css" />
|
|
</head>
|
|
<body>
|
|
<header class="site-header">
|
|
<a class="brand" href="#top" aria-label="Abigail home">
|
|
<span class="brand-mark">A</span>
|
|
<span>Abigail</span>
|
|
</a>
|
|
<nav aria-label="Main navigation">
|
|
<a href="#pathfinder">AI Pathfinder</a>
|
|
<a href="#platform">Platform</a>
|
|
<a href="#visas">Visas</a>
|
|
<a href="#hr">For HR</a>
|
|
</nav>
|
|
<a class="nav-action" href="#pathfinder">Start intake</a>
|
|
</header>
|
|
|
|
<main id="top">
|
|
<section class="hero" aria-labelledby="hero-title">
|
|
<div class="hero-media" aria-hidden="true"></div>
|
|
<div class="hero-copy">
|
|
<p class="eyebrow">AI immigration intake + attorney review</p>
|
|
<h1 id="hero-title">Immigration work, rebuilt around answers.</h1>
|
|
<p class="hero-lede">
|
|
Abigail asks plain-language questions, recommends the strongest visa pathway,
|
|
prepares form-ready data, organizes evidence, and drafts support materials for
|
|
attorney review.
|
|
</p>
|
|
<div class="hero-actions">
|
|
<a class="primary-button" href="#pathfinder">Find the right path</a>
|
|
<a class="secondary-button" href="#hr">See HR portal</a>
|
|
</div>
|
|
</div>
|
|
<div class="hero-status" aria-label="Platform metrics">
|
|
<div>
|
|
<span>90%</span>
|
|
<p>casework prepared before attorney review</p>
|
|
</div>
|
|
<div>
|
|
<span>1</span>
|
|
<p>shared workspace for applicant, HR, and counsel</p>
|
|
</div>
|
|
<div>
|
|
<span>24/7</span>
|
|
<p>intake, checklist, and draft generation</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section intro-band" aria-labelledby="intro-title">
|
|
<div class="section-heading">
|
|
<p class="eyebrow">Built for immigrants, companies, and lawyers</p>
|
|
<h2 id="intro-title">A TurboTax-style flow for U.S. immigration.</h2>
|
|
</div>
|
|
<div class="promise-grid">
|
|
<article>
|
|
<span class="mini-icon">01</span>
|
|
<h3>Choose the visa</h3>
|
|
<p>Adaptive questions map the client to O-1, H-1B, L-1, TN, E-2, EB-1, NIW, PERM, AOS, and related paths.</p>
|
|
</article>
|
|
<article>
|
|
<span class="mini-icon">02</span>
|
|
<h3>Prepare the forms</h3>
|
|
<p>Answers are converted into structured case data that can populate immigration forms and attorney workpapers.</p>
|
|
</article>
|
|
<article>
|
|
<span class="mini-icon">03</span>
|
|
<h3>Build the evidence</h3>
|
|
<p>The platform requests the right documents, checks gaps, and turns raw achievements into support letter drafts.</p>
|
|
</article>
|
|
<article>
|
|
<span class="mini-icon">04</span>
|
|
<h3>Bring in HR once</h3>
|
|
<p>Company registration, job, wage, and employee data live in one reusable HR vault for every future case.</p>
|
|
</article>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="pathfinder" class="section tool-band" aria-labelledby="pathfinder-title">
|
|
<div class="section-heading">
|
|
<p class="eyebrow">AI Pathfinder</p>
|
|
<h2 id="pathfinder-title">Answer a few questions. See the likely pathway.</h2>
|
|
</div>
|
|
<div class="pathfinder-layout">
|
|
<form class="intake-panel" id="intakeForm">
|
|
<fieldset>
|
|
<legend>Who is this case for?</legend>
|
|
<label><input type="radio" name="profile" value="founder" checked /> Founder or executive</label>
|
|
<label><input type="radio" name="profile" value="employee" /> Sponsored employee</label>
|
|
<label><input type="radio" name="profile" value="individual" /> Individual applicant</label>
|
|
<label><input type="radio" name="profile" value="family" /> Family or adjustment case</label>
|
|
</fieldset>
|
|
<fieldset>
|
|
<legend>What is the strongest fact pattern?</legend>
|
|
<label><input type="radio" name="strength" value="extraordinary" checked /> Awards, press, publications, judging, or major impact</label>
|
|
<label><input type="radio" name="strength" value="company" /> Employer sponsorship with a defined role</label>
|
|
<label><input type="radio" name="strength" value="manager" /> Multinational manager or specialized knowledge</label>
|
|
<label><input type="radio" name="strength" value="investment" /> Treaty investor or founder investment</label>
|
|
</fieldset>
|
|
<fieldset>
|
|
<legend>What does the client need?</legend>
|
|
<label><input type="radio" name="goal" value="temporary" checked /> Temporary work authorization</label>
|
|
<label><input type="radio" name="goal" value="green" /> Green card strategy</label>
|
|
<label><input type="radio" name="goal" value="renewal" /> Extension, amendment, or change of employer</label>
|
|
<label><input type="radio" name="goal" value="aos" /> Adjustment of status bundle</label>
|
|
</fieldset>
|
|
<fieldset>
|
|
<legend>Timing</legend>
|
|
<label><input type="radio" name="timing" value="urgent" checked /> Needs fast filing</label>
|
|
<label><input type="radio" name="timing" value="standard" /> Standard timeline</label>
|
|
</fieldset>
|
|
</form>
|
|
|
|
<aside class="result-panel" aria-live="polite">
|
|
<p class="panel-label">Recommended route</p>
|
|
<h3 id="routeTitle">O-1A Extraordinary Ability</h3>
|
|
<p id="routeSummary">
|
|
Best for a high-achieving founder, researcher, engineer, artist, or operator who can prove sustained acclaim.
|
|
</p>
|
|
<div class="confidence-row">
|
|
<span>Fit score</span>
|
|
<div class="meter"><span id="fitMeter"></span></div>
|
|
<strong id="fitScore">92%</strong>
|
|
</div>
|
|
<div class="next-steps" id="nextSteps"></div>
|
|
<button class="primary-button full-width" type="button" id="generatePacket">Generate case packet</button>
|
|
</aside>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="platform" class="section platform-band" aria-labelledby="platform-title">
|
|
<div class="section-heading">
|
|
<p class="eyebrow">The Abigail workflow</p>
|
|
<h2 id="platform-title">From intake to attorney-ready packet.</h2>
|
|
</div>
|
|
<div class="workflow">
|
|
<article>
|
|
<span class="step-number">1</span>
|
|
<h3>Plain-language intake</h3>
|
|
<p>Clients answer simple questions. The AI asks follow-ups only when facts change the legal path.</p>
|
|
</article>
|
|
<article>
|
|
<span class="step-number">2</span>
|
|
<h3>Evidence checklist</h3>
|
|
<p>Each visa gets a live checklist for identity, status, company, role, achievements, and supporting exhibits.</p>
|
|
</article>
|
|
<article>
|
|
<span class="step-number">3</span>
|
|
<h3>Drafting engine</h3>
|
|
<p>Support letters, petition narratives, recommendation letter outlines, and attorney memos are drafted from verified facts.</p>
|
|
</article>
|
|
<article>
|
|
<span class="step-number">4</span>
|
|
<h3>Lawyer review layer</h3>
|
|
<p>Attorneys review risk flags, missing evidence, AI drafts, and final forms before anything is filed.</p>
|
|
</article>
|
|
</div>
|
|
|
|
<div class="packet-preview">
|
|
<div class="packet-copy">
|
|
<p class="eyebrow">Attorney-ready workspace</p>
|
|
<h3>Every case becomes a structured file.</h3>
|
|
<p>
|
|
Abigail separates raw uploads from verified facts, flags contradictions, and keeps a clear audit trail for the lawyer.
|
|
</p>
|
|
</div>
|
|
<div class="packet-ui" aria-label="Case packet preview">
|
|
<div class="packet-header">
|
|
<strong>O-1A Packet · Priya S.</strong>
|
|
<span>Attorney review</span>
|
|
</div>
|
|
<div class="packet-row complete"><span>Identity + status</span><strong>Complete</strong></div>
|
|
<div class="packet-row complete"><span>Achievement matrix</span><strong>Complete</strong></div>
|
|
<div class="packet-row active"><span>Support letter drafts</span><strong>7 drafts</strong></div>
|
|
<div class="packet-row warning"><span>Press translation</span><strong>Needed</strong></div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="visas" class="section visas-band" aria-labelledby="visas-title">
|
|
<div class="section-heading">
|
|
<p class="eyebrow">Visa coverage</p>
|
|
<h2 id="visas-title">Built around the cases you already handle.</h2>
|
|
</div>
|
|
<div class="visa-columns">
|
|
<article class="visa-list">
|
|
<h3>Non-Immigrant Visas</h3>
|
|
<ul>
|
|
<li><span>O-1</span><strong>new, extension, employer change, amendment</strong></li>
|
|
<li><span>H-1B</span><strong>lottery, cap/cap-exempt, extension, amendment</strong></li>
|
|
<li><span>L-1</span><strong>new office, extension, blanket, L-1A, L-1B</strong></li>
|
|
<li><span>TN</span><strong>USCIS, border/consulate, extension, employer change</strong></li>
|
|
<li><span>E-2 / E-3 / H-1B1</span><strong>consular and USCIS routes</strong></li>
|
|
<li><span>Other</span><strong>J-1 waiver, STEM OPT, TPS, DACA, I-539</strong></li>
|
|
</ul>
|
|
</article>
|
|
<article class="visa-list">
|
|
<h3>Immigrant Visas</h3>
|
|
<ul>
|
|
<li><span>EB-1</span><strong>EB-1A, EB-1B, EB-1C</strong></li>
|
|
<li><span>EB-2 NIW</span><strong>self-petition and O-1-to-NIW strategy</strong></li>
|
|
<li><span>PERM</span><strong>labor certification and I-140 handoff</strong></li>
|
|
<li><span>EB-2 / EB-3</span><strong>PERM-based green card workflow</strong></li>
|
|
<li><span>AOS</span><strong>I-485, I-765, I-131 adult and child bundles</strong></li>
|
|
<li><span>Consular green card</span><strong>document and interview prep</strong></li>
|
|
</ul>
|
|
</article>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="uploads" class="section upload-band" aria-labelledby="uploads-title">
|
|
<div class="section-heading">
|
|
<p class="eyebrow">Evidence collection</p>
|
|
<h2 id="uploads-title">The checklist changes with the case.</h2>
|
|
</div>
|
|
<div class="upload-layout">
|
|
<div class="upload-list">
|
|
<button class="upload-item is-done" type="button" data-doc="passport">
|
|
<span>Passport and I-94</span><strong>Uploaded</strong>
|
|
</button>
|
|
<button class="upload-item is-done" type="button" data-doc="resume">
|
|
<span>Resume and biography</span><strong>Uploaded</strong>
|
|
</button>
|
|
<button class="upload-item" type="button" data-doc="awards">
|
|
<span>Awards, press, publications</span><strong>Needs review</strong>
|
|
</button>
|
|
<button class="upload-item" type="button" data-doc="letters">
|
|
<span>Recommendation letter inputs</span><strong>Drafting</strong>
|
|
</button>
|
|
<button class="upload-item" type="button" data-doc="company">
|
|
<span>Company registration and job details</span><strong>Waiting on HR</strong>
|
|
</button>
|
|
</div>
|
|
<div class="upload-detail" id="uploadDetail">
|
|
<p class="panel-label">Selected document</p>
|
|
<h3>Awards, press, publications</h3>
|
|
<p>
|
|
Abigail extracts dates, publication names, award criteria, circulation, and relevance to the proposed role.
|
|
</p>
|
|
<div class="draft-box">
|
|
<strong>AI draft output</strong>
|
|
<p>Evidence summary, exhibit labels, expert letter talking points, and petition narrative bullets.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="hr" class="section hr-band" aria-labelledby="hr-title">
|
|
<div class="section-heading">
|
|
<p class="eyebrow">For HR and employers</p>
|
|
<h2 id="hr-title">Company data uploaded once. Reused across matters.</h2>
|
|
</div>
|
|
<div class="hr-layout">
|
|
<div class="hr-copy">
|
|
<h3>One source of truth for company immigration.</h3>
|
|
<p>
|
|
HR can upload registration documents, EIN confirmations, financials, organizational charts, job descriptions,
|
|
wage data, employee records, and signatory information once. Abigail reuses verified company facts across
|
|
H-1B, L-1, PERM, EB-1C, TN, and amendment workflows.
|
|
</p>
|
|
<a class="secondary-button" href="#pathfinder">Run a sponsored case</a>
|
|
</div>
|
|
<div class="hr-dashboard" aria-label="HR dashboard preview">
|
|
<div class="dashboard-top">
|
|
<strong>Abigail HR Vault</strong>
|
|
<span>18 active cases</span>
|
|
</div>
|
|
<div class="dashboard-grid">
|
|
<div><span>Company profile</span><strong>Verified</strong></div>
|
|
<div><span>Signatories</span><strong>3 ready</strong></div>
|
|
<div><span>Job library</span><strong>42 roles</strong></div>
|
|
<div><span>Case blockers</span><strong>4 open</strong></div>
|
|
</div>
|
|
<div class="case-table">
|
|
<div><span>Marco L.</span><strong>H-1B transfer</strong><em>Wage review</em></div>
|
|
<div><span>Lin W.</span><strong>L-1B extension</strong><em>Drafting</em></div>
|
|
<div><span>Priya S.</span><strong>O-1A</strong><em>Attorney review</em></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section cta-band" aria-labelledby="cta-title">
|
|
<div>
|
|
<p class="eyebrow">Abigail Legal AI</p>
|
|
<h2 id="cta-title">A premium immigration firm, with software at the center.</h2>
|
|
<p>
|
|
The product promise is simple: clients move faster, HR stops repeating itself,
|
|
and attorneys spend their time on judgment instead of chasing basic facts.
|
|
</p>
|
|
</div>
|
|
<a class="primary-button" href="#pathfinder">Start with AI intake</a>
|
|
</section>
|
|
</main>
|
|
|
|
<footer class="site-footer">
|
|
<div>
|
|
<strong>Abigail</strong>
|
|
<p>AI-assisted immigration case preparation for attorney-led legal services.</p>
|
|
</div>
|
|
<p class="legal-note">
|
|
Prototype content only. Immigration guidance must be reviewed by a licensed attorney before use.
|
|
</p>
|
|
</footer>
|
|
|
|
<script src="assets/script.js"></script>
|
|
</body>
|
|
</html>
|