Generalize FeatureDuo landing page molecule to shared page molecule

This commit generalizes the `FeatureDuo` landing page molecule to a
shared molecule for all pages.

GH-115

src/components/organisms/page/landing/SectionCommunity/SectionCommunity.jsx

@@ -14,7 +14,7 @@ import ArcticOceanFractal, { POSE_HIDE, POSE_SHOW } from "arctic-ocean-fractal";
 import { WaveFooter } from "atoms/core/vectors/divider";
 import Button from "atoms/core/Button";
 import Section, { Content } from "containers/core/Section";
-import FeatureDuo, { Actions, Headline, Subline, Text, Visualization } from "molecules/page/landing/FeatureDuo";
+import FeatureDuo, { Actions, Headline, Subline, Text, Visualization } from "molecules/page/shared/FeatureDuo";
 import { ROUTE_COMMUNITY, ROUTE_ROOT } from "config/routes/mappings";
 import { sectionIdFor } from "utils";
 

src/components/organisms/page/landing/SectionHero/SectionHero.jsx

@@ -14,7 +14,7 @@ import ArcticLandscape, { POSE_DRAW, POSE_ERASE } from "arctic-landscape";
 import { Content } from "containers/core/Section";
 import Button from "atoms/core/Button";
 import { H1 } from "atoms/core/HTMLElements";
-import FeatureDuo, { Actions, Headline, Subline, Text, Visualization } from "molecules/page/landing/FeatureDuo";
+import FeatureDuo, { Actions, Headline, Subline, Text, Visualization } from "molecules/page/shared/FeatureDuo";
 import { ROUTE_DOCS, ROUTE_ROOT } from "config/routes/mappings";
 import { sectionIdFor } from "utils";
 

src/components/organisms/page/landing/SectionNativeColorSwatch/SectionNativeColorSwatch.jsx

@@ -12,7 +12,7 @@ import React from "react";
 import Button from "atoms/core/Button";
 import { Content } from "containers/core/Section";
 import { ReactComponent as ColorSwatches } from "assets/images/illustrations/color-swatches.svg";
-import FeatureDuo, { Actions, Headline, Subline, Text, Visualization } from "molecules/page/landing/FeatureDuo";
+import FeatureDuo, { Actions, Headline, Subline, Text, Visualization } from "molecules/page/shared/FeatureDuo";
 import { ROUTE_DOCS, ROUTE_ROOT } from "config/routes/mappings";
 import { sectionIdFor } from "utils";
 

src/components/organisms/page/landing/SectionPalettesContrast/SectionPalettesContrast.jsx

@@ -13,7 +13,7 @@ import { ThemeProvider } from "styled-components";
 import { Content } from "containers/core/Section";
 import Button from "atoms/core/Button";
 import ColorPaletteCard from "atoms/core/ColorPaletteCard";
-import FeatureDuo, { Actions, Headline, Subline, Text, Visualization } from "molecules/page/landing/FeatureDuo";
+import FeatureDuo, { Actions, Headline, Subline, Text, Visualization } from "molecules/page/shared/FeatureDuo";
 import { ROUTE_DOCS, ROUTE_ROOT } from "config/routes/mappings";
 import { sectionIdFor } from "utils";
 import {

src/components/organisms/page/landing/SectionPalettesContrast/styled/WaveDivider.jsx

@@ -12,11 +12,9 @@ import styled from "styled-components";
 import { WaveSmoothFlat } from "atoms/core/vectors/divider";
 import { colors, motion, themedMode, MODE_BRIGHT_SNOW_FLURRY, MODE_DARK_NIGHT_FROST } from "styles/theme";
 
-import { darkenedSectionBackgroundColor } from "../../../shared/styles";
-
 const fillColor = themedMode({
   [MODE_BRIGHT_SNOW_FLURRY]: colors.background.sectioning.primary[MODE_BRIGHT_SNOW_FLURRY],
-  [MODE_DARK_NIGHT_FROST]: darkenedSectionBackgroundColor
+  [MODE_DARK_NIGHT_FROST]: colors.background.sectioning.tertiary[MODE_DARK_NIGHT_FROST]
 });
 
 /**

src/components/organisms/page/landing/SectionPalettesModularity/SectionPalettesModularity.jsx

@@ -13,7 +13,7 @@ import { Content } from "containers/core/Section";
 import Button from "atoms/core/Button";
 import ColorPaletteCard from "atoms/core/ColorPaletteCard";
 import { Code } from "atoms/core/HTMLElements";
-import FeatureDuo, { Actions, Headline, Subline, Text, Visualization } from "molecules/page/landing/FeatureDuo";
+import FeatureDuo, { Actions, Headline, Subline, Text, Visualization } from "molecules/page/shared/FeatureDuo";
 import { ROUTE_DOCS, ROUTE_ROOT } from "config/routes/mappings";
 import { sectionIdFor } from "utils";
 import { palettes } from "styles/theme";

src/components/organisms/page/landing/SectionPorts/SectionPorts.jsx

@@ -12,7 +12,7 @@ import React from "react";
 import Button from "atoms/core/Button";
 import { Content } from "containers/core/Section";
 import { ReactComponent as Nordify } from "assets/images/illustrations/nordify.svg";
-import FeatureDuo, { Actions, Headline, Subline, Text, Visualization } from "molecules/page/landing/FeatureDuo";
+import FeatureDuo, { Actions, Headline, Subline, Text, Visualization } from "molecules/page/shared/FeatureDuo";
 import { ROUTE_PORTS, ROUTE_ROOT } from "config/routes/mappings";
 import { sectionIdFor } from "utils";
 

src/components/organisms/page/landing/SectionSyntax/SectionSyntax.jsx

@@ -12,7 +12,7 @@ import Waypoint from "react-waypoint";
 
 import Button from "atoms/core/Button";
 import { Content } from "containers/core/Section";
-import FeatureDuo, { Actions, Headline, Subline, Text, Visualization } from "molecules/page/landing/FeatureDuo";
+import FeatureDuo, { Actions, Headline, Subline, Text, Visualization } from "molecules/page/shared/FeatureDuo";
 import { ROUTE_DOCS, ROUTE_ROOT } from "config/routes/mappings";
 import { sectionIdFor } from "utils";