Merge pull request #45 from linkwarden/dev

Dev

docs/billing/_category_.json

@@ -0,0 +1,4 @@
+{
+  "label": "Billing and Subscription",
+  "position": 4
+}

docs/billing/faq.md

@@ -0,0 +1,27 @@
+---
+sidebar_position: 2
+---
+
+# Billing FAQ
+
+### How do I view and manage my current subscription plan?
+
+To view and manage your current subscription plan, you can follow these steps:
+
+1. Visit the [Billing](https://cloud.linkwarden.app/settings/billing) page.
+
+2. Right below the "Billing Settings" section. Click on "Billing Portal" to go to the billing portal which is managed by Stripe.
+
+3. Log in to the billing portal using your Linkwarden email address.
+
+There you can view and manage your current subscription plan, update your payment method, and view your billing history.
+
+### What happens to the links and collections owned by a user if they are removed from a seat?
+
+When a user is removed from a seat, their links and collections are not deleted and if they want to retain their links and collections, they can subscribe to Linkwarden independently with their existing account to reclaim their data.
+
+### How do I view the current number of seats in my subscription?
+
+You can view the current number of seats in your subscription on the [Billing](https://cloud.linkwarden.app/settings/billing) page, just please note that you might need to refresh the page if you have recently added or removed seats:
+
+<img src="/img/view_seats.jpeg" alt="View Seats" width="500px" />

docs/billing/seats.md

@@ -0,0 +1,79 @@
+---
+sidebar_position: 1
+---
+
+# Manage Seats
+
+## Overview
+
+In Linkwarden, you can increase the number of seats in your subscription to invite/add more users and also save additional links. Each new user can independently manage their own links, collections, and tags. You can also add these users to your collections to collaborate on gathering articles and resources, depending on their collection permissions.
+
+## What is a Seat?
+
+A seat is a user slot in your subscription. Each seat allows you to invite one user to use Linkwarden. You can add as many seats as you need to accommodate all the users who will be using Linkwarden under your subscription. Each seat increases the number of links you can save under your subscription by 30,000. For example, if you have 3 seats, the sum of all links saved by all users under your subscription can be up to 90,000 links.
+
+Each subscription comes with a default seat for the account owner. You can add more seats to invite additional users to use Linkwarden.
+
+## How Seats affect Billing
+
+The following explains how adding seats works in different scenarios. If you have any additional questions or need assistance managing seats, please don’t hesitate to reach out at [[email protected]](mailto:[email protected]).
+
+### During the 14-day Free Trial
+
+If you are still on the 14-day free trial, you can invite users and add seats without any charges. Once the trial period ends, you will be charged for the total number of seats in your subscription.
+
+### During a Paid Subscription
+
+If you are already an active subscriber, you will be charged for the total number of seats in your subscription at the end of the billing cycle. The charges will be **prorated** based on the number of days remaining in the billing cycle, so you only pay for the additional seats for the remaining days.
+
+:::note
+
+If you're an active subscriber, as soon as you update your subscription, the billing cycle will reset and you will be charged for the new number of seats **immediately**. The next billing cycle will be based on the new number of seats.
+
+:::
+
+## Seat Pricing
+
+Each seat costs **$4 per month** or **$3 per month if billed annually** (+ applicable taxes).
+
+## How to Add a User
+
+When adding a new user, Linkwarden checks if there are available open seats. If there’s an open seat, it will be assigned to the new user. If not, an additional seat will be added to your subscription.
+
+1. Go to the [Billing](https://cloud.linkwarden.app/settings/billing) page.
+
+2. Right below the "Manage Seats" section. Click on the "Invite User" button.
+
+3. A modal will appear. Enter the email address of the user you want to invite.
+
+4. Click on the "Send Invitation" button. The user will receive an email with an invitation link.
+
+5. Once the user accepts the invitation, they will be onboarded to use Linkwarden with their own account and you will be charged for an additional seat.
+
+## How to Remove a User
+
+1. Go to the [Billing](https://cloud.linkwarden.app/settings/billing) page.
+
+2. Right below the "Manage Seats" section. Click on the three dots icon next to the user you want to remove.
+
+3. Click on the "Remove" button. A confirmation modal will appear.
+
+4. Click on the "Confirm" button to proceed. The user will be removed from your subscription and you will no longer be charged for that seat.
+
+:::note
+
+Removing a user from your subscription does not delete their account. They retain the ability to subscribe to Linkwarden independently with their existing account.
+
+:::
+
+## How to Reserve Seats
+
+You can add seats without immediately inviting users. This allows you to expand your seat count for future use, even if you’re not ready to invite new users yet. Each additional seat also enables you to add up to 30,000 more links under your subscription.
+
+1. Go to the [Billing](https://cloud.linkwarden.app/settings/billing) page.
+
+2. Right below the "Billing Settings" section. Click on "Billing Portal" to go to the billing portal which is managed by Stripe.
+
+3. Log in to the billing portal using your Linkwarden email address.
+
+4. Click on the "Update Subscription" button. On the next page, you can increase the number of seats in your subscription.

docs/self-hosting/_category_.json

@@ -1,4 +1,4 @@
 {
   "label": "Self Hosting",
-  "position": 4
+  "position": 5
 }

src/css/custom.css

@@ -58,6 +58,6 @@
   font-size: 0.9rem;
 }
 
-.menu_node_modules-\@docusaurus-theme-classic-lib-theme-DocSidebar-Desktop-Content-styles-module {
+.thin-scrollbar {
   padding: 0rem !important;
 }