diff --git a/app/pages/index.tsx b/app/pages/index.tsx index bfe74fb46..4980c4cb6 100644 --- a/app/pages/index.tsx +++ b/app/pages/index.tsx @@ -7,12 +7,12 @@ import DefaultButton from '@button-inc/bcgov-theme/Button'; import ResponsiveContainer, { defaultRules } from 'components/ResponsiveContainer'; import { PageProps } from 'interfaces/props'; import StandardRealmsSVG from 'svg/StandardRealms'; +import WhatsNewSVG from '@app/svg/WhatsNewSVG'; import { Accordion } from '@bcgov-sso/common-react-components'; import FaqItems from 'page-partials/faq/FaqItems'; import { LANDING_HEADER_FONT, LARGE_BUTTON_FONT_SIZE } from 'styles/theme'; import GithubDiscussions from '@app/components/GithubDiscussions'; import { wikiURL } from '@app/utils/constants'; - interface PanelProps { marginLeft?: boolean; marginRight?: boolean; @@ -103,6 +103,21 @@ const StandardRealmsSplashContainer = styled.div` } `; +const WhatsNew = styled.div` + background: #38598a; + color: #ffffff; + font-size: 18px; + margin-bottom: 55px; + margin-top: 55px; + padding-bottom: 55px; + padding-top: 55px; + weight: 400px; + h2 { + font-size: 20px; + weight: 700; + } +`; + export default function Home({ onLoginClick }: PageProps) { return ( <> @@ -162,6 +177,30 @@ export default function Home({ onLoginClick }: PageProps) { + + + + + + + + + + +

What's new at SSO?

+
    +
  • + We've updated our wiki into two areas of focus: one for business areas and one for technical, + take a look. +
  • +
+
+
+
+
+
+ + diff --git a/app/svg/StandardRealms.tsx b/app/svg/StandardRealms.tsx index dd2166397..c94b3d42a 100644 --- a/app/svg/StandardRealms.tsx +++ b/app/svg/StandardRealms.tsx @@ -1,6 +1,6 @@ export default function StandardRealmsSVG() { return ( - + diff --git a/app/svg/WhatsNewSVG.tsx b/app/svg/WhatsNewSVG.tsx new file mode 100644 index 000000000..96e812102 --- /dev/null +++ b/app/svg/WhatsNewSVG.tsx @@ -0,0 +1,48 @@ +export default function WhatsNewSVG() { + return ( + + + + + + + + + + + + + + + + + + + + + ); +}