Added intro page, css classes for video embeds

Author: johnbhiggins7

docs/docs/Introduction/intro.md

@@ -0,0 +1,52 @@
+---
+description: Introduction to FlutterFlow.
+---
+
+# Introduction
+
+Welcome To FlutterFlow Docs!
+
+## What is FlutterFlow?
+
+FlutterFlow is a low-code builder for developing native mobile applications. You can use our simple drag-and-drop interface to build your app 10x faster than traditional development.
+
+<div class="video-container"><iframe src="https://www.youtube.com/embed/GpXjU-ieAKU?si=moIEUUGry24CdSJN" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></div>
+
+## New to FlutterFlow?
+
+The [Getting Started](/getting-started/dashboard) section will give you a quick overview of the FlutterFlow interface and guide you on building your first app with FlutterFlow.
+
+If there are any topics you'd like us to add to our documentation, please share your feedback [here](https://flutterflow.typeform.com/to/hxg5nxbo).
+
+## Create an account
+
+Create your free account to get started with FlutterFlow. After you've set up your account, you'll be able to create as many projects as you like.
+
+You can [sign up](https://app.flutterflow.io/create-account) via Apple, Google, or Github.
+
+## System Requirements
+
+FlutterFlow is a web app that can be used from your browser. Please review these system requirements for the best experience:
+
+- Building on any laptop or desktop is currently supported.
+- Using a screen that is at least **1280 x 1084** is recommended.
+- FlutterFlow works best on **Google Chrome** (if you are experiencing any issues, we recommend switching to Chrome).
+- [Allow pop-up and redirects and ClipBoard](/troubleshooting/miscellaneous#i-cant-copy-paste-widgets.) from app.flutterflow.io.
+
+## Need Help?
+
+To contact us directly, email [[email protected]](mailto:[email protected]). Thank you for being a part of the FlutterFlow journey!
+
+[Community Forum](https://community.flutterflow.io/)
+
+[YouTube](https://www.youtube.com/channel/UC5LueiosDVInA6yXE_38i9Q)
+
+[FAQs](https://docs.flutterflow.io/troubleshooting/basic-troubleshooting-guide)
+
+[Blog](https://blog.flutterflow.io/)
+
+---
+
+[Next: Dashboard](/getting-started/dashboard)
+
+Last updated 6 days ago

docusaurus.config.ts

@@ -37,15 +37,13 @@ const config: Config = {
           sidebarPath: './sidebars.ts',
           // Please change this to your repo.
           // Remove this to remove the "edit this page" links.
-          editUrl:
-            'https://github.com/facebook/docusaurus/tree/main/packages/create-docusaurus/templates/shared/',
+          editUrl: 'https://github.com/facebook/docusaurus/tree/main/packages/create-docusaurus/templates/shared/',
         },
         blog: {
           showReadingTime: true,
           // Please change this to your repo.
           // Remove this to remove the "edit this page" links.
-          editUrl:
-            'https://github.com/facebook/docusaurus/tree/main/packages/create-docusaurus/templates/shared/',
+          editUrl:'https://github.com/facebook/docusaurus/tree/main/packages/create-docusaurus/templates/shared/',
         },
         theme: {
           customCss: './src/css/custom.css',

src/css/custom.css

@@ -28,3 +28,18 @@
   --ifm-color-primary-lightest: #4fddbf;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
 }
+
+.video-container {
+  position: relative;
+  width: 100%;
+  padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
+  height: 0;
+}
+
+.video-container iframe {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}