diff --git a/docs/intro/ff-ui/dashboard.md b/docs/intro/ff-ui/dashboard.md
index d1b59859..a54df2a0 100644
--- a/docs/intro/ff-ui/dashboard.md
+++ b/docs/intro/ff-ui/dashboard.md
@@ -31,7 +31,7 @@ You can also find links to various resources to help you build apps with Flutter
 
 - **Filter Projects**: Filter projects by privacy setting: private, shared by you, or shared with you.
 
-- **Tag Projects**: You can create and add a tag to projects, providing a quick and organized way to classify and identify projects based on their characteristics, purpose, or status. For detailed steps, see [Creating and Managing Tags](../../resources/projects/how-to-create-find-organize-projects.md#creating-and-managing-tags).
+- **Tag Projects**: You can create and add a tag to projects, providing a quick and organized way to classify and identify projects based on their characteristics, purpose, or status. For detailed steps, see [Creating and Managing Tags](../../resources/projects/how-to-create-find-organize-projects.md#create-and-add-tags-to-projects).
 
 - **Create a New Project**: To create a new project, use the **+ Create New** button. Learn more about [creating a new project](../../resources/projects/how-to-create-find-organize-projects.md#how-to-create-a-project).
 
diff --git a/docs/resources/projects/how-to-create-find-organize-projects.md b/docs/resources/projects/how-to-create-find-organize-projects.md
index ea40d83f..404a123f 100644
--- a/docs/resources/projects/how-to-create-find-organize-projects.md
+++ b/docs/resources/projects/how-to-create-find-organize-projects.md
@@ -1,6 +1,6 @@
 ---
 slug: /resources/projects/how-to-create-find-organize-projects
-title: Create, Find and Organize Projects
+title: Create, Find, and Organize Projects
 description: Learn how to create, find, and organize projects in FlutterFlow to streamline your app development process.
 tags: [Project Management, FlutterFlow, Organization, Projects]
 toc_max_heading_level: 5
@@ -10,24 +10,16 @@ keywords: [Project Management, FlutterFlow, Organization, Projects]
 
 #
 ## How to Create a Project
-To create a new project, go to the Dashboard and click the “Create New” button in the upper right corner. This will open the “Create Project” window where you can choose to start with a template app or a blank project. Name the project and then select a blank project or template. 
-
-![create-new-project.avif](../../../static/img/create-new-project.avif)
-
-During project creation, you can access a three-step "Project Setup" window, which is optional. If you prefer to bypass this, simply click "Skip." All setup options will remain accessible under “Settings and Integrations” → “Firebase” → Wizard hat icon.
-
-## How to Find Projects
-Navigate to the Project Dashboard to view all your projects. You can search for specific projects using the search bar. 
+To create a new project, go to the Dashboard and click **+ New Project** in the upper-right corner. This opens a window where you can start with a template app or a blank project.
 
 <div style={{
     position: 'relative',
-    paddingBottom: 'calc(56.67989417989418% + 41px)', // Ensures the aspect ratio plus additional padding
+    paddingBottom: 'calc(56.67989417989418% + 41px)', // Keeps the aspect ratio and additional padding
     height: 0,
-    width: '100%'
-}}>
+    width: '100%'}}>
     <iframe 
-        src="https://demo.arcade.software/KWGdRdptt18rissIt8SQ?embed&show_copy_link=true"
-        title="Projects - FlutterFlow"
+        src="https://demo.arcade.software/s8Pwq75FDwnaLyt6pQvZ?embed&show_copy_link=true"
+        title="Create a Project"
         style={{
             position: 'absolute',
             top: 0,
@@ -36,7 +28,7 @@ Navigate to the Project Dashboard to view all your projects. You can search for
             height: '100%',
             colorScheme: 'light'
         }}
-        frameBorder="0"
+        frameborder="0"
         loading="lazy"
         webkitAllowFullScreen
         mozAllowFullScreen
@@ -44,23 +36,20 @@ Navigate to the Project Dashboard to view all your projects. You can search for
         allow="clipboard-write">
     </iframe>
 </div>
+<p></p>
 
-
-Narrow your search scope with the dropdown menu next to the search bar:
-
-- **My Private Projects:** Projects accessible only to you.
-- **My Shared Projects:** Projects you own and have shared with others.
-- **Shared With Me:** Projects shared with you that you do not own.
+## How to Find Projects
+Go to the Project Dashboard to view all your projects. You can search for specific projects using the search bar.
 
 <div style={{
     position: 'relative',
-    paddingBottom: 'calc(56.72268907563025% + 41px)', // Adjusts the padding to maintain the aspect ratio with additional padding
+    paddingBottom: 'calc(56.67989417989418% + 41px)', // Ensures the aspect ratio plus additional padding
     height: 0,
     width: '100%'
 }}>
     <iframe 
-        src="https://demo.arcade.software/INHhbP1PuCupUSWW3aTG?embed&show_copy_link=true"
-        title="Public, Private and Shared Projects"
+        src="https://demo.arcade.software/GonI3mWkBe7xg98MvA0J?embed&show_copy_link=true"
+        title="Projects - FlutterFlow"
         style={{
             position: 'absolute',
             top: 0,
@@ -79,56 +68,46 @@ Narrow your search scope with the dropdown menu next to the search bar:
 </div>
 
 
+Narrow your search scope with the dropdown menu next to the search bar:
+
+- **All Projects:** Shows all projects you can access.
+- **My Private Projects:** Shows projects accessible only to you.
+- **My Shared Projects:** Shows projects you own and have shared with others.
+- **Shared With Me:** Shows projects shared with you that you do not own.
+- **Team Projects:** Shows projects that belong to your teams.
+- **Library Projects:** Shows projects configured as libraries for reuse across other projects.
+- **Marketplace Listings:** Shows projects connected to your Marketplace listings.
+- **Archived Projects:** Shows projects you have archived.
+- **Beta Projects:** Shows projects using the Beta environment.
+- **Prod Projects:** Shows projects using the Production environment.
+
+![filter-projects](imgs/filter-projects.avif)
+
 ## Organizing Projects
-### Creating and Managing Tags
-To create a tag, click the orange “Tag” button or access it via the three dots in the upper right corner of a project panel, then select “Add Tag”. Tags help categorize and filter your projects for easier management.
+### Create and Add Tags to Projects
+Tags help categorize and filter your projects for easier management.
 
-<div style={{
-    position: 'relative',
-    paddingBottom: 'calc(56.48535564853556% + 41px)', // This maintains the aspect ratio plus extra padding at the bottom
-    height: 0,
-    width: '100%'
-}}>
-    <iframe 
-        src="https://demo.arcade.software/VqTlm9OtL3Zfev5BWtoj?embed&show_copy_link=true"
-        title="Arcade Flow (Fri May 03 2024)"
-        style={{
-            position: 'absolute',
-            top: 0,
-            left: 0,
-            width: '100%',
-            height: '100%',
-            colorScheme: 'light', // Property names in style objects should be in camelCase in JSX
-            border: 'none' // Assuming you might want to remove the default border
-        }}
-        frameBorder="0"
-        loading="lazy"
-        webkitAllowFullScreen
-        mozAllowFullScreen
-        allowFullScreen
-        allow="clipboard-write">
-    </iframe>
-</div>
+To create a tag, click **+ Tag** or open the three-dot menu on a project card and select **Create Tag**.
 
+Add a tag to a project by opening the three-dot menu on the project card and selecting a tag. Each project can have only one tag.
 
-### Adding Tags to Projects
-Add a tag to a project by clicking the three dots in the upper right corner of the project panel and selecting a tag. Each project can have only one tag.
 <div style={{
     position: 'relative',
-    paddingBottom: 'calc(56.48535564853556% + 41px)', // Adjusts padding to maintain the desired aspect ratio and additional padding
+    paddingBottom: 'calc(56.48535564853556% + 41px)', // This maintains the aspect ratio plus extra padding at the bottom
     height: 0,
     width: '100%'
 }}>
     <iframe 
-        src="https://demo.arcade.software/6JYcGUZ1RuWkjf7TddxR?embed&show_copy_link=true"
-        title="Add Tag To Project"
+        src="https://demo.arcade.software/ltenHF4tRtLi4zEX0QS4?embed&show_copy_link=true"
+        title="Create and Add Tags to Projects"
         style={{
             position: 'absolute',
             top: 0,
             left: 0,
             width: '100%',
             height: '100%',
-            colorScheme: 'light'
+            colorScheme: 'light',
+            border: 'none'
         }}
         frameBorder="0"
         loading="lazy"
@@ -139,9 +118,8 @@ Add a tag to a project by clicking the three dots in the upper right corner of t
     </iframe>
 </div>
 
-
 ### Searching and Filtering by Tags
-When a tag is selected, your projects list will filter to show only those projects associated with that tag. This filter can be combined with the search bar to refine your project search further.
+When a tag is selected, the project list filters to show only projects associated with that tag. This filter can be combined with the search bar to refine your project search further.
 <div style={{
     position: 'relative',
     paddingBottom: 'calc(56.72268907563025% + 41px)', // This setup ensures the aspect ratio plus additional padding
@@ -149,8 +127,8 @@ When a tag is selected, your projects list will filter to show only those projec
     width: '100%'
 }}>
     <iframe 
-        src="https://demo.arcade.software/zxnnkwJDaB6BHFNEEZY1?embed&show_copy_link=true"
-        title="Filter Project"
+        src="https://demo.arcade.software/85XUoxRUK2ZxbWgBr95M?embed&show_copy_link=true"
+        title="Search and Filter Projects by Tag"
         style={{
             position: 'absolute',
             top: 0,
@@ -169,31 +147,7 @@ When a tag is selected, your projects list will filter to show only those projec
 </div>
 
 
-## Editing and Removing Tags
-Modify or remove tags by clicking the gear icon within the orange Tag button. This allows for quick updates to tag names and assignments.
+### Editing and Removing Tags
+Modify or remove tags by clicking the gear icon within the orange Tag button. This lets you quickly update tag names and assignments.
 
-<div style={{
-    position: 'relative',
-    paddingBottom: 'calc(56.72268907563025% + 41px)', // Maintains the aspect ratio and includes additional padding
-    height: 0,
-    width: '100%'
-}}>
-    <iframe 
-        src="https://demo.arcade.software/qmWRdELTRb5YCM1Bb2oe?embed&show_copy_link=true"
-        title="Edit Tags"
-        style={{
-            position: 'absolute',
-            top: 0,
-            left: 0,
-            width: '100%',
-            height: '100%',
-            colorScheme: 'light'
-        }}
-        frameBorder="0"
-        loading="lazy"
-        webkitAllowFullScreen
-        mozAllowFullScreen
-        allowFullScreen
-        allow="clipboard-write">
-    </iframe>
-</div>
+![edit-tags](imgs/edit-tags.avif)
diff --git a/docs/resources/projects/imgs/edit-tags.avif b/docs/resources/projects/imgs/edit-tags.avif
new file mode 100644
index 00000000..b597e157
Binary files /dev/null and b/docs/resources/projects/imgs/edit-tags.avif differ
diff --git a/docs/resources/projects/imgs/filter-projects.avif b/docs/resources/projects/imgs/filter-projects.avif
new file mode 100644
index 00000000..6416165a
Binary files /dev/null and b/docs/resources/projects/imgs/filter-projects.avif differ