Files
abigail-site/v1/resources.html

227 lines
7.1 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Resources — Paprika</title>
<meta name="description" content="Guides, criteria explainers, and FAQs for O-1 talent. Educational content from Paprika.">
<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=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles.css">
<style>
.hero h1 em { font-style: italic; color: var(--paprika); }
.res-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.res-card {
background: var(--paper);
border: 1px solid var(--rule);
border-radius: 14px;
padding: 32px 30px;
transition: all 0.15s;
display: flex; flex-direction: column;
}
.res-card:hover {
border-color: var(--paprika);
transform: translateY(-3px);
box-shadow: 0 12px 28px rgba(192,57,43,0.08);
}
.res-card .res-tag {
font-family: "Inter", sans-serif;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--paprika);
margin-bottom: 14px;
}
.res-card h3 {
font-size: 20px;
line-height: 1.2;
margin: 0 0 10px;
}
.res-card p {
font-size: 14px;
color: var(--mute);
margin: 0 0 18px;
line-height: 1.6;
flex: 1;
}
.res-card .link {
font-size: 12px;
font-weight: 700;
color: var(--ink);
text-transform: uppercase;
letter-spacing: 0.1em;
}
.res-card:hover .link { color: var(--paprika); }
.upcoming-list {
background: var(--paprika-light);
border-radius: 14px;
padding: 36px 40px;
}
.upcoming-list h3 {
font-size: 20px;
margin: 0 0 6px;
}
.upcoming-list .lead {
font-size: 14px; color: var(--mute);
margin: 0 0 22px;
}
.upcoming-list ul {
list-style: none; padding: 0; margin: 0;
columns: 2; column-gap: 32px;
}
.upcoming-list li {
padding: 8px 0 8px 22px;
position: relative;
font-size: 14px;
color: var(--body);
break-inside: avoid;
line-height: 1.5;
}
.upcoming-list li::before {
content: "→";
position: absolute; left: 0;
color: var(--paprika);
font-weight: 700;
}
@media (max-width: 880px) {
.res-grid { grid-template-columns: 1fr; }
.upcoming-list ul { columns: 1; }
}
</style>
</head>
<body>
<nav>
<div class="container">
<a class="brand" href="index.html">
<span class="brand-name">Paprika</span>
<span class="brand-tagline">Attorney-Curated Press &amp; Evidence for O-1 Talent</span>
</a>
<div class="nav-links">
<a href="press.html">Press</a>
<a href="judging.html">Judging</a>
<a href="scholarly.html">Scholarly Articles</a>
<a href="services.html">Services</a>
<a href="why-paprika.html">Why Paprika</a>
<a href="resources.html" class="active">Resources</a>
</div>
<a href="start-here.html" class="nav-cta">Start Here</a>
</div>
</nav>
<section class="hero centered">
<div class="container">
<div class="eyebrow">Resources</div>
<h1>Educational content for <em>O-1 talent.</em></h1>
<p class="lead">Criteria explainers, evidence-strategy guides, and answers to the questions every candidate ends up Googling.</p>
</div>
</section>
<section class="section alt">
<div class="container">
<div class="section-head">
<h2>Start here.</h2>
<p>Three foundational reads for anyone exploring O-1 evidence-building.</p>
</div>
<div class="res-grid">
<a class="res-card" href="faq.html">
<div class="res-tag">FAQ</div>
<h3>Frequently asked questions</h3>
<p>What Paprika is, what we don't do, when to start, how pricing works, what attorney-curated means.</p>
<span class="link">Read FAQ →</span>
</a>
<a class="res-card" href="press.html">
<div class="res-tag">Press 101</div>
<h3>Editorial vs. contributor content</h3>
<p>Why an article on the same major outlet can be powerful evidence — or essentially useless. The label tells the story.</p>
<span class="link">Read on the Press page →</span>
</a>
<a class="res-card" href="why-paprika.html">
<div class="res-tag">Our Standard</div>
<h3>The questions our review asks</h3>
<p>The seven evaluative questions Paprika asks before recommending any opportunity. The attorney-caliber lens.</p>
<span class="link">See Our Standard →</span>
</a>
</div>
</div>
</section>
<section class="section">
<div class="container">
<div class="upcoming-list">
<h3>Articles in development</h3>
<p class="lead">Our editorial pipeline. Subscribe via the intake form if you'd like to be notified when these go live.</p>
<ul>
<li>The O-1A criteria, decoded by what USCIS actually credits</li>
<li>How long should an O-1A press timeline actually be?</li>
<li>Why "contributor content" labels matter (with screenshots)</li>
<li>Picking judging opportunities that count: a field-by-field map</li>
<li>The Dhanasar test in plain English (EB-2 NIW)</li>
<li>What makes a recommendation letter strong vs. generic</li>
<li>Press strategy for founders vs. researchers vs. creators</li>
<li>When to use Paprika alongside your existing attorney</li>
</ul>
</div>
</div>
</section>
<section class="section">
<div class="container">
<div class="cta-band">
<h2>Want a profile-specific answer?</h2>
<p>Generic guides only go so far. Send your LinkedIn or CV and we'll tell you what matters for your case.</p>
<a href="start-here.html" class="btn btn-primary">Send Us Your Profile</a>
</div>
</div>
</section>
<footer>
<div class="container">
<div>
<div class="brand-name" style="margin-bottom:6px;">Paprika</div>
<div style="font-size:12px; max-width:280px; line-height:1.55;">Attorney-Curated Press &amp; Evidence for O-1 Talent.</div>
</div>
<div class="footer-col">
<h4>Services</h4>
<a href="press.html">Press</a>
<a href="judging.html">Judging</a>
<a href="scholarly.html">Scholarly Articles</a>
<a href="services.html">Packages</a>
</div>
<div class="footer-col">
<h4>About</h4>
<a href="why-paprika.html">Why Paprika</a>
<a href="resources.html">Resources</a>
<a href="faq.html">FAQ</a>
<a href="about.html">About</a>
</div>
<div class="footer-col">
<h4>Legal</h4>
<a href="terms.html">Terms of Service</a>
<a href="privacy.html">Privacy</a>
<a href="disclaimer.html">Disclaimer</a>
<a href="start-here.html">Start Here</a>
</div>
</div>
<div class="container">
<div class="disclaimer">
Paprika is not a law firm and does not provide legal advice or immigration representation. Use of our services does not create an attorney-client relationship.
</div>
</div>
</footer>
</body>
</html>