From 0e0ed3e2419bdefbcec1c8878b1050f1b7743cd2 Mon Sep 17 00:00:00 2001
From: elainefan331 <elainefan331@gmail.com>
Date: Mon, 25 Aug 2025 14:42:00 -0400
Subject: [PATCH 1/3] feat: add section dividers to separate features in about
 page

---
 src/components/Routes.tsx |  4 +-
 src/pages/AboutPage.tsx   | 83 ++++++++++++++++++++++++++++++++++++++-
 2 files changed, 83 insertions(+), 4 deletions(-)

diff --git a/src/components/Routes.tsx b/src/components/Routes.tsx
index 8b16554..54c3e24 100644
--- a/src/components/Routes.tsx
+++ b/src/components/Routes.tsx
@@ -33,8 +33,8 @@ const Routes = () => (
         {/* Dataset Details Page */}
         <Route
           path={`${RoutesEnum.DATABASES}/:dbName/:docId`}
-          element={<DatasetDetailPage />}
-          // element={<UpdatedDatasetDetailPage />}
+          // element={<DatasetDetailPage />}
+          element={<UpdatedDatasetDetailPage />}
         />
 
         {/* Search Page */}
diff --git a/src/pages/AboutPage.tsx b/src/pages/AboutPage.tsx
index 49678f8..7b6eb17 100644
--- a/src/pages/AboutPage.tsx
+++ b/src/pages/AboutPage.tsx
@@ -6,15 +6,18 @@ import {
   Button,
   Grid,
   Tooltip,
+  Divider,
 } from "@mui/material";
 import { Colors } from "design/theme";
 import React, { useRef } from "react";
+import { Color } from "three";
 
 const AboutPage: React.FC = () => {
   const searchVideoRef = useRef<HTMLDivElement | null>(null);
   const previewVideoRef = useRef<HTMLDivElement | null>(null);
   const downloadVideoRef = useRef<HTMLDivElement | null>(null);
   const apiVideoRef = useRef<HTMLDivElement | null>(null);
+  const convertVideoRef = useRef<HTMLDivElement | null>(null);
 
   const videoData = [
     {
@@ -45,6 +48,13 @@ const AboutPage: React.FC = () => {
       video: "download_video.mp4",
       ref: downloadVideoRef,
     },
+    {
+      src: "download.png",
+      alt: "download icon",
+      tip: "Download tutotial video",
+      video: "download_video.mp4",
+      ref: convertVideoRef,
+    },
   ];
 
   const TutorialVideoItem = ({
@@ -261,21 +271,67 @@ const AboutPage: React.FC = () => {
           >
             Getting Started with NeuroJSON
           </Typography>
+
           <Grid container spacing={5} sx={{ mt: 3 }}>
+            <Grid item xs={12}>
+              <Divider
+                sx={{
+                  opacity: 1,
+                  mb: 2,
+                  "&::before, &::after": {
+                    // borderTopWidth: 2, // make the line more thicker
+                    // borderColor: Colors.secondaryPurple, // change the default line color
+                  },
+                }}
+              >
+                <Typography
+                  variant="h6"
+                  sx={{ color: Colors.darkPurple, fontWeight: 600 }}
+                >
+                  Search
+                </Typography>
+              </Divider>
+            </Grid>
             <Grid item xs={12} sm={6} ref={searchVideoRef}>
               <TutorialVideoItem
                 title="Search tutorial"
                 videoUrl="https://neurojson.io/io/download/static/videos/search_video.mp4"
               />
             </Grid>
-
+          </Grid>
+          <Grid container spacing={5} sx={{ mt: 3 }}>
+            <Grid item xs={12}>
+              <Divider
+                sx={{ borderColor: Colors.darkPurple, opacity: 1, mb: 2 }}
+              >
+                <Typography
+                  variant="h6"
+                  sx={{ color: Colors.darkPurple, fontWeight: 600 }}
+                >
+                  Preview
+                </Typography>
+              </Divider>
+            </Grid>
             <Grid item xs={12} sm={6} ref={previewVideoRef}>
               <TutorialVideoItem
                 title="Preview tutorial"
                 videoUrl="https://neurojson.io/io/download/static/videos/preview.mp4"
               />
             </Grid>
-
+          </Grid>
+          <Grid container spacing={5} sx={{ mt: 3 }}>
+            <Grid item xs={12}>
+              <Divider
+                sx={{ borderColor: Colors.darkPurple, opacity: 1, mb: 2 }}
+              >
+                <Typography
+                  variant="h6"
+                  sx={{ color: Colors.darkPurple, fontWeight: 600 }}
+                >
+                  Download
+                </Typography>
+              </Divider>
+            </Grid>
             <Grid item xs={12} sm={6} ref={apiVideoRef}>
               <TutorialVideoItem
                 title="Rest API - Python tutorial"
@@ -297,6 +353,29 @@ const AboutPage: React.FC = () => {
               />
             </Grid>
           </Grid>
+          <Grid container spacing={5} sx={{ mt: 3 }}>
+            <Grid item xs={12}>
+              <Divider
+                sx={{
+                  opacity: 1,
+                  mb: 2,
+                }}
+              >
+                <Typography
+                  variant="h6"
+                  sx={{ color: Colors.darkPurple, fontWeight: 600 }}
+                >
+                  Convert And Upload
+                </Typography>
+              </Divider>
+            </Grid>
+            <Grid item xs={12} sm={6} ref={convertVideoRef}>
+              <TutorialVideoItem
+                title="Convert tutorial"
+                videoUrl="https://neurojson.io/io/download/static/videos/search_video.mp4"
+              />
+            </Grid>
+          </Grid>
         </Container>
       </Box>
     </Box>

From 73b301fb6707c648416c84fdec2029d0174fc3ee Mon Sep 17 00:00:00 2001
From: elainefan331 <elainefan331@gmail.com>
Date: Mon, 25 Aug 2025 15:02:58 -0400
Subject: [PATCH 2/3] feat: add convert icon and video in about page

---
 public/img/about_page/convert.png | Bin 0 -> 15313 bytes
 src/pages/AboutPage.tsx           |  10 +++++-----
 2 files changed, 5 insertions(+), 5 deletions(-)
 create mode 100644 public/img/about_page/convert.png

diff --git a/public/img/about_page/convert.png b/public/img/about_page/convert.png
new file mode 100644
index 0000000000000000000000000000000000000000..ac50a9331480ec2b8fe3eef23c738e61050916c0
GIT binary patch
literal 15313
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

literal 0
HcmV?d00001

diff --git a/src/pages/AboutPage.tsx b/src/pages/AboutPage.tsx
index 7b6eb17..dd8209f 100644
--- a/src/pages/AboutPage.tsx
+++ b/src/pages/AboutPage.tsx
@@ -49,10 +49,10 @@ const AboutPage: React.FC = () => {
       ref: downloadVideoRef,
     },
     {
-      src: "download.png",
-      alt: "download icon",
-      tip: "Download tutotial video",
-      video: "download_video.mp4",
+      src: "convert.png",
+      alt: "convert icon",
+      tip: "Convert tutotial video",
+      video: "convert.mp4",
       ref: convertVideoRef,
     },
   ];
@@ -372,7 +372,7 @@ const AboutPage: React.FC = () => {
             <Grid item xs={12} sm={6} ref={convertVideoRef}>
               <TutorialVideoItem
                 title="Convert tutorial"
-                videoUrl="https://neurojson.io/io/download/static/videos/search_video.mp4"
+                videoUrl="https://neurojson.io/io/download/static/videos/convert.mp4"
               />
             </Grid>
           </Grid>

From 72b8b6f5bc0107b424e71be9733710b1f8655aa7 Mon Sep 17 00:00:00 2001
From: elainefan331 <elainefan331@gmail.com>
Date: Mon, 25 Aug 2025 15:19:15 -0400
Subject: [PATCH 3/3] feat: add four preview videos in about page

---
 src/components/Routes.tsx |  4 ++--
 src/pages/AboutPage.tsx   | 47 +++++++++++++++++++++++++++++----------
 2 files changed, 37 insertions(+), 14 deletions(-)

diff --git a/src/components/Routes.tsx b/src/components/Routes.tsx
index 54c3e24..8b16554 100644
--- a/src/components/Routes.tsx
+++ b/src/components/Routes.tsx
@@ -33,8 +33,8 @@ const Routes = () => (
         {/* Dataset Details Page */}
         <Route
           path={`${RoutesEnum.DATABASES}/:dbName/:docId`}
-          // element={<DatasetDetailPage />}
-          element={<UpdatedDatasetDetailPage />}
+          element={<DatasetDetailPage />}
+          // element={<UpdatedDatasetDetailPage />}
         />
 
         {/* Search Page */}
diff --git a/src/pages/AboutPage.tsx b/src/pages/AboutPage.tsx
index dd8209f..1e114bf 100644
--- a/src/pages/AboutPage.tsx
+++ b/src/pages/AboutPage.tsx
@@ -272,7 +272,7 @@ const AboutPage: React.FC = () => {
             Getting Started with NeuroJSON
           </Typography>
 
-          <Grid container spacing={5} sx={{ mt: 3 }}>
+          <Grid container spacing={5} sx={{ mt: 3 }} ref={searchVideoRef}>
             <Grid item xs={12}>
               <Divider
                 sx={{
@@ -292,14 +292,14 @@ const AboutPage: React.FC = () => {
                 </Typography>
               </Divider>
             </Grid>
-            <Grid item xs={12} sm={6} ref={searchVideoRef}>
+            <Grid item xs={12} sm={6}>
               <TutorialVideoItem
                 title="Search tutorial"
                 videoUrl="https://neurojson.io/io/download/static/videos/search_video.mp4"
               />
             </Grid>
           </Grid>
-          <Grid container spacing={5} sx={{ mt: 3 }}>
+          <Grid container spacing={5} sx={{ mt: 3 }} ref={previewVideoRef}>
             <Grid item xs={12}>
               <Divider
                 sx={{ borderColor: Colors.darkPurple, opacity: 1, mb: 2 }}
@@ -312,14 +312,38 @@ const AboutPage: React.FC = () => {
                 </Typography>
               </Divider>
             </Grid>
-            <Grid item xs={12} sm={6} ref={previewVideoRef}>
+            <Grid item xs={12} sm={6}>
               <TutorialVideoItem
                 title="Preview tutorial"
                 videoUrl="https://neurojson.io/io/download/static/videos/preview.mp4"
               />
             </Grid>
+            <Grid item xs={12} sm={6}>
+              <TutorialVideoItem
+                title="mesh preview tutorial"
+                videoUrl="https://neurojson.io/io/download/static/videos/preview_mesh.mp4"
+              />
+            </Grid>
+            <Grid item xs={12} sm={6}>
+              <TutorialVideoItem
+                title="fnirs preview tutorial"
+                videoUrl="https://neurojson.io/io/download/static/videos/preview_fnirs.mp4"
+              />
+            </Grid>
+            <Grid item xs={12} sm={6}>
+              <TutorialVideoItem
+                title="atlas preview tutorial"
+                videoUrl="https://neurojson.io/io/download/static/videos/preview_atlas.mp4"
+              />
+            </Grid>
+            <Grid item xs={12} sm={6}>
+              <TutorialVideoItem
+                title="mri preview tutorial"
+                videoUrl="https://neurojson.io/io/download/static/videos/preview_mri.mp4"
+              />
+            </Grid>
           </Grid>
-          <Grid container spacing={5} sx={{ mt: 3 }}>
+          <Grid container spacing={5} sx={{ mt: 3 }} ref={downloadVideoRef}>
             <Grid item xs={12}>
               <Divider
                 sx={{ borderColor: Colors.darkPurple, opacity: 1, mb: 2 }}
@@ -332,6 +356,12 @@ const AboutPage: React.FC = () => {
                 </Typography>
               </Divider>
             </Grid>
+            <Grid item xs={12} sm={6}>
+              <TutorialVideoItem
+                title="Download tutorial"
+                videoUrl="https://neurojson.io/io/download/static/videos/download.mp4"
+              />
+            </Grid>
             <Grid item xs={12} sm={6} ref={apiVideoRef}>
               <TutorialVideoItem
                 title="Rest API - Python tutorial"
@@ -345,13 +375,6 @@ const AboutPage: React.FC = () => {
                 videoUrl="https://neurojson.io/io/download/static/videos/matlab_api.mp4"
               />
             </Grid>
-
-            <Grid item xs={12} sm={6} ref={downloadVideoRef}>
-              <TutorialVideoItem
-                title="Download tutorial"
-                videoUrl="https://neurojson.io/io/download/static/videos/download.mp4"
-              />
-            </Grid>
           </Grid>
           <Grid container spacing={5} sx={{ mt: 3 }}>
             <Grid item xs={12}>