lots of small ui/ux updates

services/QuillLMS/app/assets/stylesheets/pages/for_administrators.scss

@@ -102,10 +102,6 @@
       justify-content: center;
     }
     .research-block {
-      background-color: $quill-white;
-      border-radius: 32px;
-      border: 1px solid $quill-grey-15;
-      padding: 32px;
       display: flex;
       flex-direction: column;
       align-items: center;
@@ -118,6 +114,7 @@
       h3 {
         color: $quill-green;
         padding: 32px 0px;
+        margin-top: 0px;
       }
       p {
         margin-bottom: 32px;

services/QuillLMS/app/assets/stylesheets/pages/premium_hub/overview.scss

@@ -166,7 +166,7 @@
     display: flex;
     flex-direction: column;
     justify-content: space-between;
-    height: 184px;
+    min-height: 184px;
     &.new {
       border: 1px solid $quill-maroon-10;
       background: $quill-maroon-1;
@@ -221,4 +221,42 @@
       margin-bottom: 24px;
     }
   }
+
+  @media (max-width: 750px) {
+    .integrations, .premium-reports, .account-management {
+      .overview-section-content {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 16px;
+      }
+    }
+    .tile {
+      width: 100%;
+    }
+    .professional-development {
+      .photos {
+        display: none;
+      }
+      .section-subheader {
+        align-items: flex-start;
+      }
+    }
+  }
+
+  @media (max-width: 500px) {
+    .overview-section-wrapper h2 {
+      align-items: flex-start;
+      img {
+        margin-top: 4px;
+      }
+    }
+    .snapshot-section.highlights .counts {
+      display: flex;
+      flex-direction: column;
+    }
+    .professional-development .buttons {
+      flex-direction: column;
+      gap: 8px;
+    }
+  }
 }

services/QuillLMS/app/assets/stylesheets/pages/premium_hub/premium-hub.scss

@@ -2,6 +2,7 @@
 
   .banner-container {
     max-width: 1200px;
+    width: calc(100% - 32px);
     margin: 0 auto;
     margin-top: 32px;
     margin-bottom: 32px;

services/QuillLMS/app/assets/stylesheets/pages/premium_hub/snapshots.scss

@@ -67,15 +67,15 @@
       }
       &.small {
         padding: 16px;
-        height: 133px;
+        min-height: 133px;
         .snapshot-label {
           font-size: 14px;
           line-height: 18px;
         }
       }
       &.medium {
         padding: 32px;
-        height: 159px;
+        min-height: 159px;
         .snapshot-label {
           font-size: 16px;
           line-height: 21px;

services/QuillLMS/app/helpers/pages_helper.rb

@@ -60,6 +60,11 @@ def team_info
       {
         team: 'Management team',
         members: [
+          {
+            name: 'Rebekah Bergman',
+            title: 'Vice President of Curriculum',
+            img: 'team-rebekah-bergman.webp'
+          },
           {
             name: 'Christina Collins-Berry',
             title: 'VP of Partnerships & Professional Services',
@@ -75,11 +80,6 @@ def team_info
             title: 'Executive Director, Cofounder',
             img: 'team-peter-gault.webp'
           },
-          {
-            name: 'Rebekah Bergman',
-            title: 'Vice President of Curriculum',
-            img: 'team-rebekah-bergman.webp'
-          }
         ]
       },
       {
@@ -131,11 +131,6 @@ def team_info
             title: 'Social Studies Curriculum Developer',
             img: 'team-ari-friedman.webp'
           },
-          {
-            name: 'Samantha John',
-            title: 'Software Engineering Consultant',
-            img: 'team-samantha-john.webp'
-          },
           {
             name: 'Peter Kong',
             title: 'Senior Software Engineer II',
@@ -271,27 +266,42 @@ def board_and_advisors_info
             name: 'David Siegel',
             title: 'Former CEO of Meetup & Investopedia',
             img: 'board-david-siegel.webp'
-          }
+          },
+          {
+            name: 'Heejae Lim',
+            title: 'Founder & CEO at TalkingPoints',
+            img: 'board-heejae-lim.webp'
+          },
         ]
       },
       {
         team: 'Advisory Board',
         members: [
           {
-            name: 'Peg Tyre',
-            title: 'VP of Strategy at the Edwin Gould Foundation',
-            img: 'advisor-peg-tyre.webp'
+            name: 'Afua Bruce',
+            title: 'Public Interest Technologist & Author',
+            img: 'advisor-afua-bruce.webp'
+          },
+          {
+            name: 'Hannah Monk',
+            title: 'Senior Advisor',
+            img: 'team-hannah-monk.webp'
           },
           {
             name: 'Alexandria Redmon',
             title: 'Senior Director of Product & Technology at Hearst',
             img: 'advisor-alexandria-redmon.webp'
           },
           {
-            name: 'Hannah Monk',
-            title: 'Senior Advisor',
-            img: 'team-hannah-monk.webp'
-          }
+            name: 'Peg Tyre',
+            title: 'VP of Strategy at the Edwin Gould Foundation',
+            img: 'advisor-peg-tyre.webp'
+          },
+          {
+            name: 'Catherine Wah',
+            title: 'Staff Software Engineer at Google',
+            img: 'advisor-catherine-wah.webp'
+          },
         ]
       },
       {

services/QuillLMS/app/views/pages/shared/_footer.html.erb

@@ -24,8 +24,8 @@
     <footer class="<%=footer_class%>">
       <div class="<%=banner_class%>">
         <div class="left-side-container">
-          <p class="primary-header">Learn More About Quill Premium</p>
-          <p class="body">Premium subscriptions for schools and districts interested in priority technical support, additional reporting, and support from Quill's professional learning team--plus an option for individual teachers</p>
+          <p class="primary-header">Go Premium, Boost Outcomes</p>
+          <p class="body">Teachers know the power of Quill’s immediate, targeted feedback in driving writing outcomes. Amplify those results with Quill Premium through custom reporting, professional learning, expanded rostering, and more.</p>
           <div class="buttons-container">
             <a class="quill-button small contained focus-on-light" href="/premium" rel="noopener noreferrer" target="">Explore Premium</a>
           </div>

services/QuillLMS/client/app/bundles/Shared/styles/banner.scss

@@ -4,6 +4,8 @@
   padding: 20px;
   border-radius: 8px;
   position: relative;
+  gap: 16px;
+  text-align: left;
   .left-side-container {
     .upper-section {
       display: flex;