Merge pull request #91 from genestack/feature/supported-data-content

Introduction Grid for supported data content

Author: MikhailAf

docs/user-guide/supported-data/supported-data.md

@@ -1,17 +1,62 @@
 # Supported Data Formats
 
-!!! abstract "About this guide"
+!!! info "About this guide"
     This guide provides a basic overview of file formats and data supported in the ODM.
     For a detailed description and instructions on using various data formats and working with them
     (sorting, filtering, sampling), visit the **[Supported Data Formats page](../doc-odm-user-guide/supported-formats.md)** 
-    in our Advanced User Guide. 
+    in our **Advanced User Guide**. 
+
+<div class="grid cards" markdown>
+
+- :octicons-table-16: __[TSV (Tabular data)](../supported-data/supported-data.md/#tsv-tabular-data)__
+
+    ---
+
+    Upload and manage tabular data (TSV files) seamlessly within the ODM. Work with Samples, 
+    Libraries, Preparations, Expression data, and more.
+
+- :fontawesome-solid-signal:{ .lg .middle } __[GCT (Gene Expression)](../supported-data/supported-data.md/#gct-gene-xpression)__ 
+
+    ---
+
+    Upload and work with GCT (Gene Cluster Text) files in the Open Data Manager (ODM). 
+    Optimize the analysis of matrix-compatible datasets.
+
+- :material-dna:{ .lg .middle } __[VCF (Variants)](../supported-data/supported-data.md/#vcf-variants)__
+
+    ---
+
+    Upload and work with VCF (Variant Call Format) files to search, filter, retrieve, and analyze 
+    genetic variants in the ODM.
+
+- :fontawesome-solid-disease:{ .lg .middle } __[HDF5 (e.g. Single Cell)](../supported-data/supported-data.md/#hdf5-single-cell)__
+
+    ---
+    Upload and store HDF5 (Hierarchical Data Format 5) files as attachments in the ODM. Future releases will enable 
+    seamless analysis of Single Cell data stored within TSV and HDF5 formats.
+
+- :fontawesome-solid-wave-square:{ .lg .middle } __[FACS (Flow Cytometry)](../supported-data/supported-data.md/#facs-flow-cytometry)__
+
+    ---
+    Upload and work with FACS (Fluorescence-Activated Cell Sorting) files in the Open Data Manager (ODM) 
+    to efficiently analyze Flow Cytometry data.
+
+- :fontawesome-solid-file-lines:{ .lg .middle } __[Attached Files](../supported-data/supported-data.md/#attached-files)__
+
+    ---
+    Upload and organize a diverse range of attached non-indexed files in the ODM. 
+    Easily manage your entire data catalog, access and collaboration across any file types.
+
+</div>
 
 ## TSV (Tabular data)
 
-## GCT (Expression)
+## GCT (Gene xpression)
 
 ## VCF (Variants)
 
-## HDF5 (Single Cell)
+## HDF5 (e.g. Single Cell)
+
+## FACS (Flow Cytometry)
 
-## FCY (Flow Cytometry)
+## Attached Files