From 4d557be84a5be68bb591b65b44a4be08c1d91848 Mon Sep 17 00:00:00 2001
From: samgildea <gildea.s@husky.neu.edu>
Date: Sat, 17 Apr 2021 18:01:41 -0400
Subject: [PATCH 1/4] #49 updating schemas, changing use cases to solutions and
 styling future of solar section

---
 gatsby-config.js                        |   2 +-
 src/components/homepage/index-styles.js |  85 +++++--
 src/components/homepage/index.js        |  34 ++-
 src/pages/index.js                      |  18 ++
 src/pages/{UseCases.js => solutions.js} |   0
 src/schemas/Homepage.json               | 320 +++++++++++++-----------
 src/vectors/renewable-tree-icon.svg     |  20 ++
 7 files changed, 313 insertions(+), 166 deletions(-)
 rename src/pages/{UseCases.js => solutions.js} (100%)
 create mode 100644 src/vectors/renewable-tree-icon.svg

diff --git a/gatsby-config.js b/gatsby-config.js
index d7c2f4e..816016d 100644
--- a/gatsby-config.js
+++ b/gatsby-config.js
@@ -36,7 +36,7 @@ module.exports = {
           product_page: require("./src/schemas/product_page.json"),
           product: require("./src/schemas/product.json"),
           Process: require("./src/schemas/process.json"),
-          Homepage: require("./src/schemas/Homepage.json"),
+          homepage: require("./src/schemas/homepage.json"),
           use_cases_page: require("./src/schemas/use_cases_page.json"),
           use_case: require("./src/schemas/use_case.json"),
         },
diff --git a/src/components/homepage/index-styles.js b/src/components/homepage/index-styles.js
index 9a4615d..91a26a5 100644
--- a/src/components/homepage/index-styles.js
+++ b/src/components/homepage/index-styles.js
@@ -8,18 +8,15 @@ import {
 import "../../style/colors"
 import colors from "../../style/colors"
 
-
 export const HeroImage = styled.div`
-position: absolute;
-top: 0;
-z-index: 0;
-img {
-
-  width: 100vw;
-  height: 100vh;
-  object-fit: cover;
-
-}
+  position: absolute;
+  top: 0;
+  z-index: 0;
+  img {
+    width: 100vw;
+    height: 100vh;
+    object-fit: cover;
+  }
 `
 
 export const HeroContainer = styled.div`
@@ -67,13 +64,10 @@ export const FutureSection = styled.div`
   position: relative;
   padding-top: 64px;
 
-
   @media (min-width: ${dimensions.maxwidthTablet}px) {
     display: flex;
     align-items: center;
     padding-top: 0px;
-
-
   }
 `
 
@@ -132,7 +126,66 @@ export const FutureCTA = styled.div`
 `
 
 export const HomePageContainer = styled.div`
-position: relative;
-z-index: 0;
+  position: relative;
+  z-index: 0;
+`
+
+export const SolutionsSection = styled.div`
+  height: 100vh;
+  margin-top: 100px;
+  color: ${colors.blue900};
+  padding-bottom: 100px;
 
 `
+
+export const SolutionsCard = styled.div`
+  a {
+    text-decoration: none;
+    color: ${colors.blue900};
+  }
+  @media (max-width: ${dimensions.maxwidthTablet}px) {
+    img {
+      width: 100%;
+      object-fit: cover;
+    }
+
+    margin-bottom: 48px;
+    margin-top: 48px;
+  }
+  @media (min-width: ${dimensions.maxwidthTablet}px) {
+    img {
+      width: 25vw;
+      height: 248px;
+
+      object-fit: cover;
+    }
+  }
+
+  text-align: center;
+`
+
+export const SolutionsCards = styled.div`
+  @media (min-width: ${dimensions.maxwidthTablet}px) {
+    display: flex;
+    justify-content: space-between;
+  }
+`
+
+export const SolutionsCTA = styled.div`
+margin-top: 64px;
+display: flex;
+justify-content: center;
+
+a {
+  padding-right: 60px;
+  padding-left: 60px;
+  padding-top: 16px;
+  padding-bottom: 16px;
+  border: solid ${colors.orange900}; 1px;
+  font-size: 16px;
+  font-weight: bold;
+  text-decoration: none;
+  text-transform: uppercase;
+  color: ${colors.orange900};
+}
+`
diff --git a/src/components/homepage/index.js b/src/components/homepage/index.js
index fb7ed1c..465aa09 100644
--- a/src/components/homepage/index.js
+++ b/src/components/homepage/index.js
@@ -1,5 +1,5 @@
 import React from "react"
-import { H1, P, H2 } from "../../style/type-styles"
+import { H1, P, H2, H3 } from "../../style/type-styles"
 import {
   HeroContainer,
   HeroTextSection,
@@ -15,8 +15,14 @@ import {
   FutureImage,
   HomePageContainer,
   HeroImage,
+  SolutionsSection,
+  SolutionsCard,
+  SolutionsCards,
+  SolutionsCTA,
 } from "./index-styles"
 
+import TreeIcon from "../../vectors/renewable-tree-icon.svg"
+
 import { Helmet } from "react-helmet"
 
 export default function HomePage({ data }) {
@@ -65,6 +71,32 @@ export default function HomePage({ data }) {
           </FutureText>
           <FutureImage></FutureImage>
         </FutureSection>
+
+        <SolutionsSection>
+          <TreeIcon />
+          <H2>{data.solutions_header}</H2>
+
+          <SolutionsCards>
+            {data.use_cases.map((use_case, idx) => {
+              return (
+                <SolutionsCard key={idx}>
+                  <a href={use_case.use_case.document.uid}>
+                    <img
+                      src={use_case.use_case.document.data.preview_image.url}
+                    />
+                    <H3>{use_case.use_case.document.data.preview_title}</H3>
+                  </a>
+                </SolutionsCard>
+              )
+            })}
+          </SolutionsCards>
+
+          <SolutionsCTA>
+            <a target="_blank" s rel="noreferrer" href="/solutions">
+              View use cases
+            </a>{" "}
+          </SolutionsCTA>
+        </SolutionsSection>
       </HomePageContainer>
     </>
   )
diff --git a/src/pages/index.js b/src/pages/index.js
index 220a5e0..96292ad 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -70,6 +70,24 @@ export const query = graphql`
           target
         }
         sign_up_button_text
