From a6da18a455397016384ba9a5f90966bb792b8334 Mon Sep 17 00:00:00 2001
From: Chi Huu Huynh <73843190+Chi-EEE@users.noreply.github.com>
Date: Mon, 22 Apr 2024 13:45:58 +0100
Subject: [PATCH] Add overview

---
 site/_includes/components/navigation.webc |  1 +
 site/index.html                           | 27 +++++++++++++++++++++++
 2 files changed, 28 insertions(+)

diff --git a/site/_includes/components/navigation.webc b/site/_includes/components/navigation.webc
index 7b69a3da..2299e035 100644
--- a/site/_includes/components/navigation.webc
+++ b/site/_includes/components/navigation.webc
@@ -21,6 +21,7 @@
                 <li webc:for="item of [
             {Name: 'Home', Link: '#'},
             {Name: 'About', Link: '#about'},
+            {Name: 'Overview', Link: '#overview'},
             {Name: 'Documents', Link: '#documents'},
             {Name: 'Contact', Link: '#contact'},
             {Line: true},
diff --git a/site/index.html b/site/index.html
index 9979fbd3..8facfca7 100644
--- a/site/index.html
+++ b/site/index.html
@@ -17,6 +17,33 @@ <h2 id="about" class="mb-4 text-4xl tracking-tight font-bold text-gray-900 dark:
     </div>
 </section>
 <hr>
+<section class="bg-white dark:bg-gray-900">
+    <div class="py-8 px-4 mx-auto max-w-screen-xl lg:py-16 lg:px-6">
+        <div class="max-w-screen-lg text-gray-500 sm:text-lg dark:text-gray-400">
+            <h2 id="overview" class="mb-4 text-4xl tracking-tight font-bold text-gray-900 dark:text-white">
+                Project Overview
+                <a href="#images">
+                    <svg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true"
+                        xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
+                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                            d="m8 10 4 4 4-4" />
+                    </svg>
+                </a>
+            </h2>
+            <p>
+                The Behaviour Tree PiCar-V project is an Electron application that allows users to control a Sunfounder PiCar-V
+                using Behaviour Trees. The application is built using the Electron framework. The
+                application uses a Behaviour Tree to control the PiCar's movements and actions. The application also
+                includes a Code Box that allows users to create and edit Behaviour Trees. The application uses a
+                Raspberry Pi to control the PiCar and a camera and Lidar scanner to provide input to the Behaviour Tree.
+                The application is designed to be easy to use and to provide a simple and intuitive interface for
+                controlling the PiCar. The application is designed to be used by students and researchers who are
+                interested in learning about Behaviour Trees and how they can be used to control machines.
+            </p>
+        </div>
+    </div>
+</section>
+<hr>
 <section class="bg-white dark:bg-gray-900">
     <div class="py-8 px-4 mx-auto max-w-screen-xl lg:py-16 lg:px-6">
         <div class="max-w-screen-lg text-gray-500 sm:text-lg dark:text-gray-400">