New overview page (#20)

* add overview page

* remove coming soon video placeholders and update arc api video url

docs/overview.md

@@ -0,0 +1,37 @@
+# Overview
+
+## What is ARC?
+
+ARC by SourceFuse is an **open source rapid application development** framework for development of **modern cloud native** enterprise applications that leverages a catalog of prebuilt **microservices** and deployed as per **standardized reference architecture** on both private and public clouds.
+
+## The ARC Stack
+
+ARC is a comprehensive development framework consisting of three key branches: Infrastructure as Code (IaC), API (Backend), and UI (Frontend). Each branch plays a crucial role in building modern, cloud-native applications with ease and efficiency.
+
+![](assets/arc_stack.png)
+
+### 1. Infrastructure
+
+The IaC branch of ARC focuses on managing and provisioning the underlying infrastructure needed to deploy your applications. With reusable Terraform modules, you can define your infrastructure requirements and deploy them consistently across both private and public clouds. This branch ensures the scalability, resilience, and security of your application's foundation.
+
+[Get Started with ARC IaC](./../arc-iac-docs){ .md-button .md-button--secondary }
+
+### 2. Backend
+
+The API branch of ARC provides a collection of reusable microservices and components that power the backend functionality of your applications. These microservices, such as authentication, payment, and audit logs, are designed to reduce development time and enhance productivity. Built on the robust [LoopBack framework](https://loopback.io/), ARC API enables rapid application development and seamless integration of pre-built services.
+
+<iframe width="674" height="375" src="https://www.youtube.com/embed/7_mReOx8RT0" title="Introducing ARC API • Rapid Application Development Made Easy" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+
+[Get Started with ARC API](./../arc-api-docs){ .md-button .md-button--secondary }
+
+### 3. Frontend
+
+The UI branch of ARC offers preconfigured boilerplates and components for building modern and responsive user interfaces. Whether you prefer Angular or React, ARC UI provides a solid foundation to kickstart frontend development. With reusable components like search, navigation, and form elements, developers can accelerate UI development and deliver engaging user experiences.
+
+[Get Started with ARC UI](./../arc-ui-docs/arc-react/){ .md-button .md-button--secondary }
+
+---
+
+By leveraging the ARC Stack, developers can focus on building innovative features and business logic without the overhead of repetitive and time-consuming tasks. With a standardized reference architecture and a rich ecosystem of reusable components, ARC empowers developers to build cloud-native enterprise applications with speed, efficiency, and scalability.
+
+Choose ARC as your development framework and unlock the potential for rapid application development, seamless integration, and unparalleled productivity.

mkdocs.yml

@@ -28,6 +28,7 @@ plugins:
 docs_dir: docs
 
 markdown_extensions:
+  - attr_list
   - tables
   - pymdownx.highlight:
       anchor_linenums: true