organized folders, added components tab, adjusted mendable style.

docs/docs/components/agents.mdx

@@ -0,0 +1,2 @@
+# Agents 
+(coming soon)

docs/docs/components/chains.mdx

@@ -0,0 +1,2 @@
+# Chains
+(coming soon)

docs/docs/components/embeddings.mdx

@@ -0,0 +1,2 @@
+# Embeddings
+(coming soon)

docs/docs/components/llms.mdx

@@ -0,0 +1,2 @@
+# LLMs
+(coming soon)

docs/docs/components/loaders.mdx

@@ -0,0 +1,2 @@
+# Loaders
+(coming soon)

docs/docs/components/memories.mdx

@@ -0,0 +1,2 @@
+# Memories
+(coming soon)

docs/docs/components/prompts.mdx

@@ -0,0 +1,2 @@
+# Prompts
+(coming soon)

docs/docs/components/text-splitters.mdx

@@ -0,0 +1,2 @@
+# Text Splitters
+(coming soon)

docs/docs/components/toolkits.mdx

@@ -0,0 +1,2 @@
+# Toolkits
+(coming soon)

docs/docs/components/tools.mdx

@@ -0,0 +1,2 @@
+# Tools
+(coming soon)

docs/docs/components/utilities.mdx

@@ -0,0 +1,2 @@
+# Utilities
+(coming soon)

docs/docs/components/vector-stores.mdx

@@ -0,0 +1,2 @@
+# Vector Stores
+(coming soon)

docs/docs/components/wrappers.mdx

@@ -0,0 +1,2 @@
+# Wrappers
+(coming soon)

docs/docs/examples/multiple-vectorstores.mdx

@@ -3,7 +3,7 @@
 
 The example below shows an agent operating with two vector stores built upon different data sources.
 
-The `TextLoader` loads a TXT file, while the `WebBaseLoader` pulls text from webpages into a document format to accessed downstream. The `Chroma` vector stores are created analogous to what we have demonstrated in our [CSV Loader](docs/csv-loader.mdx) example. Finally, the `VectorStoreRouterAgent` constructs an agent that routes between the vector stores.
+The `TextLoader` loads a TXT file, while the `WebBaseLoader` pulls text from webpages into a document format to accessed downstream. The `Chroma` vector stores are created analogous to what we have demonstrated in our [CSV Loader](/examples/csv-loader.mdx) example. Finally, the `VectorStoreRouterAgent` constructs an agent that routes between the vector stores.
 
 
 :::info

docs/docs/getting-started/creating-flows.mdx

@@ -22,7 +22,7 @@ Creating flows with LangFlow is easy. Drag sidebar components onto the canvas an
 The easiest way to start with LangFlow is by forking a **community example**. Forking an example stores a copy in your project collection, allowing you to edit and save the modified version as a new flow.
 
 <div style={{ marginBottom: '20px', display: 'flex', justifyContent: 'center' }}>
-<ReactPlayer playing controls url='videos/langflow_fork.mp4'
+<ReactPlayer playing controls url='/videos/langflow_fork.mp4'
   />
 </div>
 
@@ -32,6 +32,6 @@ The easiest way to start with LangFlow is by forking a **community example**. Fo
 Building a flow means validating if the components have prerequisites fulfilled and are properly instantiated. When a chat message is sent, the flow will run for the first time, executing the pipeline.
 
 <div style={{ marginBottom: '20px', display: 'flex', justifyContent: 'center' }}>
-<ReactPlayer playing controls url='videos/langflow_build.mp4'
+<ReactPlayer playing controls url='/videos/langflow_build.mp4'
   />
 </div>

docs/docs/guidelines/collection.mdx

@@ -8,6 +8,6 @@ import ReactPlayer from 'react-player';
 A collection is a snapshot of the flows available in the database. You can download your entire collection for local storage and upload it anytime for future use.
 
 <div style={{ marginBottom: '20px', display: 'flex', justifyContent: 'center' }}>
-<ReactPlayer playing controls url='videos/langflow_collection.mp4'
+<ReactPlayer playing controls url='/videos/langflow_collection.mp4'
   />
 </div>

docs/docs/guidelines/components.mdx

@@ -39,6 +39,6 @@ On the top right corner, you will find the component status icon 🔴. Make the
 LangFlow components can be edited in the component settings button. Hide parameters to reduce complexity and keep the canvas clean and intuitive for experimentation.
 
 <div style={{ marginBottom: '20px', display: 'flex', justifyContent: 'center' }}>
-<ReactPlayer playing controls url='videos/langflow_parameters.mp4'
+<ReactPlayer playing controls url='/videos/langflow_parameters.mp4'
   />
 </div>

docs/docs/guidelines/features.mdx

@@ -59,6 +59,6 @@ Once you save a flow, the API endpoint is created with your latest changes. Clic
 The example below shows a Python script making a POST request to a local API endpoint, which gets a prediction based on the message input.
 
 <div style={{ marginBottom: '20px', display: 'flex', justifyContent: 'center' }}>
-<ReactPlayer playing controls url='videos/langflow_api.mp4'
+<ReactPlayer playing controls url='/videos/langflow_api.mp4'
   />
 </div>