Create Space 5 Onboarding page
cgen-578d6f95b2d74831a243c45bd578f9db
This commit is contained in:
Builder.io
parent
8758773ac4
commit
3b17046b3e
1 changed files with 204 additions and 0 deletions
204
client/pages/internal-docs/Space5Onboarding.tsx
Normal file
204
client/pages/internal-docs/Space5Onboarding.tsx
Normal file
|
|
@ -0,0 +1,204 @@
|
|||
import InternalDocsLayout from "./InternalDocsLayout";
|
||||
|
||||
export default function Space5Onboarding() {
|
||||
return (
|
||||
<InternalDocsLayout
|
||||
title="New Hire Onboarding"
|
||||
description="SOP-300"
|
||||
>
|
||||
<div className="space-y-8">
|
||||
<div className="bg-slate-800/50 border border-slate-700 rounded-lg p-6">
|
||||
<p className="text-slate-300 leading-relaxed">
|
||||
Welcome to AeThex! This guide walks new hires through their first
|
||||
days/weeks. It covers setup, culture, and key information you need
|
||||
to succeed.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<section>
|
||||
<h3 className="text-2xl font-bold text-white mb-4">
|
||||
Before Your First Day
|
||||
</h3>
|
||||
<div className="space-y-3">
|
||||
<div className="bg-slate-800/30 border border-slate-700 rounded-lg p-4">
|
||||
<h4 className="font-semibold text-white mb-2">HR Tasks</h4>
|
||||
<ul className="text-sm text-slate-300 space-y-1 pl-4">
|
||||
<li>✓ Signed offer letter & employment agreement</li>
|
||||
<li>✓ Tax forms (W-4, I-9)</li>
|
||||
<li>✓ Benefits enrollment (if eligible)</li>
|
||||
<li>✓ Background check completed</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div className="bg-slate-800/30 border border-slate-700 rounded-lg p-4">
|
||||
<h4 className="font-semibold text-white mb-2">Tech Setup</h4>
|
||||
<ul className="text-sm text-slate-300 space-y-1 pl-4">
|
||||
<li>✓ Laptop & peripherals</li>
|
||||
<li>✓ Email account created</li>
|
||||
<li>✓ GitHub account linked</li>
|
||||
<li>✓ Supabase access granted</li>
|
||||
<li>✓ Discord account & channels</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h3 className="text-2xl font-bold text-white mb-4">
|
||||
Your First Week
|
||||
</h3>
|
||||
<div className="space-y-4">
|
||||
<div className="flex gap-4 p-4 bg-slate-800/30 border border-slate-700 rounded-lg">
|
||||
<div className="flex-shrink-0 w-8 h-8 rounded-full bg-blue-500 flex items-center justify-center font-bold text-white text-sm">
|
||||
1
|
||||
</div>
|
||||
<div>
|
||||
<p className="font-semibold text-white mb-1">Day 1: Welcome</p>
|
||||
<p className="text-sm text-slate-300">
|
||||
Meet your manager, team intro, office/remote setup
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="flex gap-4 p-4 bg-slate-800/30 border border-slate-700 rounded-lg">
|
||||
<div className="flex-shrink-0 w-8 h-8 rounded-full bg-blue-500 flex items-center justify-center font-bold text-white text-sm">
|
||||
2
|
||||
</div>
|
||||
<div>
|
||||
<p className="font-semibold text-white mb-1">
|
||||
Day 2-3: Onboarding Training
|
||||
</p>
|
||||
<p className="text-sm text-slate-300">
|
||||
Review Code of Conduct, Communication Protocol, tech stack
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="flex gap-4 p-4 bg-slate-800/30 border border-slate-700 rounded-lg">
|
||||
<div className="flex-shrink-0 w-8 h-8 rounded-full bg-blue-500 flex items-center justify-center font-bold text-white text-sm">
|
||||
3
|
||||
</div>
|
||||
<div>
|
||||
<p className="font-semibold text-white mb-1">
|
||||
Day 4-5: First Task
|
||||
</p>
|
||||
<p className="text-sm text-slate-300">
|
||||
Manager assigns small, achievable first task to get comfortable
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h3 className="text-2xl font-bold text-white mb-4">
|
||||
Your First Month
|
||||
</h3>
|
||||
<div className="space-y-4">
|
||||
<div className="bg-slate-800/30 border border-slate-700 rounded-lg p-4">
|
||||
<h4 className="font-semibold text-white mb-2">Week 1-2</h4>
|
||||
<ul className="text-sm text-slate-300 space-y-1 pl-4">
|
||||
<li>• Dev environment setup</li>
|
||||
<li>• Review product documentation</li>
|
||||
<li>• 1-on-1 meetings with cross-functional leads</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div className="bg-slate-800/30 border border-slate-700 rounded-lg p-4">
|
||||
<h4 className="font-semibold text-white mb-2">Week 3-4</h4>
|
||||
<ul className="text-sm text-slate-300 space-y-1 pl-4">
|
||||
<li>• Complete first sprint</li>
|
||||
<li>• Contribute code (with review)</li>
|
||||
<li>• Attend all team meetings</li>
|
||||
<li>• 30-day check-in with manager</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h3 className="text-2xl font-bold text-white mb-4">
|
||||
Essential Resources
|
||||
</h3>
|
||||
<div className="space-y-3">
|
||||
<div className="bg-slate-800/30 border border-slate-700 rounded-lg p-4">
|
||||
<h4 className="font-semibold text-white mb-2">Documentation</h4>
|
||||
<ul className="text-sm text-slate-300 space-y-1 pl-4">
|
||||
<li>• Internal Docs Hub (you're reading it!)</li>
|
||||
<li>• Code of Conduct (KND-004)</li>
|
||||
<li>• Communication Protocol (SOP-000)</li>
|
||||
<li>• Tech Stack Overview (KND-003)</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div className="bg-slate-800/30 border border-slate-700 rounded-lg p-4">
|
||||
<h4 className="font-semibold text-white mb-2">Digital Tools</h4>
|
||||
<ul className="text-sm text-slate-300 space-y-1 pl-4">
|
||||
<li>• GitHub - Code repos & documentation</li>
|
||||
<li>• Discord - Team chat</li>
|
||||
<li>• Email - Formal communication</li>
|
||||
<li>• Supabase - Database access</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div className="bg-slate-800/30 border border-slate-700 rounded-lg p-4">
|
||||
<h4 className="font-semibold text-white mb-2">People</h4>
|
||||
<ul className="text-sm text-slate-300 space-y-1 pl-4">
|
||||
<li>• Your manager - Ask questions, feedback, guidance</li>
|
||||
<li>• HR - Benefits, policies, onboarding</li>
|
||||
<li>• Team leads - Technical questions</li>
|
||||
<li>• Colleagues - Culture & connection</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h3 className="text-2xl font-bold text-white mb-4">
|
||||
What to Expect from AeThex
|
||||
</h3>
|
||||
<div className="bg-slate-800/30 border border-slate-700 rounded-lg p-4 space-y-3">
|
||||
<div>
|
||||
<p className="font-semibold text-blue-400 mb-2">✓ Autonomy</p>
|
||||
<p className="text-sm text-slate-300">
|
||||
We trust you to do good work. Ownership and accountability are
|
||||
valued.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<p className="font-semibold text-blue-400 mb-2">✓ Growth</p>
|
||||
<p className="text-sm text-slate-300">
|
||||
Investment in your development. Learning budget, mentorship,
|
||||
career path.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<p className="font-semibold text-blue-400 mb-2">✓ Transparency</p>
|
||||
<p className="text-sm text-slate-300">
|
||||
We share information openly. You'll know what's happening across
|
||||
the company.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<p className="font-semibold text-blue-400 mb-2">✓ Community</p>
|
||||
<p className="text-sm text-slate-300">
|
||||
You're part of something bigger. We care about each other's
|
||||
success.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div className="border-l-4 border-blue-500 pl-6 py-4 bg-blue-900/10">
|
||||
<p className="text-sm text-slate-300">
|
||||
<strong>Questions?</strong> Ask your manager or HR. We're here to
|
||||
help you succeed.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</InternalDocsLayout>
|
||||
);
|
||||
}
|
||||
Loading…
Reference in a new issue