Added svg component and updated a few pages

docs/core-concepts/issues/estimates.mdx

@@ -6,10 +6,30 @@ title: Estimates
 
 Estimates in Plane help quantify the effort required for each issue in your project. Whether using a simple number scale or categories like T-shirt sizes, estimates provide a clearer idea of the work involved. They act as a proxy for complexity, helping teams gauge task scale quickly without detailed breakdowns. Estimates also aid in prioritizing, resource allocation, managing workload expectations, and identifying potential bottlenecks.
 
-## Set up estimates
+## Set up estimate system
 
-By default, your project won’t have an estimate system. To get started, go to the **Estimates** tab under **Project > Settings**.
-Once there, click **Add estimate system** and you can choose from the following estimate systems:
+Getting started with estimates in your project is quick and easy. Here’s how you can set it up:
+
+1. By default, your project won’t have an estimate system in place. To set one up, go to **Project > Settings** and select the **Estimates** tab.
+
+    ![Add estimate system](https://media.docs.plane.so/projects/enable-estimate-system.webp#center)
+
+2. Click on **Add estimate system**.
+
+3. You can choose from the following options:
+    - Points
+    - Categories
+
+    Check out [Types of estimates](#types-of-estimates) for more details.
+
+    ![Choose estimate type](https://media.docs.plane.so/projects/choose-estimate-system.webp#center)
+
+4. You can either choose a ready-made template and tweak it to fit your needs or create your own custom estimate system from scratch.
+
+5. When you are done, turn on the **Enable estimates for my project** toggle. 
+    ![Enable estimate type](https://media.docs.plane.so/projects/enable-estimate-toggle.webp#center)
+
+## Types of estimates
 
 ### Points
 
@@ -38,7 +58,19 @@ You can create your own custom categories to fit your team’s workflow. Whether
 This system provides a high-level estimate of effort based on intuitive categories, which is especially helpful in teams where relative effort matters more than precise numeric estimates.
 
 
-When you are done, you can enable estimates by clicking on **Create estimates**. You can also change the type of the system by clicking the pencil icon next to the system you have set.
+## Edit estimate system
+![Edit estimate system](https://media.docs.plane.so/projects/edit-estimate-system.webp#center)
+
+To update your estimate system, follow these steps:
+
+1. Click the pencil icon next to the estimate system you’ve set up.
+
+2. Select **Add, update or remove estimates**. 
+    - Add new estimates as needed or remove ones that are no longer relevant.
+
+2. Select **Change estimate type**.
+    - If a different type of estimate system suits your project better, you can switch between system types here.
+
 
 :::note
 In earlier versions of Plane, we allowed multiple estimate systems within a single project, giving you the ability to switch between them. Based on user feedback, we’ve simplified this process. Now, each project can only have one active estimate system, and older, inactive systems have been archived for better clarity and ease of use.

docs/core-concepts/issues/overview.mdx

@@ -82,6 +82,8 @@ You’ll automatically receive email notifications for updates on issues that yo
 
 If you no longer want to receive updates, simply click **Unsubscribe** to stop the notifications.
 
+You can subscribe other users to the issue by mentioning them using `@username` in the comments or the issue description. This ensures they’re notified about the updates and stay in the loop.
+
 ## Archive issues
 
 Completed or canceled issues can be archived, and automations can be set up to archive such issues. Archived issues can be found under the three dots menu next to your project name.

docs/core-concepts/pages/overview.mdx

@@ -46,6 +46,7 @@ Plane’s AI tools enhance content creation by helping you refine, reframe, and
 The static toolbar at the top of the page offers a range of styling options for your content, basic blocks like headings and lists and advanced blocks like images, tables, and more.
     - Quickly adjust headings (H1-H6) to create a clear, structured hierarchy in your document.
     - Add emphasis with text or background colors, and style important information with bold, italic, underline, and strikethrough options for better readability.
+    - Align your content to the left, right, or center to ensure proper layout and visual balance in your document.
 
 ### Markdown support
 Plane allows you to use Markdown in Pages, making it easy to format content quickly with familiar Markdown syntax. You can create headings, lists, links, and other common formats right in your page without switching to a separate editor.

docs/devices/mobile.mdx

@@ -34,10 +34,10 @@ The app is available on Cloud and for self-hosted instances on all plans of the
 
     <div class="mobile-img-container">
         <div class="box">
-            <img src="https://media.docs.plane.so/mobile/mobile-self-hosted.png" alt="Home" width="320"/>
+            <img src="https://media.docs.plane.so/mobile/mobile-self-hosted.webp" alt="Home" width="320"/>
         </div>
         <div class="box">
-            <img src="https://media.docs.plane.so/mobile/plane-app-url.png" alt="Projects" width="320"/>
+            <img src="https://media.docs.plane.so/mobile/plane-app-url.webp" alt="Projects" width="320"/>
         </div>
     </div>
 

docs/plane-integrations/about.mdx

@@ -18,5 +18,4 @@ Rather than having to switch back and forth between different tools and interfac
   <Card title="Slack" icon="FaSlack" href="/plane-integrations/slack">
     Integrate Plane with Slack to forward issue updates from plane to github. We will expand this to support creating issues from slack soon.
   </Card>
-</CardGroup>
-
+</CardGroup>

docs/workspaces-and-users/billing-and-plans.mdx

@@ -13,7 +13,8 @@ Unlike a majority of SaaS, our subscription models on Pro and higher plans are p
 
     ![Billings and plans](https://media.docs.plane.so/activate-license/billing-and-plans-cloud.webp#center)
 - You are billed by the total number of seats in a workspace. So, if you have 100 Admins and Members across projects in a workspace, you will be billed for 100 seats.
-- In the upgrade flow, you get as many seats as paid users—Admins or Members already in your workspace. For self-hosted instances, if you upgrade through the Prime portal, you can specify the number of seats you would like to purchase. You can also change this number later from the **Billing and plans** screen.
+- You get 5 Guests per paid seat.
+- In the upgrade flow, you get as many seats as paid users—Admins or Members already in your workspace. For self-hosted instances, if you upgrade through the Prime portal, you can specify the number of seats you would like to purchase. You can also change this number later from the **Members** screen in **Workspace settings**.
 
     ![Add seats](https://media.docs.plane.so/activate-license/add-seats.webp#center)
 
@@ -25,10 +26,8 @@ Unlike a majority of SaaS, our subscription models on Pro and higher plans are p
     :::
 
 - When you remove members, their seats are freed up and go to the available pool so you can assign them to other users.  
-**Removing members doesn't automatically remove seats. You must remove seats separately to affect your billing.**
+**Removing members doesn't automatically remove seats. You must remove seats separately to affect your billing.** See [Manage paid users](/workspaces-and-users/upgrade-plan#manage-paid-users) for more details.
 
-    ![Manage seats](https://media.docs.plane.so/activate-license/manage-seats.webp#center)
-
 - When you remove seats, the reduced billing for those seats is added as a credit line item to your next bill, so your overall bill is reduced by the price of the removed seats.
 
 - Unless you change the number of seats in a month or year depending on your billing cycle, your subscription price for that cycle doesn't change. *The exception to that are limited-period discounts that some upgrades enjoy.*

docs/workspaces-and-users/upgrade-plan.mdx

@@ -1,5 +1,5 @@
 ---
-title: Plan upgrades
+title: Manage and upgrade plans
 sidebarTitle: Plan upgrades
 ---
 
@@ -21,7 +21,8 @@ Self-hosted editions will need one more step. [See here](#self-hosted-only).
    ![Billings and plans](https://media.docs.plane.so/activate-license/billing-and-plans-cloud.webp#center)
 3. Select the **Monthly** or **Yearly** tab to choose the billing cycle for Pro.
 4. Click the **Upgrade** button. 
-    :::note 
+
+    :::tip[Free trial] 
     If you are on Cloud, you can click the **Start free trial** button under the Pro plan to opt for a 14-day free trial. Trials aren't available for self-hosted paid plans.
     :::
 5. Clicking the **Upgrade** button will redirect you to a Stripe page. Enter your payment info and click **Subscribe**.
@@ -56,6 +57,22 @@ Self-hosted editions will need one more step. [See here](#self-hosted-only).
    6. That's it. To check your plan at any time and find additional details, just go to the **Billing and plans** tab in **Workspace Settings**.
     ![Manage subscription](https://media.docs.plane.so/activate-license/pro-activated-cloud.webp#center)
 
+### Manage paid users
+
+   You can always reassign or adjust seats as your team’s needs change. Here’s how to add or remove paid seats:
+   1. Open your [workspace settings](/core-concepts/workspaces/overview#workspace-settings) and navigate to the **Members** screen.
+   2. You’ll see a **Manage Seats** button. 
+         ![Manage seats](https://media.docs.plane.so/activate-license/manage-seats.webp#center)
+
+      Clicking this will give you two choices:
+      - **Add seats**  
+      If you need more seats, click **Add seats**. A modal will appear where you can specify the number of additional paid seats you want to add. Once you’ve entered the number, click **Change**. You’ll be redirected to the Stripe payment portal to complete the payment for the new seats.
+
+         ![Add seats](https://media.docs.plane.so/activate-license/add-paid-seats.webp#center)
+
+      - **Remove unused seats**  
+      Any paid seat that isn’t currently assigned to a user is considered unused and can be reassigned at any time. If you no longer need these unused seats and want to stop paying for them, click **Remove unused seats**. This will automatically remove all paid but unused seats from your workspace.
+
 ### Delink license key
 Your license key is linked to both a workspace and an instance, meaning it can only be used on one workspace on one machine at a time. If you switch machines or reinstall the Commercial edition, you’ll need to reactivate your workspace. This helps prevent any misuse of the license on multiple machines or workspaces.
 

src/components/Card.js

@@ -1,14 +1,14 @@
 import React from 'react';
 import * as Icons from 'react-icons/fa';
 
-export const Card =({ icon, title, children, href })=> {
+export const Card =({ icon, svg, title, children, href })=> {
   const IconComponent = Icons[icon];
 
   // Wrapping the card content with an <a> tag if href is provided
   const CardContent = (
     <>
       <div className="card-icon">
-        {IconComponent ? <IconComponent size={25} className="icon-style" /> : null}
+        { svg ? svg : IconComponent ? <IconComponent size={25} className="icon-style" /> : null }
       </div>
       <h3 className="card-title">{title}</h3>
       <p className="card-description">{children}</p>