Add Arrow projects on home page

.gitattributes

@@ -0,0 +1 @@
+static/rss* linguist-generated=true

src/components/home/AboutQS/styles.module.css

@@ -12,12 +12,10 @@
     text-align: center;
     margin-bottom: var(--ifm-spacing-xl);
   }
-
 }
 
 @media only screen and (min-width: 996px) {
   .aboutQS_container {
-    margin-top: var(--ifm-spacing-2xl);
     background-color: var(--ifm-color-primary-p1);
     color: var(--ifm-color-primary-p2);
     padding: var(--ifm-spacing-2xl) var(--ifm-spacing-5xl) 0

src/components/home/ProjectsOverview/DataAnalysis.tsx

@@ -0,0 +1,25 @@
+import styles from "./styles.module.css";
+import DataAnalysisMD from "@site/src/components/home/ProjectsOverview/descriptions/DataAnalysis.md";
+import ApacheArrowPicture from "@site/static/img/projects/apache_arrow.svg";
+
+export default function DataAnalysisProjects() {
+  return (
+    <div className={"container" + " "+ styles.project_light_yellow} style={{paddingBottom : "0px"}}>
+      <div className="row">
+        <div
+          className={"col col--5 col--offset-1" + " " + styles.col_project_overview_with_padding}
+        >
+          <h1 className="padding-none">Data Analysis </h1>
+          <h2 className={styles.h2_custom}>
+            Supporting the development of key data analysis technologies.
+          </h2>
+          <DataAnalysisMD />
+        </div>
+        <div className={"col col--5"+ " " + styles.col_project_overview_with_padding}>
+
+           <ApacheArrowPicture width={"500px"}/>
+        </div>
+      </div>
+    </div>
+  );
+}

src/components/home/ProjectsOverview/descriptions/DataAnalysis.md

@@ -0,0 +1,6 @@
+
+Since 2024, QuantStack is involved in the development of:
+
+- Apache Arrow, a language independent columnar format and multi-language toolbox for fast data interchange and in-memory analytics
+
+- Apache Parquet, a column-oriented data file format designed for efficient data storage and retrieval

src/components/home/ProjectsOverview/index.tsx

@@ -3,6 +3,7 @@ import SupplyChainProjects from "./SupplyChain";
 import SpecialProjects from "./SpecialProjects";
 import RoboticsProjects from "./Robotics";
 import ComputingProjects from "./Computing";
+import DataAnalysisProjects from "./DataAnalysis";
 import styles from "./styles.module.css";
 
 export default function ProjectsOverview() {
@@ -13,6 +14,7 @@ export default function ProjectsOverview() {
       <SpecialProjects />
       <RoboticsProjects />
       <ComputingProjects />
+      <DataAnalysisProjects />
     </div>
   );
 }