v1: full rebuild as Paprika (13 pages from build note v2)
This commit is contained in:
seven
390
v1/start-here.html
Normal file
390
v1/start-here.html
Normal file
@@ -0,0 +1,390 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Start Here — Paprika</title>
|
||||
<meta name="description" content="Send us your profile. We review your background and tell you what evidence path makes sense for your timeline.">
|
||||
<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); }
|
||||
.intake-shell {
|
||||
display: grid;
|
||||
grid-template-columns: 1.3fr 1fr;
|
||||
gap: 56px;
|
||||
align-items: start;
|
||||
margin-top: 24px;
|
||||
}
|
||||
.intake-card {
|
||||
background: var(--paper);
|
||||
border: 1px solid var(--rule);
|
||||
border-radius: 18px;
|
||||
padding: 40px;
|
||||
}
|
||||
.intake-card h2 {
|
||||
font-size: 26px;
|
||||
margin: 0 0 8px;
|
||||
}
|
||||
.intake-card .sub {
|
||||
font-size: 14px;
|
||||
color: var(--mute);
|
||||
margin: 0 0 28px;
|
||||
line-height: 1.55;
|
||||
}
|
||||
.form-section-title {
|
||||
font-family: "Inter", sans-serif;
|
||||
font-size: 11px;
|
||||
font-weight: 700;
|
||||
letter-spacing: 0.14em;
|
||||
text-transform: uppercase;
|
||||
color: var(--paprika);
|
||||
margin: 28px 0 14px;
|
||||
padding-bottom: 8px;
|
||||
border-bottom: 1px solid var(--rule);
|
||||
}
|
||||
.form-section-title:first-of-type { margin-top: 0; }
|
||||
.form-row {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 12px;
|
||||
}
|
||||
.submit-btn {
|
||||
background: var(--paprika);
|
||||
color: white;
|
||||
border: 0;
|
||||
padding: 14px 24px;
|
||||
border-radius: 999px;
|
||||
font: inherit;
|
||||
font-size: 15px;
|
||||
font-weight: 600;
|
||||
cursor: pointer;
|
||||
margin-top: 16px;
|
||||
width: 100%;
|
||||
transition: background 0.15s;
|
||||
}
|
||||
.submit-btn:hover { background: #A8311F; }
|
||||
.form-fine {
|
||||
font-size: 12px;
|
||||
color: var(--mute);
|
||||
margin-top: 14px;
|
||||
line-height: 1.55;
|
||||
}
|
||||
|
||||
/* Side panel */
|
||||
.side-panel {
|
||||
position: sticky; top: 96px;
|
||||
}
|
||||
.side-card {
|
||||
background: var(--paprika-light);
|
||||
border-radius: 14px;
|
||||
padding: 28px 30px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.side-card h3 {
|
||||
font-size: 18px;
|
||||
margin: 0 0 10px;
|
||||
color: var(--ink);
|
||||
}
|
||||
.side-card p {
|
||||
margin: 0 0 12px;
|
||||
font-size: 14px;
|
||||
color: var(--body);
|
||||
line-height: 1.6;
|
||||
}
|
||||
.side-card ul { list-style: none; padding: 0; margin: 12px 0 0; }
|
||||
.side-card li {
|
||||
padding: 6px 0 6px 22px;
|
||||
position: relative;
|
||||
font-size: 13px;
|
||||
color: var(--body);
|
||||
}
|
||||
.side-card li::before {
|
||||
content: "→";
|
||||
position: absolute; left: 0;
|
||||
color: var(--paprika);
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.tier-list {
|
||||
background: var(--paper-2);
|
||||
border: 1px solid var(--rule);
|
||||
border-radius: 14px;
|
||||
padding: 28px 30px;
|
||||
}
|
||||
.tier-list h3 {
|
||||
font-size: 13px;
|
||||
font-family: "Inter", sans-serif;
|
||||
font-weight: 700;
|
||||
letter-spacing: 0.12em;
|
||||
text-transform: uppercase;
|
||||
color: var(--paprika);
|
||||
margin: 0 0 16px;
|
||||
}
|
||||
.tier-item {
|
||||
padding: 14px 0;
|
||||
border-top: 1px solid var(--rule);
|
||||
}
|
||||
.tier-item:first-of-type { border-top: 0; padding-top: 0; }
|
||||
.tier-item .tier-name {
|
||||
font-family: "Inter", sans-serif;
|
||||
font-size: 13px;
|
||||
font-weight: 700;
|
||||
color: var(--ink);
|
||||
margin: 0 0 4px;
|
||||
}
|
||||
.tier-item p {
|
||||
font-size: 13px;
|
||||
color: var(--mute);
|
||||
margin: 0;
|
||||
line-height: 1.55;
|
||||
}
|
||||
|
||||
@media (max-width: 980px) {
|
||||
.intake-shell { grid-template-columns: 1fr; }
|
||||
.side-panel { position: static; }
|
||||
}
|
||||
@media (max-width: 880px) {
|
||||
.form-row { grid-template-columns: 1fr; }
|
||||
.intake-card { padding: 28px; }
|
||||
}
|
||||
</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 & 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">Resources</a>
|
||||
</div>
|
||||
<a href="start-here.html" class="nav-cta active">Start Here</a>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- HERO -->
|
||||
<section class="hero">
|
||||
<div class="container">
|
||||
<div class="eyebrow">Start Here</div>
|
||||
<h1>Send us <em>your profile.</em></h1>
|
||||
<p class="lead">Share your LinkedIn or CV. We review your background and tell you what evidence path makes sense for your profile and timeline — no commitment required.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section" style="padding-top:0">
|
||||
<div class="container">
|
||||
<div class="intake-shell">
|
||||
|
||||
<!-- LEFT: form -->
|
||||
<div class="intake-card">
|
||||
<h2>Profile assessment request</h2>
|
||||
<p class="sub">A real human reviews every submission. We respond within 2 business days.</p>
|
||||
|
||||
<form onsubmit="event.preventDefault(); alert('Thank you — we will review your profile and respond within 2 business days.');">
|
||||
|
||||
<div class="form-section-title">About you</div>
|
||||
<div class="form-row">
|
||||
<div class="field">
|
||||
<label>Full name <span class="req">*</span></label>
|
||||
<input type="text" name="name" required>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label>Email <span class="req">*</span></label>
|
||||
<input type="email" name="email" required>
|
||||
</div>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label>LinkedIn URL <span class="req">*</span></label>
|
||||
<input type="url" name="linkedin" placeholder="linkedin.com/in/…" required>
|
||||
</div>
|
||||
<div class="form-row">
|
||||
<div class="field">
|
||||
<label>Personal website (optional)</label>
|
||||
<input type="url" name="website" placeholder="https://">
|
||||
</div>
|
||||
<div class="field">
|
||||
<label>Current location</label>
|
||||
<input type="text" name="location" placeholder="City, country">
|
||||
</div>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label>CV or resume (optional)</label>
|
||||
<input type="file" name="cv" accept=".pdf,.doc,.docx">
|
||||
<div class="field-hint">PDF, DOC, or DOCX. Optional but helpful.</div>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label>Field or industry</label>
|
||||
<input type="text" name="field" placeholder="e.g., AI research, fintech, biotech, design">
|
||||
</div>
|
||||
|
||||
<div class="form-section-title">Your goals</div>
|
||||
<div class="form-row">
|
||||
<div class="field">
|
||||
<label>Target visa or goal</label>
|
||||
<select name="visa">
|
||||
<option>Choose…</option>
|
||||
<option>O-1A</option>
|
||||
<option>O-1B</option>
|
||||
<option>EB-1A</option>
|
||||
<option>EB-2 NIW</option>
|
||||
<option>General PR / Founder visibility</option>
|
||||
<option>Not sure</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label>Timeline</label>
|
||||
<select name="timeline">
|
||||
<option>Choose…</option>
|
||||
<option>12+ months out</option>
|
||||
<option>6–12 months out</option>
|
||||
<option>Under 6 months</option>
|
||||
<option>Not sure</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-section-title">Existing evidence</div>
|
||||
<div class="form-row">
|
||||
<div class="field">
|
||||
<label>Existing press?</label>
|
||||
<select name="press"><option>No</option><option>Some</option><option>Yes</option></select>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label>Existing judging?</label>
|
||||
<select name="judging"><option>No</option><option>Some</option><option>Yes</option></select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-row">
|
||||
<div class="field">
|
||||
<label>Existing publications / authorship?</label>
|
||||
<select name="pub"><option>No</option><option>Some</option><option>Yes</option></select>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label>Already have an immigration attorney?</label>
|
||||
<select name="atty"><option>Not yet</option><option>No</option><option>Yes</option></select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-section-title">Engagement</div>
|
||||
<div class="field">
|
||||
<label>What do you need help with?</label>
|
||||
<select name="need">
|
||||
<option>Press</option>
|
||||
<option>Judging</option>
|
||||
<option>Scholarly Articles</option>
|
||||
<option>Full evidence strategy</option>
|
||||
<option>Immigration counsel referral</option>
|
||||
<option>Not sure</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label>Budget range</label>
|
||||
<select name="budget">
|
||||
<option>Choose…</option>
|
||||
<option>Under $2K</option>
|
||||
<option>$2K – $5K</option>
|
||||
<option>$5K – $10K</option>
|
||||
<option>$10K+</option>
|
||||
<option>Not sure</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="field" id="question">
|
||||
<label>Question or additional context</label>
|
||||
<textarea name="context" rows="4" placeholder="Tell us anything else that might help us assess your profile or your goal."></textarea>
|
||||
</div>
|
||||
|
||||
<button type="submit" class="submit-btn">Send My Profile</button>
|
||||
|
||||
<div class="form-fine">
|
||||
By submitting, you agree to be contacted about Paprika's services. We do not share your information with third parties. Submitting this form does not create a client engagement or attorney-client relationship.
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<!-- RIGHT: panel -->
|
||||
<div class="side-panel">
|
||||
<div class="side-card">
|
||||
<h3>What happens next</h3>
|
||||
<p>A real person from our team reviews your profile and responds with a candid assessment.</p>
|
||||
<ul>
|
||||
<li>Review within 2 business days</li>
|
||||
<li>Email with profile feedback and recommended path</li>
|
||||
<li>Optional follow-up call after written response</li>
|
||||
<li>No spam, no Calendly link in this thread</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="tier-list">
|
||||
<h3>Three ways to engage</h3>
|
||||
<div class="tier-item">
|
||||
<div class="tier-name">Tier 1 · Email Q&A</div>
|
||||
<p>Free. Low-friction inbound. Answered by our team. Not legal advice.</p>
|
||||
</div>
|
||||
<div class="tier-item">
|
||||
<div class="tier-name">Tier 2 · Intro Call</div>
|
||||
<p>Free or nominal fee. Intake calls, onboarding, service questions. Not a legal consultation.</p>
|
||||
</div>
|
||||
<div class="tier-item">
|
||||
<div class="tier-name">Tier 3 · Evidence Strategy Session</div>
|
||||
<p>Paid. Profile-specific evidence plan. Framed as evidence strategy, not legal advice.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="side-card" id="counsel" style="background: var(--ink); color: var(--paper);">
|
||||
<h3 style="color: var(--paper);">Need immigration counsel?</h3>
|
||||
<p style="color: #C9CDD3;">If you need O-1 petition representation or agent filing, mention it in the form and our team will route you to an experienced immigration attorney. This is a referral, not a legal service provided by Paprika.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FOOTER -->
|
||||
<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 & 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>
|
||||
Reference in New Issue
Block a user