Update Help Box HTML

src/components/presentational/HelpBox.jsx

@@ -4,7 +4,18 @@ function RasterVsVectorBox() {
     return (
         <div className="contentBox">
             <h3>Raster vs Vector</h3>
-            <p> This is some sort of information In Raster vs Vector</p>
+            <h4>Raster</h4>
+            <p>
+            The collections with the (Rastor) tag are Analysis Ready Data (ARD) holding obtained using the SpatioTemporal
+            Asset Catalogs (STAC) API. These features include image footprints and their corresponding assets. More
+            information can be found about this API using the "Help" button.
+            </p>
+            <h4>Vector</h4>
+            <p>
+            The collections with the (Vector) tag are footprints obtained from the USGS Vector API. These features
+            include a multitude of collections condensed into an OGC compliant database to deliver Analysis Ready Data (ARD).
+            Users will be able to sort this data using the "queryables'' tab to gather unique ID's or details for each feature in the collection.
+            </p>
         </div>
     );
 }
@@ -13,7 +24,11 @@ function SortingBox() {
     return (
         <div className="contentBox">
             <h3>Sorting</h3>
-            <p> This is some sort of information In Sorting</p>
+            <h4>Selected Area</h4>
+            <p>To sort by selected area (Only works for Raster). To use, click the "square" icon
+                to the left of the map and draw an area. The footprint card should update with only features
+                within that area.
+            </p>
         </div>
     );
 }
@@ -22,7 +37,11 @@ function FootprintCardBox() {
     return (
         <div className="contentBox">
             <h3>Footprint Card</h3>
-            <p> This is some sort of information in FootprintCard</p>
+            <p> The footprint card to the right of the screen shows and displays all of the collection features
+                selected from the large collections box. To show more features on the map and in the box click the
+                "load more" button with the desired amount of features needed.
+
+            </p>
         </div>
     );
 }