Headings: harmonize h1/h2/h3 hierarchy across all pages

One h1 per page (page title only). Section headers become h2, subsections
h3. Project taglines demoted from h2 to p. Hero tech list and project
subtitles converted to p. Add h1 'About QuantStack' to about page.
Rename 'We have worked with' to 'Trusted by'.

Author: MMesch

src/components/about/FourValues.tsx

@@ -5,7 +5,7 @@ import { valuesDetails } from "./Values/valuesDetails";
 export default function FourValues() {
   return (
     <>
-      <h1>Our values</h1>
+      <h2>Our values</h2>
       <CardGrid cols={4}>
         {valuesDetails.map((value, index) => (
           <li key={index}>

src/components/about/SubTeam.tsx

@@ -5,7 +5,7 @@ import CardGrid from "../layout/CardGrid";
 export default function SubTeam({ subTeamName, subTeam }) {
   return (
     <div className={styles.subteam_container}>
-      <h2 className="text--center">{subTeamName}</h2>
+      <h3 className="text--center">{subTeamName}</h3>
       <CardGrid cols={3}>
         {subTeam.map((person) => (
           <li key={person.pageName}>

src/components/about/index.tsx

@@ -20,10 +20,11 @@ export function About() {
   return (
     <>
       <Section pageTop bg="light">
+        <h1>About QuantStack</h1>
         <FourValues />
       </Section>
       <Section>
-        <h1>Meet the QuantStack team</h1>
+        <h2>Meet the QuantStack team</h2>
         <div className={styles.team_description}>
           A team of outliers, leaders in software projects adopted at the
           global scale, benefiting millions of people worldwide.

src/components/home/Hero/index.tsx

@@ -1,5 +1,4 @@
 import styles from "./styles.module.css";
-import LogoGrid from "./LogosTableBy8";
 import Astronaut from "/img/quantstack/astronaut.svg";
 import Banner from "./Banner";
 
@@ -17,9 +16,9 @@ export function Hero() {
               A team behind major open-source projects of the scientific
               computing ecosystem
             </p>
-            <h2 className={styles.h2_custom}>
+            <p className={styles.tech_tagline}>
               Jupyter, Conda-forge, Mamba, Voilà, Xtensor and more.
-            </h2>
+            </p>
           </div>
           <div className={styles.hero_image}>
             <Astronaut
@@ -29,8 +28,6 @@ export function Hero() {
             />
           </div>
         </div>
-        <div className={styles.worked_with}>We have worked with</div>
-        <LogoGrid />
       </div>
     </div>
   );

src/components/home/Hero/styles.module.css

@@ -1,5 +1,7 @@
-.h2_custom {
+.tech_tagline {
   color: var(--ifm-color-blue-jupyter);
+  font-size: var(--ifm-font-size-secondary-title);
+  font-weight: 700;
 }
 
 .sub_header {
@@ -142,33 +144,6 @@
   font-size: 24px;
 }
 
-.customer_logo {
-  height: 36px;
-  width: auto;
-  filter: grayscale(1);
-  opacity: 0.75;
-  object-fit: contain;
-}
-
-.logo_grid {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
-  align-items: center;
-  gap: var(--ifm-spacing-xl) var(--ifm-spacing-2xl);
-  padding: var(--ifm-spacing-lg) 0;
-}
-
-.worked_with {
-  font-size: 13px;
-  font-weight: 400;
-  font-family: var(--ifm-font-family-roboto);
-  color: var(--ifm-color-neutral-n1);
-  text-align: center;
-  letter-spacing: 0.12em;
-  text-transform: uppercase;
-  margin-bottom: var(--ifm-spacing-lg);
-}
 
 @media only screen and (max-width: 576px) {
   .banner_container_medium { display: none }

src/components/home/ProjectsOverview/Computing.tsx

@@ -8,8 +8,8 @@ export default function ComputingProjects() {
     <SplitSection
       image={<XTensorXSIMDPicture style={{ maxWidth: "100%" }} />}
     >
-      <h1 className="padding-none">Scientific computing</h1>
-      <h2 className={styles.h2_custom}>Supporting the development of several C++ scientific computing packages.</h2>
+      <h2 className="padding-none">Scientific computing</h2>
+      <p className={styles.tagline}>Supporting the development of several C++ scientific computing packages.</p>
       <ComputingMD />
     </SplitSection>
   );

src/components/home/ProjectsOverview/DataAnalysis.tsx

@@ -10,8 +10,8 @@ export default function DataAnalysisProjects() {
       reverse
       image={<ApacheArrowPicture style={{ maxWidth: "100%" }} />}
     >
-      <h1 className="padding-none">Data Analysis</h1>
-      <h2 className={styles.h2_custom}>Supporting the development of key data analysis technologies.</h2>
+      <h2 className="padding-none">Data Analysis</h2>
+      <p className={styles.tagline}>Supporting the development of key data analysis technologies.</p>
       <DataAnalysisMD />
     </SplitSection>
   );

src/components/home/ProjectsOverview/Jupyter.tsx

@@ -8,8 +8,8 @@ export default function JupyterProject() {
     <SplitSection
       image={<img src={JupyterPictureUrl} alt={"Picture showing two jupyterlab user interfaces"} style={{ maxWidth: "100%" }} />}
     >
-      <h1 className="padding-none">Jupyter project</h1>
-      <h2 className={styles.h2_custom}>We strive to sustain the project in the long term.</h2>
+      <h2 className="padding-none">Jupyter project</h2>
+      <p className={styles.tagline}>We strive to sustain the project in the long term.</p>
       <JupyterMD />
     </SplitSection>
   );

src/components/home/ProjectsOverview/Robotics.tsx

@@ -10,8 +10,8 @@ export default function RoboticsProjects() {
       reverse
       image={<img src={RoboticsPictureUrl} alt={"Picture showing two jupyterlab user interfaces displaying robotics projects."} style={{ maxWidth: "100%" }} />}
     >
-      <h1 className="padding-none">Robotics</h1>
-      <h2 className={styles.h2_custom}>We just kicked off a new initiative to Robotics education.</h2>
+      <h2 className="padding-none">Robotics</h2>
+      <p className={styles.tagline}>We just kicked off a new initiative to Robotics education.</p>
       <RoboticsMD />
     </SplitSection>
   );

src/components/home/ProjectsOverview/SpecialProjects.tsx

@@ -8,8 +8,8 @@ export default function SpecialProjects() {
     <SplitSection
       image={<img src={SpecialProjectsPictureUrl} alt={"Picture showing examples of Jupyter CAD projects in Jupyterlab."} style={{ maxWidth: "100%", maxHeight: "500px", objectFit: "contain" }} />}
     >
-      <h1 className="padding-none">Special projects</h1>
-      <h2 className={styles.h2_custom}>Applications built from the ground up and addressing a complete use case.</h2>
+      <h2 className="padding-none">Special projects</h2>
+      <p className={styles.tagline}>Applications built from the ground up and addressing a complete use case.</p>
       <SpecialProjectsMD />
     </SplitSection>
   );