+        solutions_header
+        use_cases {
+          use_case {
+            document {
+              ... on PrismicUseCase {
+                id
+                url
+                uid
+                data {
+                  preview_title
+                  preview_image {
+                    url
+                  }
+                }
+              }
+            }
+          }
+        }
       }
     }
   }
diff --git a/src/pages/UseCases.js b/src/pages/solutions.js
similarity index 100%
rename from src/pages/UseCases.js
rename to src/pages/solutions.js
diff --git a/src/schemas/Homepage.json b/src/schemas/Homepage.json
index b901d4f..3ea2daf 100644
--- a/src/schemas/Homepage.json
+++ b/src/schemas/Homepage.json
@@ -1,153 +1,177 @@
 {
-    "Main" : { },
-    "Hero Section" : {
-      "hero_headline" : {
-        "type" : "Text",
-        "config" : {
-          "label" : "Hero Headline"
-        }
-      },
-      "hero_subtext" : {
-        "type" : "Text",
-        "config" : {
-          "label" : "Hero Subtext"
-        }
-      },
-      "hero_cta_text" : {
-        "type" : "Text",
-        "config" : {
-          "label" : "Hero Button Text"
-        }
-      },
-      "hero_button_destination" : {
-        "type" : "Link",
-        "config" : {
-          "label" : "Hero Button Destination"
-        }
-      },
-      "hero_background_image" : {
-        "type" : "Image",
-        "config" : {
-          "constraint" : { },
-          "thumbnails" : [ ],
-          "label" : "Hero Background Image"
-        }
-      }
-    },
-    "Intro to Solar" : {
-      "section_title" : {
-        "type" : "Text",
-        "config" : {
-          "label" : "Section title"
-        }
-      },
-      "section_description" : {
-        "type" : "Text",
-        "config" : {
-          "label" : "Section Description"
-        }
-      },
-      "button_text" : {
-        "type" : "Text",
-        "config" : {
-          "label" : "Button Text"
-        }
-      },
-      "button_destination" : {
-        "type" : "Link",
-        "config" : {
-          "label" : "Button Destination"
-        }
-      },
-      "section_image" : {
-        "type" : "Image",
-        "config" : {
-          "constraint" : { },
-          "thumbnails" : [ ],
-          "label" : "Section Image"
-        }
-      }
-    },
-    "Impact Section" : {
-      "impact_section_title" : {
-        "type" : "Text",
-        "config" : {
-          "label" : "Impact Section Title"
-        }
-      },
-      "impact_description" : {
-        "type" : "Text",
-        "config" : {
-          "label" : "Impact Description"
-        }
-      },
-      "impact_image" : {
-        "type" : "Image",
-        "config" : {
-          "constraint" : { },
-          "thumbnails" : [ ],
-          "label" : "Impact Image"
-        }
-      },
-      "impact_example" : {
-        "type" : "Group",
-        "config" : {
-          "fields" : {
-            "impact_example_image" : {
-              "type" : "Image",
-              "config" : {
-                "constraint" : { },
-                "thumbnails" : [ ],
-                "label" : "Impact Example Image"
-              }
-            },
-            "impact_big_text" : {
-              "type" : "Text",
-              "config" : {
-                "label" : "Impact Big Text"
-              }
-            },
-            "impact_small_text" : {
-              "type" : "Text",
-              "config" : {
-                "label" : "Impact Small Text"
-              }
+  "Main": {},
+  "Hero Section": {
+    "hero_headline": {
+      "type": "Text",
+      "config": {
+        "label": "Hero Headline"
+      }
+    },
+    "hero_subtext": {
+      "type": "Text",
+      "config": {
+        "label": "Hero Subtext"
+      }
+    },
+    "hero_cta_text": {
+      "type": "Text",
+      "config": {
+        "label": "Hero Button Text"
+      }
+    },
+    "hero_button_destination": {
+      "type": "Link",
+      "config": {
+        "label": "Hero Button Destination"
+      }
+    },
+    "hero_background_image": {
+      "type": "Image",
+      "config": {
+        "constraint": {},
+        "thumbnails": [],
+        "label": "Hero Background Image"
+      }
+    }
+  },
+  "Intro to Solar": {
+    "section_title": {
+      "type": "Text",
+      "config": {
+        "label": "Section title"
+      }
+    },
+    "section_description": {
+      "type": "Text",
+      "config": {
+        "label": "Section Description"
+      }
+    },
+    "button_text": {
+      "type": "Text",
+      "config": {
+        "label": "Button Text"
+      }
+    },
+    "button_destination": {
+      "type": "Link",
+      "config": {
+        "label": "Button Destination"
+      }
+    },
+    "section_image": {
+      "type": "Image",
+      "config": {
+        "constraint": {},
+        "thumbnails": [],
+        "label": "Section Image"
+      }
+    }
+  },
+  "Impact Section": {
+    "impact_section_title": {
+      "type": "Text",
+      "config": {
+        "label": "Impact Section Title"
+      }
+    },
+    "impact_description": {
+      "type": "Text",
+      "config": {
+        "label": "Impact Description"
+      }
+    },
+    "impact_image": {
+      "type": "Image",
+      "config": {
+        "constraint": {},
+        "thumbnails": [],
+        "label": "Impact Image"
+      }
+    },
+    "impact_example": {
+      "type": "Group",
+      "config": {
+        "fields": {
+          "impact_example_image": {
+            "type": "Image",
+            "config": {
+              "constraint": {},
+              "thumbnails": [],
+              "label": "Impact Example Image"
+            }
+          },
+          "impact_big_text": {
+            "type": "Text",
+            "config": {
+              "label": "Impact Big Text"
             }
           },
-          "label" : "Impact Example"
-        }
-      }
-    }, 
-    "Email Section" : {
-      "email_eyebrow_heading" : {
-        "type" : "Text",
-        "config" : {
-          "label" : "Email Eyebrow Heading"
-        }
-      },
-      "enter_email_label" : {
-        "type" : "Text",
-        "config" : {
-          "label" : "Enter Email Label"
-        }
-      },
-      "email_description" : {
-        "type" : "Text",
-        "config" : {
-          "label" : "Email Description"
-        }
-      },
-      "sign_up_button_text" : {
-        "type" : "Text",
-        "config" : {
-          "label" : "Sign Up Button Text"
-        }
-      },
-      "sign_up_button_destination" : {
-        "type" : "Link",
-        "config" : {
-          "label" : "Sign up Button Destination"
-        }
+          "impact_small_text": {
+            "type": "Text",
+            "config": {
+              "label": "Impact Small Text"
+            }
+          }
+        },
+        "label": "Impact Example"
+      }
+    }
+  },
+  "Email Section": {
+    "email_eyebrow_heading": {
+      "type": "Text",
+      "config": {
+        "label": "Email Eyebrow Heading"
+      }
+    },
+    "enter_email_label": {
+      "type": "Text",
+      "config": {
+        "label": "Enter Email Label"
+      }
+    },
+    "email_description": {
+      "type": "Text",
+      "config": {
+        "label": "Email Description"
+      }
+    },
+    "sign_up_button_text": {
+      "type": "Text",
+      "config": {
+        "label": "Sign Up Button Text"
+      }
+    },
+    "sign_up_button_destination": {
+      "type": "Link",
+      "config": {
+        "label": "Sign Up Button Destination"
+      }
+    }
+  },
+  "Solutions": {
+    "solutions_header": {
+      "type": "Text",
+      "config": {
+        "label": "Solutions Header"
+      }
+    },
+    "use_cases": {
+      "type": "Group",
+      "config": {
+        "fields": {
+          "use_case" : {
+            "type" : "Link",
+            "config" : {
+              "select" : "document",
+              "customtypes" : [ "use_case" ],
+              "label" : "Use Case"
+            }
+          }
+        },
+        "label": "Use Cases"
       }
     }
-  }
\ No newline at end of file
+  }
+}
\ No newline at end of file
diff --git a/src/vectors/renewable-tree-icon.svg b/src/vectors/renewable-tree-icon.svg
new file mode 100644
index 0000000..75ed21b
--- /dev/null
+++ b/src/vectors/renewable-tree-icon.svg
@@ -0,0 +1,20 @@
+<svg width="66" height="66" viewBox="0 0 66 66" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-outside-1" maskUnits="userSpaceOnUse" x="17.7891" y="12.4697" width="31" height="44" fill="black">
+<rect fill="white" x="17.7891" y="12.4697" width="31" height="44"/>
+<path d="M33.0008 55.2307C33.443 55.2307 33.8008 54.8725 33.8008 54.4307V41.5939C41.2624 41.1783 47.2094 35.0489 47.2094 27.5521C47.2094 19.7869 40.8344 13.4697 32.9992 13.4697C25.1641 13.4697 18.7891 19.7869 18.7891 27.5521C18.7891 35.0499 24.7377 41.18 32.2008 41.5941V54.4307C32.2008 54.8725 32.5586 55.2307 33.0008 55.2307ZM20.3891 27.5521C20.3891 20.6693 26.0461 15.0697 32.9992 15.0697C39.9523 15.0697 45.6094 20.6693 45.6094 27.5521C45.6094 34.1671 40.3801 39.5815 33.8008 39.994V35.2455L38.268 30.7846C38.5805 30.4725 38.5805 29.9658 38.2687 29.6533C37.9562 29.34 37.4492 29.3408 37.1367 29.6525L33.8008 32.9841V27.3842C33.8008 26.9424 33.443 26.5842 33.0008 26.5842C32.5586 26.5842 32.2008 26.9424 32.2008 27.3842V32.9842L28.8641 29.6525C28.5516 29.3408 28.0445 29.34 27.732 29.6533C27.4203 29.9658 27.4203 30.4725 27.7328 30.7846L32.2008 35.2455V39.9941C25.6201 39.5831 20.3891 34.1682 20.3891 27.5521Z"/>
+</mask>
+<path d="M33.0008 55.2307C33.443 55.2307 33.8008 54.8725 33.8008 54.4307V41.5939C41.2624 41.1783 47.2094 35.0489 47.2094 27.5521C47.2094 19.7869 40.8344 13.4697 32.9992 13.4697C25.1641 13.4697 18.7891 19.7869 18.7891 27.5521C18.7891 35.0499 24.7377 41.18 32.2008 41.5941V54.4307C32.2008 54.8725 32.5586 55.2307 33.0008 55.2307ZM20.3891 27.5521C20.3891 20.6693 26.0461 15.0697 32.9992 15.0697C39.9523 15.0697 45.6094 20.6693 45.6094 27.5521C45.6094 34.1671 40.3801 39.5815 33.8008 39.994V35.2455L38.268 30.7846C38.5805 30.4725 38.5805 29.9658 38.2687 29.6533C37.9562 29.34 37.4492 29.3408 37.1367 29.6525L33.8008 32.9841V27.3842C33.8008 26.9424 33.443 26.5842 33.0008 26.5842C32.5586 26.5842 32.2008 26.9424 32.2008 27.3842V32.9842L28.8641 29.6525C28.5516 29.3408 28.0445 29.34 27.732 29.6533C27.4203 29.9658 27.4203 30.4725 27.7328 30.7846L32.2008 35.2455V39.9941C25.6201 39.5831 20.3891 34.1682 20.3891 27.5521Z" fill="#F27A28"/>
+<path d="M33.0008 55.2307C33.443 55.2307 33.8008 54.8725 33.8008 54.4307V41.5939C41.2624 41.1783 47.2094 35.0489 47.2094 27.5521C47.2094 19.7869 40.8344 13.4697 32.9992 13.4697C25.1641 13.4697 18.7891 19.7869 18.7891 27.5521C18.7891 35.0499 24.7377 41.18 32.2008 41.5941V54.4307C32.2008 54.8725 32.5586 55.2307 33.0008 55.2307ZM20.3891 27.5521C20.3891 20.6693 26.0461 15.0697 32.9992 15.0697C39.9523 15.0697 45.6094 20.6693 45.6094 27.5521C45.6094 34.1671 40.3801 39.5815 33.8008 39.994V35.2455L38.268 30.7846C38.5805 30.4725 38.5805 29.9658 38.2687 29.6533C37.9562 29.34 37.4492 29.3408 37.1367 29.6525L33.8008 32.9841V27.3842C33.8008 26.9424 33.443 26.5842 33.0008 26.5842C32.5586 26.5842 32.2008 26.9424 32.2008 27.3842V32.9842L28.8641 29.6525C28.5516 29.3408 28.0445 29.34 27.732 29.6533C27.4203 29.9658 27.4203 30.4725 27.7328 30.7846L32.2008 35.2455V39.9941C25.6201 39.5831 20.3891 34.1682 20.3891 27.5521Z" stroke="#F27A28" stroke-width="1.6" mask="url(#path-1-outside-1)"/>
+<mask id="path-2-outside-2" maskUnits="userSpaceOnUse" x="0" y="0" width="56" height="53" fill="black">
+<rect fill="white" width="56" height="53"/>
+<path d="M2.6 33C2.6 16.2375 16.2375 2.6 33 2.6C39.7756 2.6 46.3542 4.86719 51.674 9.01045L47.2039 9.01992C46.7617 9.0207 46.4047 9.37969 46.4055 9.82148C46.4062 10.2629 46.7641 10.6199 47.2055 10.6199C47.2062 10.6199 47.2062 10.6199 47.207 10.6199L53.8875 10.6059C54.3281 10.6051 54.6852 10.248 54.6859 9.80742L54.7 3.10156C54.7008 2.65977 54.3437 2.30078 53.9016 2.3C53.9008 2.3 53.9008 2.3 53.9 2.3C53.4586 2.3 53.1008 2.65703 53.1 3.09844L53.0894 8.0999C47.4145 3.51934 40.3185 1 33 1C15.3555 1 1 15.3551 1 33C1 39.4129 2.88984 45.6 6.46484 50.8922C6.61953 51.1207 6.87187 51.2441 7.12891 51.2441C7.28281 51.2441 7.43906 51.1996 7.57578 51.107C7.94219 50.8598 8.03828 50.3625 7.79141 49.9961C4.39531 44.9695 2.6 39.0926 2.6 33Z"/>
+</mask>
+<path d="M2.6 33C2.6 16.2375 16.2375 2.6 33 2.6C39.7756 2.6 46.3542 4.86719 51.674 9.01045L47.2039 9.01992C46.7617 9.0207 46.4047 9.37969 46.4055 9.82148C46.4062 10.2629 46.7641 10.6199 47.2055 10.6199C47.2062 10.6199 47.2062 10.6199 47.207 10.6199L53.8875 10.6059C54.3281 10.6051 54.6852 10.248 54.6859 9.80742L54.7 3.10156C54.7008 2.65977 54.3437 2.30078 53.9016 2.3C53.9008 2.3 53.9008 2.3 53.9 2.3C53.4586 2.3 53.1008 2.65703 53.1 3.09844L53.0894 8.0999C47.4145 3.51934 40.3185 1 33 1C15.3555 1 1 15.3551 1 33C1 39.4129 2.88984 45.6 6.46484 50.8922C6.61953 51.1207 6.87187 51.2441 7.12891 51.2441C7.28281 51.2441 7.43906 51.1996 7.57578 51.107C7.94219 50.8598 8.03828 50.3625 7.79141 49.9961C4.39531 44.9695 2.6 39.0926 2.6 33Z" fill="#F27A28"/>
+<path d="M2.6 33C2.6 16.2375 16.2375 2.6 33 2.6C39.7756 2.6 46.3542 4.86719 51.674 9.01045L47.2039 9.01992C46.7617 9.0207 46.4047 9.37969 46.4055 9.82148C46.4062 10.2629 46.7641 10.6199 47.2055 10.6199C47.2062 10.6199 47.2062 10.6199 47.207 10.6199L53.8875 10.6059C54.3281 10.6051 54.6852 10.248 54.6859 9.80742L54.7 3.10156C54.7008 2.65977 54.3437 2.30078 53.9016 2.3C53.9008 2.3 53.9008 2.3 53.9 2.3C53.4586 2.3 53.1008 2.65703 53.1 3.09844L53.0894 8.0999C47.4145 3.51934 40.3185 1 33 1C15.3555 1 1 15.3551 1 33C1 39.4129 2.88984 45.6 6.46484 50.8922C6.61953 51.1207 6.87187 51.2441 7.12891 51.2441C7.28281 51.2441 7.43906 51.1996 7.57578 51.107C7.94219 50.8598 8.03828 50.3625 7.79141 49.9961C4.39531 44.9695 2.6 39.0926 2.6 33Z" stroke="#F27A28" stroke-width="1.6" mask="url(#path-2-outside-2)"/>
+<mask id="path-3-outside-3" maskUnits="userSpaceOnUse" x="9.90625" y="13.7568" width="56" height="53" fill="black">
+<rect fill="white" x="9.90625" y="13.7568" width="56" height="53"/>
+<path d="M58.4242 14.8938C58.0578 15.141 57.9617 15.6383 58.2086 16.0047C61.6047 21.0313 63.4 26.9082 63.4 33.0008C63.4 49.7633 49.7625 63.4008 33 63.4008C25.9558 63.4008 19.1891 60.9744 13.7706 56.5427L18.4023 56.5328C18.8445 56.532 19.2016 56.173 19.2008 55.7313C19.2 55.2898 18.8422 54.9328 18.4008 54.9328C18.4 54.9328 18.4 54.9328 18.3992 54.9328L11.7188 54.9469C11.2781 54.9477 10.9211 55.3047 10.9203 55.7453L10.9063 62.4512C10.9055 62.893 11.2625 63.252 11.7047 63.2527C11.7055 63.2527 11.7055 63.2527 11.7063 63.2527C12.1477 63.2527 12.5055 62.8957 12.5063 62.4543L12.5166 57.5839C18.2609 62.3752 25.4808 65.0008 33 65.0008C50.6445 65.0008 65 50.6457 65 33.0008C65 26.5879 63.1102 20.4008 59.5352 15.1086C59.2875 14.743 58.7891 14.6469 58.4242 14.8938Z"/>
+</mask>
+<path d="M58.4242 14.8938C58.0578 15.141 57.9617 15.6383 58.2086 16.0047C61.6047 21.0313 63.4 26.9082 63.4 33.0008C63.4 49.7633 49.7625 63.4008 33 63.4008C25.9558 63.4008 19.1891 60.9744 13.7706 56.5427L18.4023 56.5328C18.8445 56.532 19.2016 56.173 19.2008 55.7313C19.2 55.2898 18.8422 54.9328 18.4008 54.9328C18.4 54.9328 18.4 54.9328 18.3992 54.9328L11.7188 54.9469C11.2781 54.9477 10.9211 55.3047 10.9203 55.7453L10.9063 62.4512C10.9055 62.893 11.2625 63.252 11.7047 63.2527C11.7055 63.2527 11.7055 63.2527 11.7063 63.2527C12.1477 63.2527 12.5055 62.8957 12.5063 62.4543L12.5166 57.5839C18.2609 62.3752 25.4808 65.0008 33 65.0008C50.6445 65.0008 65 50.6457 65 33.0008C65 26.5879 63.1102 20.4008 59.5352 15.1086C59.2875 14.743 58.7891 14.6469 58.4242 14.8938Z" fill="#F27A28"/>
+<path d="M58.4242 14.8938C58.0578 15.141 57.9617 15.6383 58.2086 16.0047C61.6047 21.0313 63.4 26.9082 63.4 33.0008C63.4 49.7633 49.7625 63.4008 33 63.4008C25.9558 63.4008 19.1891 60.9744 13.7706 56.5427L18.4023 56.5328C18.8445 56.532 19.2016 56.173 19.2008 55.7313C19.2 55.2898 18.8422 54.9328 18.4008 54.9328C18.4 54.9328 18.4 54.9328 18.3992 54.9328L11.7188 54.9469C11.2781 54.9477 10.9211 55.3047 10.9203 55.7453L10.9063 62.4512C10.9055 62.893 11.2625 63.252 11.7047 63.2527C11.7055 63.2527 11.7055 63.2527 11.7063 63.2527C12.1477 63.2527 12.5055 62.8957 12.5063 62.4543L12.5166 57.5839C18.2609 62.3752 25.4808 65.0008 33 65.0008C50.6445 65.0008 65 50.6457 65 33.0008C65 26.5879 63.1102 20.4008 59.5352 15.1086C59.2875 14.743 58.7891 14.6469 58.4242 14.8938Z" stroke="#F27A28" stroke-width="1.6" mask="url(#path-3-outside-3)"/>
+</svg>

From 0c1b767a76d68d0d7f2e0aa053895465a42d86d4 Mon Sep 17 00:00:00 2001
From: samgildea <gildea.s@husky.neu.edu>
Date: Sat, 17 Apr 2021 19:06:48 -0400
Subject: [PATCH 2/4] #49 merging master and updating sun icon

---
 src/components/homepage/index.js |   2 +-
 src/schemas/Homepage.json        | 250 ++++++++++++++++---------------
 2 files changed, 133 insertions(+), 119 deletions(-)

diff --git a/src/components/homepage/index.js b/src/components/homepage/index.js
index f94880b..67ed1e9 100644
--- a/src/components/homepage/index.js
+++ b/src/components/homepage/index.js
@@ -22,7 +22,7 @@ import {
 } from "./index-styles"
 
 import TreeIcon from "../../vectors/renewable-tree-icon.svg"
-
+import SunIcon from "../../vectors/sun-icon.svg"
 import { Helmet } from "react-helmet"
 
 export default function HomePage({ data }) {
diff --git a/src/schemas/Homepage.json b/src/schemas/Homepage.json
index 3ea2daf..d558a72 100644
--- a/src/schemas/Homepage.json
+++ b/src/schemas/Homepage.json
@@ -1,166 +1,172 @@
 {
-  "Main": {},
-  "Hero Section": {
-    "hero_headline": {
-      "type": "Text",
-      "config": {
-        "label": "Hero Headline"
+  "Main" : { },
+  "Hero Section" : {
+    "hero_headline" : {
+      "type" : "Text",
+      "config" : {
+        "label" : "Hero Headline"
       }
     },
-    "hero_subtext": {
-      "type": "Text",
-      "config": {
-        "label": "Hero Subtext"
+    "hero_subtext" : {
+      "type" : "Text",
+      "config" : {
+        "label" : "Hero Subtext"
       }
     },
-    "hero_cta_text": {
-      "type": "Text",
-      "config": {
-        "label": "Hero Button Text"
+    "hero_cta_text" : {
+      "type" : "Text",
+      "config" : {
+        "label" : "Hero Button Text"
       }
     },
-    "hero_button_destination": {
-      "type": "Link",
-      "config": {
-        "label": "Hero Button Destination"
+    "hero_button_destination" : {
+      "type" : "Link",
+      "config" : {
+        "label" : "Hero Button Destination"
       }
     },
-    "hero_background_image": {
-      "type": "Image",
-      "config": {
-        "constraint": {},
-        "thumbnails": [],
-        "label": "Hero Background Image"
+    "hero_background_image" : {
+      "type" : "Image",
+      "config" : {
+        "constraint" : { },
+        "thumbnails" : [ ],
+        "label" : "Hero Background Image"
       }
     }
   },
-  "Intro to Solar": {
-    "section_title": {
-      "type": "Text",
-      "config": {
-        "label": "Section title"
+  "Intro to Solar" : {
+    "section_title" : {
+      "type" : "Text",
+      "config" : {
+        "label" : "Section title"
       }
     },
-    "section_description": {
-      "type": "Text",
-      "config": {
-        "label": "Section Description"
+    "section_description" : {
+      "type" : "Text",
+      "config" : {
+        "label" : "Section Description"
       }
     },
-    "button_text": {
-      "type": "Text",
-      "config": {
-        "label": "Button Text"
+    "button_text" : {
+      "type" : "Text",
+      "config" : {
+        "label" : "Button Text"
       }
     },
-    "button_destination": {
-      "type": "Link",
-      "config": {
-        "label": "Button Destination"
+    "button_destination" : {
+      "type" : "Link",
+      "config" : {
+        "label" : "Button Destination"
       }
     },
-    "section_image": {
-      "type": "Image",
-      "config": {
-        "constraint": {},
-        "thumbnails": [],
-        "label": "Section Image"
+    "section_image_alt" : {
+      "type" : "Text",
+      "config" : {
+        "label" : "section image alt"
+      }
+    },
+    "section_image" : {
+      "type" : "Image",
+      "config" : {
+        "constraint" : { },
+        "thumbnails" : [ ],
+        "label" : "Section Image"
       }
     }
   },
-  "Impact Section": {
-    "impact_section_title": {
-      "type": "Text",
-      "config": {
-        "label": "Impact Section Title"
-      }
-    },
-    "impact_description": {
-      "type": "Text",
-      "config": {
-        "label": "Impact Description"
-      }
-    },
-    "impact_image": {
-      "type": "Image",
-      "config": {
-        "constraint": {},
-        "thumbnails": [],
-        "label": "Impact Image"
-      }
-    },
-    "impact_example": {
-      "type": "Group",
-      "config": {
-        "fields": {
-          "impact_example_image": {
-            "type": "Image",
-            "config": {
-              "constraint": {},
-              "thumbnails": [],
-              "label": "Impact Example Image"
+  "Impact Section" : {
+    "impact_section_title" : {
+      "type" : "Text",
+      "config" : {
+        "label" : "Impact Section Title"
+      }
+    },
+    "impact_description" : {
+      "type" : "Text",
+      "config" : {
+        "label" : "Impact Description"
+      }
+    },
+    "impact_image" : {
+      "type" : "Image",
+      "config" : {
+        "constraint" : { },
+        "thumbnails" : [ ],
+        "label" : "Impact Image"
+      }
+    },
+    "impact_example" : {
+      "type" : "Group",
+      "config" : {
+        "fields" : {
+          "impact_example_image" : {
+            "type" : "Image",
+            "config" : {
+              "constraint" : { },
+              "thumbnails" : [ ],
+              "label" : "Impact Example Image"
             }
           },
-          "impact_big_text": {
-            "type": "Text",
-            "config": {
-              "label": "Impact Big Text"
+          "impact_big_text" : {
+            "type" : "Text",
+            "config" : {
+              "label" : "Impact Big Text"
             }
           },
-          "impact_small_text": {
-            "type": "Text",
-            "config": {
-              "label": "Impact Small Text"
+          "impact_small_text" : {
+            "type" : "Text",
+            "config" : {
+              "label" : "Impact Small Text"
             }
           }
         },
-        "label": "Impact Example"
+        "label" : "Impact Example"
       }
     }
   },
-  "Email Section": {
-    "email_eyebrow_heading": {
-      "type": "Text",
-      "config": {
-        "label": "Email Eyebrow Heading"
+  "Email Section" : {
+    "email_eyebrow_heading" : {
+      "type" : "Text",
+      "config" : {
+        "label" : "Email Eyebrow Heading"
       }
     },
-    "enter_email_label": {
-      "type": "Text",
-      "config": {
-        "label": "Enter Email Label"
+    "enter_email_label" : {
+      "type" : "Text",
+      "config" : {
+        "label" : "Enter Email Label"
       }
     },
-    "email_description": {
-      "type": "Text",
-      "config": {
-        "label": "Email Description"
+    "email_description" : {
+      "type" : "Text",
+      "config" : {
+        "label" : "Email Description"
       }
     },
-    "sign_up_button_text": {
-      "type": "Text",
-      "config": {
-        "label": "Sign Up Button Text"
+    "sign_up_button_text" : {
+      "type" : "Text",
+      "config" : {
+        "label" : "Sign Up Button Text"
       }
     },
-    "sign_up_button_destination": {
-      "type": "Link",
-      "config": {
-        "label": "Sign Up Button Destination"
+    "sign_up_button_destination" : {
+      "type" : "Link",
+      "config" : {
+        "label" : "Sign Up Button Destination"
       }
     }
   },
-  "Solutions": {
-    "solutions_header": {
-      "type": "Text",
-      "config": {
-        "label": "Solutions Header"
+  "Solutions" : {
+    "solutions_header" : {
+      "type" : "Text",
+      "config" : {
+        "label" : "Solutions Header"
       }
     },
-    "use_cases": {
-      "type": "Group",
-      "config": {
-        "fields": {
+    "use_cases" : {
+      "type" : "Group",
+      "config" : {
+        "fields" : {
           "use_case" : {
             "type" : "Link",
             "config" : {
@@ -170,7 +176,15 @@
             }
           }
         },
-        "label": "Use Cases"
+        "label" : "Use Cases"
+      }
+    },
+    "use" : {
+      "type" : "Link",
+      "config" : {
+        "select" : "document",
+        "customtypes" : [ "use_case" ],
+        "label" : "use"
       }
     }
   }

From 910525b2a01f4cc6b20a134cb51f87835a40fbf5 Mon Sep 17 00:00:00 2001
From: samgildea <gildea.s@husky.neu.edu>
Date: Wed, 21 Apr 2021 16:35:57 -0400
Subject: [PATCH 3/4] #49 updating alt

---
 src/components/homepage/index.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/homepage/index.js b/src/components/homepage/index.js
index 67ed1e9..1d4cf56 100644
--- a/src/components/homepage/index.js
+++ b/src/components/homepage/index.js
@@ -86,6 +86,7 @@ export default function HomePage({ data }) {
                 <SolutionsCard key={idx}>
                   <a href={use_case.use_case.document.uid}>
                     <img
+                      alt={use_case.use_case.document.data.preview_title}
                       src={use_case.use_case.document.data.preview_image.url}
                     />
                     <H3>{use_case.use_case.document.data.preview_title}</H3>

From 717bba567d75e99749dc22dc22694c161fde6f14 Mon Sep 17 00:00:00 2001
From: samgildea <gildea.s@husky.neu.edu>
Date: Wed, 21 Apr 2021 16:37:09 -0400
Subject: [PATCH 4/4] #49 updating homepage schema

---
 src/schemas/Homepage.json | 368 +++++++++++++++++++-------------------
 1 file changed, 184 insertions(+), 184 deletions(-)

diff --git a/src/schemas/Homepage.json b/src/schemas/Homepage.json
index d558a72..008ebde 100644
--- a/src/schemas/Homepage.json
+++ b/src/schemas/Homepage.json
@@ -1,191 +1,191 @@
 {
-  "Main" : { },
-  "Hero Section" : {
-    "hero_headline" : {
-      "type" : "Text",
-      "config" : {
-        "label" : "Hero Headline"
-      }
-    },
-    "hero_subtext" : {
-      "type" : "Text",
-      "config" : {
-        "label" : "Hero Subtext"
-      }
-    },
-    "hero_cta_text" : {
-      "type" : "Text",
-      "config" : {
-        "label" : "Hero Button Text"
-      }
-    },
-    "hero_button_destination" : {
-      "type" : "Link",
-      "config" : {
-        "label" : "Hero Button Destination"
-      }
-    },
-    "hero_background_image" : {
-      "type" : "Image",
-      "config" : {
-        "constraint" : { },
-        "thumbnails" : [ ],
-        "label" : "Hero Background Image"
-      }
-    }
-  },
-  "Intro to Solar" : {
-    "section_title" : {
-      "type" : "Text",
-      "config" : {
-        "label" : "Section title"
-      }
-    },
-    "section_description" : {
-      "type" : "Text",
-      "config" : {
-        "label" : "Section Description"
-      }
-    },
-    "button_text" : {
-      "type" : "Text",
-      "config" : {
-        "label" : "Button Text"
-      }
-    },
-    "button_destination" : {
-      "type" : "Link",
-      "config" : {
-        "label" : "Button Destination"
-      }
-    },
-    "section_image_alt" : {
-      "type" : "Text",
-      "config" : {
-        "label" : "section image alt"
-      }
-    },
-    "section_image" : {
-      "type" : "Image",
-      "config" : {
-        "constraint" : { },
-        "thumbnails" : [ ],
-        "label" : "Section Image"
-      }
-    }
-  },
-  "Impact Section" : {
-    "impact_section_title" : {
-      "type" : "Text",
-      "config" : {
-        "label" : "Impact Section Title"
-      }
-    },
-    "impact_description" : {
-      "type" : "Text",
-      "config" : {
-        "label" : "Impact Description"
-      }
-    },
-    "impact_image" : {
-      "type" : "Image",
-      "config" : {
-        "constraint" : { },
-        "thumbnails" : [ ],
-        "label" : "Impact Image"
-      }
-    },
-    "impact_example" : {
-      "type" : "Group",
-      "config" : {
-        "fields" : {
-          "impact_example_image" : {
-            "type" : "Image",
-            "config" : {
-              "constraint" : { },
-              "thumbnails" : [ ],
-              "label" : "Impact Example Image"
+    "Main" : { },
+    "Hero Section" : {
+      "hero_headline" : {
+        "type" : "Text",
+        "config" : {
+          "label" : "Hero Headline"
+        }
+      },
+      "hero_subtext" : {
+        "type" : "Text",
+        "config" : {
+          "label" : "Hero Subtext"
+        }
+      },
+      "hero_cta_text" : {
+        "type" : "Text",
+        "config" : {
+          "label" : "Hero Button Text"
+        }
+      },
+      "hero_button_destination" : {
+        "type" : "Link",
+        "config" : {
+          "label" : "Hero Button Destination"
+        }
+      },
+      "hero_background_image" : {
+        "type" : "Image",
+        "config" : {
+          "constraint" : { },
+          "thumbnails" : [ ],
+          "label" : "Hero Background Image"
+        }
+      }
+    },
+    "Intro to Solar" : {
+      "section_title" : {
+        "type" : "Text",
+        "config" : {
+          "label" : "Section title"
+        }
+      },
+      "section_description" : {
+        "type" : "Text",
+        "config" : {
+          "label" : "Section Description"
+        }
+      },
+      "button_text" : {
+        "type" : "Text",
+        "config" : {
+          "label" : "Button Text"
+        }
+      },
+      "button_destination" : {
+        "type" : "Link",
+        "config" : {
+          "label" : "Button Destination"
+        }
+      },
+      "section_image_alt" : {
+        "type" : "Text",
+        "config" : {
+          "label" : "section image alt"
+        }
+      },
+      "section_image" : {
+        "type" : "Image",
+        "config" : {
+          "constraint" : { },
+          "thumbnails" : [ ],
+          "label" : "Section Image"
+        }
+      }
+    },
+    "Impact Section" : {
+      "impact_section_title" : {
+        "type" : "Text",
+        "config" : {
+          "label" : "Impact Section Title"
+        }
+      },
+      "impact_description" : {
+        "type" : "Text",
+        "config" : {
+          "label" : "Impact Description"
+        }
+      },
+      "impact_image" : {
+        "type" : "Image",
+        "config" : {
+          "constraint" : { },
+          "thumbnails" : [ ],
+          "label" : "Impact Image"
+        }
+      },
+      "impact_example" : {
+        "type" : "Group",
+        "config" : {
+          "fields" : {
+            "impact_example_image" : {
+              "type" : "Image",
+              "config" : {
+                "constraint" : { },
+                "thumbnails" : [ ],
+                "label" : "Impact Example Image"
+              }
+            },
+            "impact_big_text" : {
+              "type" : "Text",
+              "config" : {
+                "label" : "Impact Big Text"
+              }
+            },
+            "impact_small_text" : {
+              "type" : "Text",
+              "config" : {
+                "label" : "Impact Small Text"
+              }
             }
           },
-          "impact_big_text" : {
-            "type" : "Text",
-            "config" : {
-              "label" : "Impact Big Text"
+          "label" : "Impact Example"
+        }
+      }
+    },
+    "Email Section" : {
+      "email_eyebrow_heading" : {
+        "type" : "Text",
+        "config" : {
+          "label" : "Email Eyebrow Heading"
+        }
+      },
+      "enter_email_label" : {
+        "type" : "Text",
+        "config" : {
+          "label" : "Enter Email Label"
+        }
+      },
+      "email_description" : {
+        "type" : "Text",
+        "config" : {
+          "label" : "Email Description"
+        }
+      },
+      "sign_up_button_text" : {
+        "type" : "Text",
+        "config" : {
+          "label" : "Sign Up Button Text"
+        }
+      },
+      "sign_up_button_destination" : {
+        "type" : "Link",
+        "config" : {
+          "label" : "Sign Up Button Destination"
+        }
+      }
+    },
+    "Solutions" : {
+      "solutions_header" : {
+        "type" : "Text",
+        "config" : {
+          "label" : "Solutions Header"
+        }
+      },
+      "use_cases" : {
+        "type" : "Group",
+        "config" : {
+          "fields" : {
+            "use_case" : {
+              "type" : "Link",
+              "config" : {
+                "select" : "document",
+                "customtypes" : [ "use_case" ],
+                "label" : "Use Case"
+              }
             }
           },
-          "impact_small_text" : {
-            "type" : "Text",
-            "config" : {
-              "label" : "Impact Small Text"
-            }
-          }
-        },
-        "label" : "Impact Example"
-      }
-    }
-  },
-  "Email Section" : {
-    "email_eyebrow_heading" : {
-      "type" : "Text",
-      "config" : {
-        "label" : "Email Eyebrow Heading"
-      }
-    },
-    "enter_email_label" : {
-      "type" : "Text",
-      "config" : {
-        "label" : "Enter Email Label"
-      }
-    },
-    "email_description" : {
-      "type" : "Text",
-      "config" : {
-        "label" : "Email Description"
-      }
-    },
-    "sign_up_button_text" : {
-      "type" : "Text",
-      "config" : {
-        "label" : "Sign Up Button Text"
-      }
-    },
-    "sign_up_button_destination" : {
-      "type" : "Link",
-      "config" : {
-        "label" : "Sign Up Button Destination"
-      }
-    }
-  },
-  "Solutions" : {
-    "solutions_header" : {
-      "type" : "Text",
-      "config" : {
-        "label" : "Solutions Header"
-      }
-    },
-    "use_cases" : {
-      "type" : "Group",
-      "config" : {
-        "fields" : {
-          "use_case" : {
-            "type" : "Link",
-            "config" : {
-              "select" : "document",
-              "customtypes" : [ "use_case" ],
-              "label" : "Use Case"
-            }
-          }
-        },
-        "label" : "Use Cases"
-      }
-    },
-    "use" : {
-      "type" : "Link",
-      "config" : {
-        "select" : "document",
-        "customtypes" : [ "use_case" ],
-        "label" : "use"
+          "label" : "Use Cases"
+        }
+      },
+      "use" : {
+        "type" : "Link",
+        "config" : {
+          "select" : "document",
+          "customtypes" : [ "use_case" ],
+          "label" : "use"
+        }
       }
     }
-  }
-}
\ No newline at end of file
+  }
\ No newline at end of file