diff --git a/client/pages/internal-docs/Space1FindYourRole.tsx b/client/pages/internal-docs/Space1FindYourRole.tsx new file mode 100644 index 00000000..7b97c380 --- /dev/null +++ b/client/pages/internal-docs/Space1FindYourRole.tsx @@ -0,0 +1,164 @@ +import InternalDocsLayout from "./InternalDocsLayout"; +import { Link } from "react-router-dom"; +import { ChevronRight } from "lucide-react"; + +export default function Space1FindYourRole() { + const roles = [ + { + id: "w2-employee", + emoji: "👔", + title: "W-2 Employee", + subtitle: "of The AeThex Corp", + description: + "You're on our payroll. You have salary, benefits, and direct reports.", + docLink: "/internal-docs/onboarding", + docTitle: "Employee Handbook", + details: [ + "Full-time position at The Corp", + "Eligible for health insurance, PTO, retirement", + "Report to a manager", + "Covered by employment law", + ], + }, + { + id: "contractor", + emoji: "🔧", + title: "Project Contractor", + subtitle: "of The AeThex Corp", + description: + "You work on specific projects with defined scope, timeline, and budget.", + docLink: "/internal-docs/finance", + docTitle: "Contractor SOP", + details: [ + "Project-based engagement", + "Invoice-based payment", + "Defined deliverables", + "1099 independent contractor", + ], + }, + { + id: "community", + emoji: "🌱", + title: "Community Member", + subtitle: "of The AeThex Foundation", + description: + "You're part of our community programs, open-source initiatives, or mentorship.", + docLink: "/internal-docs/foundation-programs", + docTitle: "Community Developer SOP", + details: [ + "Volunteer or community contributor", + "Participate in programs & initiatives", + "Access to community resources", + "Part of our public mission", + ], + }, + ]; + + return ( + +
+
+

+ Your role determines which set of rules, policies, and processes + apply to you. Click your role below to see your SOP (Standard + Operating Procedure) and responsibilities. +

+
+ +
+ {roles.map((role) => ( +
+
+ {/* Role Info */} +
+
+
{role.emoji}
+
+

+ {role.title} +

+

+ {role.subtitle} +

+
+
+

{role.description}

+
+

+ What this means: +

+
    + {role.details.map((detail, idx) => ( +
  • + → + {detail} +
  • + ))} +
+
+
+ + {/* CTA */} +
+ + {role.docTitle} + + +

+ View your SOP → +

+
+
+
+ ))} +
+ +
+

Not Sure?

+

+ If you're unsure which category applies to you, here's how to tell: +

+
+
+

+ Do you receive a W-2 and regular paycheck? +

+

→ You're an Employee

+
+
+

+ Are you hired for a specific project with an end date? +

+

→ You're a Contractor

+
+
+

+ Do you participate in community programs or volunteer? +

+

+ → You're a Community Member +

+
+
+
+ +
+

+ Note: You might have multiple roles. For example, + you could be an Employee AND a Community Member. In that case, refer + to both SOPs. +

+
+
+
+ ); +}