-
{"https://app.plane.so/"}
+
);
};
diff --git a/apps/app/constants/workspace.ts b/apps/app/constants/workspace.ts
index 0feb114cb..8fdc4ee97 100644
--- a/apps/app/constants/workspace.ts
+++ b/apps/app/constants/workspace.ts
@@ -1,3 +1,9 @@
+import Welcome from "public/onboarding/welcome.svg";
+import Issue from "public/onboarding/issue.svg";
+import Cycle from "public/onboarding/cycle.svg";
+import Module from "public/onboarding/module.svg";
+import CommandMenu from "public/onboarding/command-menu.svg";
+
export const ROLE = {
5: "Guest",
10: "Viewer",
@@ -11,3 +17,49 @@ export const COMPANY_SIZE = [
{ value: 25, label: "25" },
{ value: 50, label: "50" },
];
+
+export const USER_ROLE = [
+ { value: "Founder or leadership team", label: "Founder or leadership team" },
+ { value: "Product manager", label: "Product manager" },
+ { value: "Designer", label: "Designer" },
+ { value: "Software developer", label: "Software developer" },
+ { value: "Freelancer", label: "Freelancer" },
+ { value: "Other", label: "Other" },
+];
+
+export const ONBOARDING_CARDS = {
+ welcome: {
+ imgURL: Welcome,
+ step: "1/5",
+ title: "Welcome to Plane",
+ description:
+ "Plane helps you plan your issues, cycles, and product modules to ship faster.",
+ },
+ issue: {
+ imgURL: Issue,
+ step: "2/5",
+ title: "Plan with Issues",
+ description:
+ "The issue is the building block of the Plane. Most concepts in Plane are either associated with issues and their properties.",
+ },
+ cycle: {
+ imgURL: Cycle,
+ step: "3/5",
+ title: "Move with Cycles",
+ description:
+ "Cycles help you and your team to progress faster, similar to the sprints commonly used in agile development.",
+ },
+ module: {
+ imgURL: Module,
+ step: "4/5",
+ title: "Break into Modules ",
+ description:
+ "Modules break your big think into Projects or Features , to help you organize better.",
+ },
+ commandMenu: {
+ imgURL: CommandMenu,
+ step: "5 /5",
+ title: "Command Menu",
+ description: "With Command Menu, you can create, update and navigate across the platform.",
+ },
+};
diff --git a/apps/app/pages/onboarding.tsx b/apps/app/pages/onboarding.tsx
index 9bae9bf9a..b2a7e987f 100644
--- a/apps/app/pages/onboarding.tsx
+++ b/apps/app/pages/onboarding.tsx
@@ -12,14 +12,11 @@ import useUser from "hooks/use-user";
// layouts
import DefaultLayout from "layouts/default-layout";
// components
-import Welcome from "components/onboarding/welcome";
-import PlanWithIssues from "components/onboarding/plan-with-issues";
-import MoveWithCycles from "components/onboarding/move-with-cycles";
-import BreakIntoModules from "components/onboarding/break-into-modules";
-import UserDetails from "components/onboarding/user-details";
-import Workspace from "components/onboarding/workspace";
-import InviteMembers from "components/onboarding/invite-members";
-import CommandMenu from "components/onboarding/command-menu";
+import { InviteMembers, OnboardingCard, UserDetails, Workspace } from "components/onboarding";
+// ui
+import { PrimaryButton } from "components/ui";
+// constant
+import { ONBOARDING_CARDS } from "constants/workspace";
// images
import Logo from "public/onboarding/logo.svg";
// types
@@ -38,9 +35,9 @@ const Onboarding: NextPage = () => {
{step <= 3 ? (
-
-
-
+
+
+
{step === 1 ? (
@@ -51,39 +48,40 @@ const Onboarding: NextPage = () => {
)}
) : (
-