Merge pull request #507 from permitio/filipermit/advanced-walkthroughs

Fixed footers

docs/overview/access-requests-and-approvals.mdx

@@ -7,6 +7,8 @@ In this tutorial, you will learn how to integrate an access request and approval
 cover how users can **[request access](/embeddable-uis/element/access-request)** to specific areas of your
 application, while admins **review, [approve](/embeddable-uis/element/operation-approval) or deny** those requests effortlessly.
 
+import WhatsNext from "../../src/components/whats-next/WhatsNext";
+
 <br />
 
 ---
@@ -134,3 +136,7 @@ The concept of access requests and approvals dates back to ancient Egypt! In the
 as "approvals" to access royal documents or treasure rooms. These seals acted as both a request and an authorization tool, much
 like modern-day digital workflows.
 :::
+
+<WhatsNext progress={100} customText="You have officially mastered all walkthroughs.">
+  <h2>Congratulations! 🎉</h2>
+</WhatsNext>

docs/overview/advanced-authorization-queries.mdx

@@ -117,3 +117,12 @@ Did you know? The concept of "authorization" dates back to ancient times when of
 permission. Today, we use advanced databases and APIs, but the goal remains the same—ensuring the right people have access to
 the right things.
 :::
+
+<WhatsNext progress={88} customText="No Authorization Query stands a chance now!">
+  <h2>What's next? 🎉</h2>
+  <ul>
+    <li>Implement bulk permission checks to optimize authorization workflows</li>
+    <li>Use policy-based filtering to retrieve only relevant data</li>
+    <li>Query and manage user permissions dynamically</li>
+  </ul>
+</WhatsNext>

docs/overview/configure-your-first-rbac-policy.mdx

@@ -132,7 +132,7 @@ RBAC is so effective that it’s used by NASA to manage access to mission-critic
 permissions, they ensure that only authorized personnel can interact with sensitive spacecraft operations and data.
 :::
 
-<WhatsNext progress={20} customText="Congratulations! A great start!">
+<WhatsNext progress={11} customText="Congratulations! A great start!">
   <h2>What's next? 🎉</h2>
   <ul>
     <li>Fetching your API key</li>

docs/overview/create-a-rebac-policy.mdx

@@ -368,3 +368,12 @@ Now, let's use the provided snippet with out PDP to validate if the user can per
 
 </TimelineStep>
 </TimelineWrapper>
+
+<WhatsNext progress={66} customText="You are now a master of ReBAC!">
+  <h2>What's next? 🎉</h2>
+  <ul>
+    <li>Assign roles and permissions to users and tenants</li>
+    <li>Define and sync resource instances with attributes</li>
+    <li>Set up relationship tuples for dynamic access control</li>
+  </ul>
+</WhatsNext>

docs/overview/perform-policy-check-with-cloud-pdp.mdx

@@ -202,7 +202,7 @@ Companies like Netflix use similar mechanisms
 to authorize every single request in their systems—whether it’s playing a movie or accessing account settings.
 :::
 
-<WhatsNext progress={80} customText="Amazing. You're almost an expert.">
+<WhatsNext progress={44} customText="Amazing. You're almost an expert.">
   <h2>What's next? 🎉</h2>
   <ul>
     <li>Create user and resource attributes</li>

docs/overview/setup-attribute-based-access-control.mdx

@@ -141,6 +141,11 @@ resources—if the conditions (like their role, location, and task type) align p
 policy. This adaptability makes ABAC a popular choice for modern, cloud-based systems
 :::
 
-<WhatsNext progress={100} customText="You are officially an authorization champion.">
-  <h2>Woohoo! You did it. 🎉</h2>
+<WhatsNext progress={55} customText="You are now a master of ABAC!">
+  <h2>What's next? 🎉</h2>
+  <ul>
+    <li>Define resource relations and parent-child structures</li>
+    <li>Configure role derivations to automate access</li>
+    <li>Set up permissions to enforce your policy rules</li>{" "}
+  </ul>
 </WhatsNext>

