Added front page banner, added sik100 colours. Fixed bugs

src/components/Footer/FooterContent.tsx

@@ -84,7 +84,7 @@ const FooterContent: React.FC = () => (
           </div>
           <div>
             <Link to="https://api.sahkoinsinoorikilta.fi/members/application/">Jäseneksi</Link>
-            <Link to="/palaute">Palaute</Link>
+            <Link to="mailto:hallitus@sahkoinsinoorikilta.fi">Palaute</Link>
             <Link to="https://static.sahkoinsinoorikilta.fi">Arkisto</Link>
             <Link to="https://static.sahkoinsinoorikilta.fi">Materiaalipankki</Link>
           </div>

src/components/Sections/CTASection.tsx

@@ -11,7 +11,7 @@ const Section = styled.section<{ colors: string }>`
   text-align: center;
   align-items: baseline;
   padding: 2rem 0;
-
+  border: 0.5rem colors.sik100Gold;
   flex-flow: row wrap;
 
   a {
@@ -29,7 +29,8 @@ const Section = styled.section<{ colors: string }>`
 
   & > h1 {
     a {
-      text-decoration: underline;
+     
+    text-decoration: underline;
     }
     a:hover {
       text-decoration: none;
@@ -37,7 +38,7 @@ const Section = styled.section<{ colors: string }>`
   }
 `;
 
-type Colors = "orange1" | "lightBlue" | "darkBlue" | "blue1" | "lightTurquoise";
+type Colors = "orange1" | "lightBlue" | "darkBlue" | "blue1" | "lightTurquoise" | "sik100Blue";
 
 interface CTASectionProps extends React.HTMLAttributes<HTMLDivElement> {
   bgColor?: Colors;
@@ -54,7 +55,10 @@ a:hover {
   color: ${colors.darkBlue};
 }
 `;
-
+    case "sik100Blue": return `
+background-color: ${colors[bgColor]};
+color: ${colors.sik100Gold};
+  `;
     case "darkBlue": return `
 background-color: ${colors[bgColor]};
 color: ${colors.white};