Add C to Rust Migration course landing page

src/assets/css/app.scss

@@ -76,6 +76,7 @@
 @use "components/grid-event-card";
 @use "components/form-with-image";
 @use "components/table-of-contents";
+@use "components/c-to-rust-migration-lp";
 
 @use "animations/text-animation";
 

src/assets/css/components/_footer.scss

@@ -57,11 +57,29 @@
   text-transform: lowercase;
 }
 
+.footer--minimal {
+  min-height: 8rem;
+  padding: 2rem 0;
+  background-color: var(--color-black);
+
+  .footer__container {
+    align-items: center;
+  }
+}
+
+.footer--minimal .footer__socials {
+  margin-top: 1.5rem;
+}
+
 @media (min-width: $breakpoint-s) {
   .footer {
     padding: 4.5rem 0 1.75rem;
   }
 
+  .footer--minimal {
+    min-height: 12rem;
+  }
+
   .footer__logo {
     margin: 0 0 3.25rem;
   }
@@ -118,4 +136,10 @@
     margin-top: rem-calc(120);
     order: 0;
   }
+
+  .footer--minimal .footer__secondary,
+  .footer--minimal .footer__socials {
+    flex: 0 1 auto;
+    margin-top: 0;
+  }
 }

src/assets/css/components/c-to-rust-migration-lp.scss

@@ -0,0 +1,168 @@
+@use "../base/breakpoints" as *;
+
+.c-to-rust-migration-hero {
+  position: relative;
+  overflow: hidden;
+  background-color: var(--color-black);
+  color: var(--color-white);
+  min-height: 10vh;
+}
+
+.c-to-rust-migration-hero {
+  .table-of-contents__list {
+    @media (min-width: $breakpoint-m) {
+      flex-direction: row;
+      justify-content: flex-start;
+      flex-wrap: wrap;
+      gap: 1.5rem 3rem;
+    }
+  }
+}
+
+.c-to-rust-migration-logo {
+  position: absolute;
+  z-index: 1;
+  top: 1.5rem;
+  left: 5vw;
+  color: var(--color-white);
+}
+
+.c-to-rust-migration-hero__image-wrapper {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.c-to-rust-migration-hero__image {
+  position: absolute;
+  top: 50%;
+  right: 0;
+  width: 35%;
+  max-width: 30rem;
+  min-width: 25rem;
+  padding: 1rem;
+  margin-right: 5rem;
+  transform: translateY(-50%);
+
+  @media (max-width: $breakpoint-s) {
+    padding: 0;
+    margin-right: 0;
+    margin-top: 2rem;
+    min-width: 12rem;
+    top: 0.8rem;
+    right: 1rem;
+    transform: none;
+  }
+}
+
+.c-to-rust-migration-hero__container {
+  position: relative;
+  z-index: 1;
+  padding: 30vh 0 15vh;
+}
+
+.c-to-rust-migration-hero__text {
+  font-size: 1.5rem;
+  font-weight: normal;
+}
+
+.c-to-rust-migration-feature {
+  display: grid;
+  overflow: hidden;
+  background-color: var(--color-purple);
+  color: var(--color-white);
+}
+
+.c-to-rust-migration-feature__content,
+.c-to-rust-migration-eurorust__content {
+  padding: 4rem 6rem;
+}
+
+.c-to-rust-migration-feature__content {
+  display: flex;
+  flex-direction: column;
+  align-items: start;
+  justify-content: center;
+}
+
+.c-to-rust-migration-feature__eyebrow {
+  font-size: 1rem;
+}
+
+.c-to-rust-migration-feature__image {
+  display: none;
+  min-height: 0;
+  overflow: hidden;
+
+  picture,
+  img {
+    display: block;
+    width: 100%;
+    height: 100%;
+  }
+
+  img {
+    object-fit: cover;
+    object-position: center;
+  }
+}
+
+.c-to-rust-migration-eurorust__image {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 3rem;
+  background-image: url("/assets/images/rust/eurorust-2026-bg.jpg");
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: cover;
+
+  picture {
+    width: auto;
+    height: auto;
+    max-width: 100%;
+  }
+
+  img {
+    width: auto;
+    height: auto;
+    object-fit: contain;
+  }
+}
+
+.mainmatter-section {
+  background-color: var(--color-white);
+  padding: 4rem 6rem;
+}
+
+.c-to-rust-migration-eurorust {
+  display: grid;
+  overflow: hidden;
+  color: var(--color-white);
+}
+
+.c-to-rust-migration-eurorust__content {
+  display: flex;
+  flex-direction: column;
+  background-color: var(--color-purple);
+  align-items: flex-start;
+  align-self: center;
+  width: 100%;
+}
+
+@media (min-width: $breakpoint-m) {
+  .c-to-rust-migration-feature,
+  .c-to-rust-migration-eurorust {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .c-to-rust-migration-feature {
+    height: 24rem;
+  }
+
+  .c-to-rust-migration-feature__image {
+    display: block;
+  }
+}