Call To Action sections and colors

2020-10-10 19:42:12 +03:00
parent 6531fd1daa
commit 07f2255427
10 changed files with 163 additions and 102 deletions
@@ -1,6 +1,6 @@
 import React from "react";
 import styled from "styled-components";
-import { Card, PageLink, Divider, CardSection, SossoSection } from "@components/index";
+import { Card, PageLink, Divider, CardSection, CTASection } from "@components/index";
 import FrontPageHero from "./FrontPageHero";
 import { Event } from "@models/Event";
 import { Post } from "@models/Feed";
@@ -62,10 +62,13 @@ const FrontPageView: React.FC<FrontPageViewProps> = ({ events, feed }) => (

      </CardSection>

-      <SossoSection>
-        <h3>Sössöä vuodesta 1969.</h3>
-        <Anchor to="https://sosso.fi">Lue opiskelijalehden viimeisin numero&nbsp;›</Anchor>
-      </SossoSection>
+      <CTASection
+        bgColor="orange1"
+        link="https://sosso.fi"
+        linkText="Lue opiskelijalehden viimeisin numero&nbsp;›"
+      >
+        Sössöä vuodesta 1969.
+      </CTASection>

      <CardSection>
        {feed.map(inst => (