From bee198ba424beb7a7f8735d48b368f3ebb081ce9 Mon Sep 17 00:00:00 2001
From: JoelVR17 <vermudo.com@gmail.com>
Date: Sun, 23 Feb 2025 23:31:45 -0600
Subject: [PATCH] feat: add onboarding steps for Trustless Work tutorial

---
 src/constants/steps/steps.tsx | 38 +++++++++++++++++++++++++++++++++++
 1 file changed, 38 insertions(+)
 create mode 100644 src/constants/steps/steps.tsx

diff --git a/src/constants/steps/steps.tsx b/src/constants/steps/steps.tsx
new file mode 100644
index 0000000..bb819f5
--- /dev/null
+++ b/src/constants/steps/steps.tsx
@@ -0,0 +1,38 @@
+import { Placement } from "react-joyride";
+
+export const steps = [
+  {
+    title: <strong>Welcome to Trustless Work!</strong>,
+    content: <h2>Here you can understand how to use our API!</h2>,
+    placement: "center" as Placement,
+    target: "body",
+  },
+  {
+    title: <strong>Roles in Trustless Work</strong>,
+    content: <h2>Here you'll find all the roles in each Escrow.</h2>,
+    placement: "auto" as Placement,
+    target: "#step-1",
+  },
+  {
+    title: <strong>Initialize an Escrow</strong>,
+    content: (
+      <h2>
+        Start by setting up a new escrow agreement. This includes specifying the
+        terms, amounts, and parties involved.
+      </h2>
+    ),
+    placement: "auto" as Placement,
+    target: "#step-2",
+  },
+  {
+    title: <strong>Your Escrows</strong>,
+    content: (
+      <h2>
+        Here you can see all the escrows you've created or are involved in
+        depending on your role.
+      </h2>
+    ),
+    placement: "auto" as Placement,
+    target: "#step-3",
+  },
+];