content changes to ember landing page

src/assets/css/app.scss

@@ -57,6 +57,7 @@
 @import "components/recent-posts";
 @import "components/post-banner";
 @import "components/split-content";
+@import "components/split-contact";
 @import "components/twios-cards";
 @import "components/loader";
 @import "components/talk-banner";
@@ -65,6 +66,7 @@
 @import "components/startups";
 @import "components/scroll-slides";
 @import "components/quotes-list";
+@import "components/opensource";
 @import "components/blog-cta";
 
 @import "animations/text-animation";

src/assets/css/components/_opensource.scss

@@ -0,0 +1,68 @@
+.opensource-list {
+  margin: 5rem 0 10rem;
+
+  @media (min-width: 48em) {
+    & {
+      margin: 6.25rem 0;
+    }
+  }
+
+  &__title {
+    margin: 2rem 0 2.5rem;
+    text-align: center;
+
+    @media (min-width: 48em) {
+      margin: 3.25rem 0;
+    }
+  }
+
+  &__list {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+
+    @media (min-width: 48em) {
+      & {
+        display: grid;
+        grid-template-columns: repeat(3, 1fr);
+        gap: 4.25rem 1.5rem;
+      }
+    }
+
+    .opensource-list__project {
+      display: flex;
+      flex-direction: column;
+      margin: 5rem 0;
+
+      &-image {
+        display: flex;
+        align-items: center;
+        height: 5rem;
+        margin-bottom: 0;
+
+        img {
+          max-height: 100%;
+          width: auto;
+          max-width: 10rem;
+        }
+      }
+
+      &-text {
+        h4 {
+          margin-bottom: 0.25rem;
+        }
+      }
+
+      @media (min-width: 48em) {
+        & {
+          margin: 0;
+        }
+      }
+    }
+  }
+
+  &__link {
+    margin-top: 1.5rem;
+  }
+}
+

src/assets/css/components/_split-contact.scss

@@ -0,0 +1,50 @@
+.split-contact {
+  margin: 5rem 0 10rem;
+}
+
+.split-contact__subheading {
+  margin: 2rem 0 2.5rem;
+}
+
+.split-contact__content {
+  display: flex;
+  align-items: start;
+  flex-wrap: wrap;
+  gap: 3.25rem;
+}
+
+.split-contact__text {
+  width: 100%;
+}
+
+.split-contact__feature {
+    width: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+    flex-wrap: wrap;
+    gap: 2rem;
+}
+
+
+.split-contact__author {
+  width: 10rem;
+  height: auto;
+  clip-path: circle();
+}
+
+.split-contact__link {
+  margin-top: 1.5rem;
+}
+
+@media (min-width: 48em) {
+  .split-contact {
+    margin: 6.25rem 0;
+  }
+
+  .split-contact__content {
+    flex-wrap: nowrap;
+    gap: 6.25rem;
+  }
+}

src/components/content/secondary-feature-ember.njk

@@ -1,7 +1,7 @@
 {% from "secondary-feature.njk" import secondaryFeature %}
 {% set 'content' = {
-  "text": "We recently have been recognized as an official sponsor of the Ember.js project along with international brands like LinkedIn and Yahoo.",
-  "linkUrl": "/ember-consulting/",
+  "text": "We are an official sponsor of the Ember.js project.",
+  "linkUrl": "https://emberjs.com/sponsors/",
   "linkText": "Find out more",
   "image": "/assets/images/logos/ember.svg",
   "alt": "Ember.js logo",

src/components/content/secondary-feature-emberfest.njk

@@ -0,0 +1,10 @@
+{% from "secondary-feature.njk" import secondaryFeature %}
+{% set 'content' = {
+  "text": "We co-organize EmberFest, the European Community Ember Conference.",
+  "linkUrl": "https://emberfest.eu/",
+  "linkText": "Find out more",
+  "image": "/assets/images/ember/emberfest-logo-vertical.png",
+  "alt": "Emberfest logo",
+  "loading": "lazy"
+} %}
+{{ secondaryFeature(content, "secondary-feature-emberfest") }}