draft changes on sidebar + home page

Author: PoojaB26

docs/index.md

@@ -4,7 +4,7 @@ custom_edit_url: null
 showLastUpdateTime: false
 hide_title: true
 slug: /
-hide_table_of_contents: true
+hide_table_of_contents: false
 ---
 
 import InfoCard from '@site/src/components/InfoCard';
@@ -20,17 +20,21 @@ import BranchIcon from '@site/static/icons/branch_New.png';
 
 
 
-<FlutterFlowLogo></FlutterFlowLogo>
 
-# Visual Development Environment
-FlutterFlow is a visual development environment that lets you build mobile, web, and desktop apps incredibly fast, without sacrificing quality or features. 
+# Getting started with FlutterFlow
+FlutterFlow is a visual development environment that lets you build mobile, web, and desktop apps incredibly fast, without sacrificing on app quality or features. 
 
 <div class="video-container small"><iframe src="https://www.youtube.com/embed/gYOrgBrX4jM" 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>
 
 <InfoCards>
     <InfoCard title="Before You Begin" description="Ensure you meet system requirements and grasp technical concepts for smooth building in FlutterFlow." pagePath="/before-you-begin/setup-flutterflow" />
-    <InfoCard   title="Explore FlutterFlow" description="Dive into the building blocks of the platform: projects, widgets, functions and more." pagePath="/resources"/>
-    <InfoCard   title="Start Building" description="Jump right into a quick start on how to build a simple app." pagePath="/quickstart"/>
+    <InfoCard   title="Explore FlutterFlow" description="Dive into the building blocks of the platform: projects, widgets, functions and more." pagePath="/resources"/> 
+    
+
+</InfoCards>
+
+
+<InfoCards>
     <InfoCard  title="What's New in FlutterFlow" description="Updates, features, and the latest enhancements in FlutterFlow." pagePath="https://community.flutterflow.io/c/whats-new-in-flutterflow"/>
     <InfoCard   title="Community Forum" description="Join discussions, ask questions, and share insights with the FlutterFlow community." pagePath="https://community.flutterflow.io"/>
     <InfoCard title="Submit Bug Report" description="Encountered a bug in FlutterFlow? Help us improve by submitting a bug report." pagePath="/misc/submit-bug-report" />

docusaurus.config.ts

@@ -25,13 +25,15 @@ const config: Config = {
       'classic',
       {
         docs: {
-          breadcrumbs: false,
+          breadcrumbs: true,
           routeBasePath: '/',
           sidebarPath: './sidebars.ts',
           editUrl: 'https://github.com/FlutterFlow/flutterflow-documentation/edit/main/',
           showLastUpdateAuthor: true,
           showLastUpdateTime: true,
           exclude: ['docs/index.md'],
+          sidebarCollapsible: true, /* Keep sidebar expanded by default */
+          sidebarCollapsed: true, /* Start with sidebar expanded */
           // lastVersion: 'current',
           // versions: {
           //   current: {

sidebars.ts

@@ -16,7 +16,7 @@ const sidebars: SidebarsConfig = {
         {
             type: 'category',
             label: 'Before You Begin',
-            collapsed: true,
+            collapsed: false,
             items: [
                 {
                     type: 'autogenerated',
@@ -27,7 +27,7 @@ const sidebars: SidebarsConfig = {
         {
             type: 'category',
             label: 'FlutterFlow Platform',
-            collapsed: true,
+            collapsed: false,
             items: [
                 {
                     type: 'autogenerated',
@@ -38,7 +38,7 @@ const sidebars: SidebarsConfig = {
         {
             type: 'category',
             label: 'Resources',
-            collapsed: true,
+            collapsed: false,
             link: {
                 type: 'generated-index',
                 title: 'FlutterFlow Resources',
@@ -56,7 +56,7 @@ const sidebars: SidebarsConfig = {
         {
             type: 'category',
             label: 'Building Concepts',
-            collapsed: true,
+            collapsed: false,
             link: {
                 type: 'generated-index',
                 title: 'Key Concepts',
@@ -74,7 +74,7 @@ const sidebars: SidebarsConfig = {
         {
             type: 'category',
             label: 'Testing & Publishing',
-            collapsed: true,
+            collapsed: false,
             items: [
                 {
                     type: 'autogenerated',
@@ -85,7 +85,7 @@ const sidebars: SidebarsConfig = {
         {
             type: 'category',
             label: 'Integrations',
-            collapsed: true,
+            collapsed: false,
             link: {
                 type: 'generated-index',
                 title: 'Third Party Integrations',
@@ -103,7 +103,7 @@ const sidebars: SidebarsConfig = {
         {
             type: 'category',
             label: 'Generated Code',
-            collapsed: true,
+            collapsed: false,
             items: [
                 {
                     type: 'autogenerated',
@@ -114,7 +114,7 @@ const sidebars: SidebarsConfig = {
         {
             type: 'category',
             label: 'Accounts & Billing',
-            collapsed: true,
+            collapsed: false,
             items: [
                 {
                     type: 'autogenerated',
@@ -125,7 +125,7 @@ const sidebars: SidebarsConfig = {
         {
             type: 'category',
             label: 'Miscellaneous',
-            collapsed: true,
+            collapsed: false,
             items: [
                 {
                     type: 'autogenerated',

src/components/InfoCard/index.module.css

@@ -1,10 +1,10 @@
 .infoCard {
-  border: 1px solid var(--ifm-color-emphasis-200);
+  border: 1px solid var(--ifm-color-emphasis-100);
   border-radius: 8px;
   padding: 24px;
   transition: all 0.3s ease;
   box-sizing: border-box;
-  background: var(--ifm-background-color);
+  background: var(--custom-background-light);
   cursor: pointer;
   height: 100%;
   display: flex;
@@ -42,6 +42,11 @@
   }
 }
 
+/* Dark mode background */
+[data-theme='dark'] .infoCard {
+  background: var(--custom-background-dark);
+}
+
 .infoCardIcon {
   font-size: 24px;
   margin-right: 12px;