docs/overview/sync-applications-data.mdx

@@ -234,3 +234,12 @@ Did you know that the concept of data synchronization dates back to the early da
 
 In the 19th century, synchronization was first used to align clocks for railway systems to prevent train collisions.
 :::
+
+<WhatsNext progress={77} customText="You can now sync any data into Permit!">
+  <h2>What's next? 🎉</h2>
+  <ul>
+    <li>Implement bulk permission checks to optimize authorization workflows</li>
+    <li>Use policy-based filtering to retrieve only relevant data</li>
+    <li>Query and manage user permissions dynamically</li>
+  </ul>
+</WhatsNext>

docs/overview/sync-your-first-user-with-sdk.mdx

@@ -200,7 +200,7 @@ Ever heard of the Cat Facts API? Developers created it as a joke, but it became
 sending random cat facts.
 :::
 
-<WhatsNext progress={60} customText="Great stuff. Ready to learn more?">
+<WhatsNext progress={33} customText="Great stuff. Ready to learn more?">
   <h2>What's next? 🎉</h2>
   <ul>
     <li>

docs/overview/use-the-permit-api-and-sdk.mdx

@@ -153,7 +153,7 @@ Ever heard of the [Cat Facts API](https://catfact.ninja/)? Developers created it
 sending random cat facts.
 :::
 
-<WhatsNext progress={40} customText="Nice work! Onto the next one.">
+<WhatsNext progress={22} customText="Nice work! Onto the next one.">
   <h2>What's next? 🎉</h2>
   <ul>
     <li>Sync yourn first user into Permit</li>

src/components/walkthroughs/home-cards-links.js

@@ -34,22 +34,37 @@ export const firstRow = [
   {
     type: "link",
     href: "overview/setup-attribute-based-access-control",
-    label: "Create an ABAC Policy",
+    label: "Create a ABAC Policy",
     svgIcon: <i className="ri-suitcase-line ri-xl !text-[#974ef2]"></i>,
     description: "Define flexible access rules using attributes for fine-grained control.",
   },
-  // {
-  //   type: "link",
-  //   href: "/overview/sync-application-data-into-permit",
-  //   label: "Sync your Application Data",
-  //   svgIcon: <i className="ri-suitcase-line ri-xl !text-[#974ef2]"></i>,
-  //   description: "Integrate roles, tenants, and permissions into Permit using the SDK or SCIM.",
-  // },
-  // {
-  //   type: "link",
-  //   href: "/overview/perform-a-local-policy-check",
-  //   label: "Run a Local Policy Check using the PDP",
-  //   svgIcon: <i className="ri-suitcase-line ri-xl !text-[#974ef2]"></i>,
-  //   description: "Run authorization checks locally for faster and more secure decisions.",
-  // },
+  {
+    type: "link",
+    href: "/overview/create-a-rebac-policy",
+    label: "Create a ReBAC Policy",
+    svgIcon: <i className="ri-git-branch-line ri-xl !text-[#974ef2]"></i>,
+    description: "Define policy structure based on Relationships.",
+  },
+  {
+    type: "link",
+    href: "/overview/sync-applications-data",
+    label: "Sync Data into your App",
+    svgIcon: <i className="ri-database-2-line ri-xl !text-[#974ef2]"></i>,
+    description: "Data entities and how to sync them to Permit in advance.",
+  },
+  {
+    type: "link",
+    href: "/overview/advanced-authorization-queries",
+    label: "Advanced Authorization Queries",
+    svgIcon: <i className="ri-search-line ri-xl !text-[#974ef2]"></i>,
+    description:
+      "Retrieve permissions, manage authorized users, and efficiently sync user data with Permit.",
+  },
+  {
+    type: "link",
+    href: "/overview/access-requests-and-approvals",
+    label: "Access Requests & Approvals",
+    svgIcon: <i className="ri-key-line ri-xl !text-[#974ef2]"></i>,
+    description: "Integrate an access request and approval system into your app.",
+  },
 ];