Add slugs (#61)

* Add slugs & keywords

* Update CSS for both light mode & dark mode

* Add index page for integrations (super cool!!)

Author: PoojaB26

docs/ff-concepts/adding-customization/cloud-functions.md

@@ -1,6 +1,10 @@
 ---
+slug: /concepts/custom-code/custom-functions
 title: Cloud Functions
+description: Learn how to use Cloud Functions in your FlutterFlow app for serverless backend functionality.
+tags: [FlutterFlow, Cloud Functions, Serverless, Integration]
 sidebar_position: 6
+keywords: [FlutterFlow, Cloud Functions, Serverless, Integration]
 ---
 
 # Cloud Functions

docs/ff-concepts/adding-customization/custom-actions.md

@@ -1,6 +1,10 @@
 ---
+slug: /concepts/custom-code/custom-actions
 title: Custom Actions
+description: Learn how to create and use custom actions in your FlutterFlow app to enhance functionality.
+tags: [FlutterFlow, Custom Actions, Custom Code]
 sidebar_position: 3
+keywords: [FlutterFlow, Custom Actions, Customizations, Flutter, Dart, Pub.dev]
 ---
 
 # Custom Actions

docs/ff-concepts/adding-customization/custom-code.md

@@ -1,8 +1,11 @@
 ---
+slug: /concepts/custom-code
 title: Writing Custom Code
+description: Learn how to write and integrate custom code in your FlutterFlow app to add custom functionalities.
+tags: [FlutterFlow, Custom Code, Customizations]
 sidebar_position: 1
+keywords: [FlutterFlow, Custom Code, Customizations, Flutter, Dart, Pub.dev]
 toc_max_heading_level: 4
-
 ---
 
 # Custom Code

docs/ff-concepts/adding-customization/custom-files.md

@@ -1,7 +1,12 @@
 ---
+slug: /concepts/custom-code/custom-files
 title: Custom Files
+description: Learn how to manage and use custom files in your FlutterFlow app to extend its capabilities.
+tags: [FlutterFlow, Custom Files, Custom Code]
 sidebar_position: 5
+keywords: [FlutterFlow, Custom Files, Customizations, Flutter, Dart, Pub.dev]
 ---
+
 # Custom Files
 
 We allow you to add a custom code directly into the `main.dart` file of your app. This means that you can easily implement specific functionalities and customize your app as per your requirements without downloading the entire project and manually modifying the file.

docs/ff-concepts/adding-customization/custom-functions.md

@@ -1,6 +1,10 @@
 ---
+slug: /concepts/custom-code/custom-functions
 title: Custom Functions
+description: Learn how to create and use custom functions in your FlutterFlow app to add custom functionalities.
+tags: [FlutterFlow, Custom Functions, Custom Code]
 sidebar_position: 2
+keywords: [FlutterFlow, Custom Functions, Customizations, Flutter, Dart, Pub.dev]
 ---
 
 # Custom Functions

docs/ff-concepts/adding-customization/custom-widgets.md

@@ -1,6 +1,10 @@
 ---
+slug: /concepts/custom-code/custom-widgets
 title: Custom Widgets
+description: Learn how to create and use custom widgets in your FlutterFlow app to enhance its user interface.
+tags: [FlutterFlow, Custom Widgets, Custom Code]
 sidebar_position: 4
+keywords: [FlutterFlow, Custom Widgets, Customizations, Flutter, Dart, Pub.dev]
 ---
 
 # Custom Widgets

docs/ff-concepts/animations/animations.md

@@ -1,8 +1,10 @@
 ---
-slug: animations
+slug: /concepts/animations
 title: Animations
-sidebar_position: 1
 description: Learn the basics of animations in FlutterFlow.
+tags: [FlutterFlow, Animations, Concepts]
+sidebar_position: 1
+keywords: [FlutterFlow, Animations, Concepts]
 ---
 
 Enhancing your app with animations significantly improves the user experience, making it more engaging and intuitive. In FlutterFlow, you have several options to add animations to your app:

docs/ff-concepts/animations/hero_animations.md

@@ -1,8 +1,10 @@
 ---
-slug: hero-animations
+slug: /concepts/hero-animations
 title: Hero Animations
-sidebar_position: 3
 description: Learn how to add Hero Animations in your FlutterFlow app.
+tags: [FlutterFlow, Hero Animations, Concepts]
+sidebar_position: 3
+keywords: [FlutterFlow, Hero Animations, Concepts]
 ---
 
 # Hero Animation

docs/ff-concepts/animations/implicit_animations.md

@@ -1,9 +1,12 @@
 ---
-slug: implicit-animations
+slug: /concepts/implicit-animations
 title: Implicit Animations
-sidebar_position: 2
 description: Learn how to add implicit animations in FlutterFlow.
+tags: [FlutterFlow, Implicit Animations, Concepts]
+sidebar_position: 2
+keywords: [FlutterFlow, Implicit Animations, Concepts]
 ---
+
 import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
 

docs/ff-concepts/animations/page_transitions.md

@@ -1,8 +1,10 @@
 ---
-slug: page-transition-animations
+slug: /concepts/animations/page-transition
 title: Page Transition Animations
-sidebar_position: 4
 description: Learn how to add page transition animations in your FlutterFlow app.
+tags: [FlutterFlow, Page Transition Animations, Concepts]
+sidebar_position: 4
+keywords: [FlutterFlow, Page Transition Animations, Concepts]
 ---
 
 The animation that plays while transitioning from one page of the app to another is known as a page transition. In FlutterFlow, you can customize this animation to enhance the user experience.