From 16d699ef049323654603b186f125b51c0b15c44d Mon Sep 17 00:00:00 2001
From: Kim Pohas <kpohas@sumologic.com>
Date: Wed, 8 Oct 2025 22:07:58 -0700
Subject: [PATCH 1/5] Correct home page font - Lab Grotesque

---
 src/pages/index.tsx | 94 ++++++++++++++++++---------------------------
 1 file changed, 37 insertions(+), 57 deletions(-)

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 2589b9f86c..26f80e5a4d 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -39,7 +39,6 @@ export const Home = () => {
         <Typography
           bgcolor='#0045BE'
           color='#e3e3e3'
-          fontFamily='Lab Grotesque'
           fontSize={28}
           fontWeight={700}
           pt={3}
@@ -47,14 +46,15 @@ export const Home = () => {
           pb={1}
           sx={{
             backgroundImage: 'linear-gradient(to right, rgb(0,0,153), rgb(0,70,190) 30%)',
+            fontFamily:
+              'var(--ifm-font-family-headings, var(--ifm-font-family-base, "Lab Grotesque", "Segoe UI", Roboto, Helvetica, Arial, sans-serif))',
           }}
           textAlign='center'
         >
           <Box
             component={SumoLogicDocsLogo}
-            alt="Sumo Logic Docs logo"
-            role="<img>"
-            aria-hidden="true"
+            role='img'
+            aria-label='Sumo Logic Docs logo'
             height={{
               md: 36,
               xs: 28,
@@ -78,6 +78,8 @@ export const Home = () => {
               md: '100% 200%',
               xs: '100% 100%',
             },
+            fontFamily:
+              'var(--ifm-font-family-base, "Lab Grotesque", "Segoe UI", Roboto, Helvetica, Arial, sans-serif)',
           }}
           height={{
             md: 'auto',
@@ -111,19 +113,23 @@ export const Home = () => {
                 >
                   <Typography
                     color='white'
-                    fontFamily='Lab Grotesque'
                     fontSize={32}
                     fontWeight={700}
                     variant='h2'
+                    sx={{
+                      fontFamily:
+                        'var(--ifm-font-family-headings, var(--ifm-font-family-base, "Lab Grotesque", "Segoe UI", Roboto, Helvetica, Arial, sans-serif))',
+                    }}
                   >
                     New to Sumo?
                   </Typography>
                   <Typography
                     color='#e3e3e3'
-                    fontFamily='Lab Grotesque'
                     pb={2}
                     textAlign='left'
-                    variant='p'
+                    component='p'
+                    variant='body1'
+                    sx={{ fontFamily: 'inherit' }}
                   >
                     Get started quickly with our search, visualization, analytics, and security capabilities.
                   </Typography>
@@ -151,12 +157,12 @@ export const Home = () => {
                           border: '.5px solid',
                           borderColor: '#e3e3e3',
                           borderRadius: 2,
-                          fontFamily: 'Lab Grotesque',
                           textTransform: 'none',
                           width: {
                             md: 'auto',
                             xs: '100%',
                           },
+                          fontFamily: 'inherit',
                           '&:hover': {
                             bgcolor: '#0045BE',
                             borderColor: '#0045BE',
@@ -191,7 +197,6 @@ export const Home = () => {
 
         {/* Main */}
         <Container maxWidth='xl'>
-
           {/* Product Guides */}
           <Stack
             alignItems='center'
@@ -201,7 +206,6 @@ export const Home = () => {
           >
             <Typography
               component='h2'
-              fontFamily='Lab Grotesque'
               fontWeight={900}
               mb={{
                 md: 'inherit',
@@ -210,15 +214,19 @@ export const Home = () => {
               }}
               textAlign='center'
               variant='h4'
+              sx={{
+                fontFamily:
+                  'var(--ifm-font-family-headings, var(--ifm-font-family-base, "Lab Grotesque", "Segoe UI", Roboto, Helvetica, Arial, sans-serif))',
+              }}
             >
               Explore our product guides
             </Typography>
             <Typography
               component='p'
-              fontFamily='Lab Grotesque'
               mb={4}
               textAlign='center'
               variant='subtitle1'
+              sx={{ fontFamily: 'inherit' }}
             >
               Ensure app reliability and security with modern cloud-native monitoring and observability.
             </Typography>
@@ -229,24 +237,11 @@ export const Home = () => {
                 onChange={(_, newTab) => setTab(newTab)}
                 sx={{
                   '& .MuiTabs-flexContainer': {
-                    flexWrap: {
-                      sm: 'wrap',
-                      xs: 'wrap',
-                    },
-                    justifyContent: {
-                      sm: 'center',
-                      xs: 'center',
-                    }
-                  },
-                }}
-                TabIndicatorProps={{
-                  sx: {
-                    display: {
-                      sm: 'none',
-                      xs: 'none',
-                    },
+                    flexWrap: { sm: 'wrap', xs: 'wrap' },
+                    justifyContent: { sm: 'center', xs: 'center' },
                   },
                 }}
+                TabIndicatorProps={{ sx: { display: { sm: 'none', xs: 'none' } } }}
                 value={tab}
               >
                 {[
@@ -268,46 +263,31 @@ export const Home = () => {
                   {
                     label: 'Other Solutions',
                   },
-                ].map(({ label, ...rest }, index) => (
+                ].map(({ label }, index) => (
                   <Tab
                     key={label}
+                    value={String(index)}
                     label={label}
                     sx={{
                       color: 'grey.700',
-                      fontFamily: 'Lab Grotesque',
                       fontWeight: 'bold',
+                      fontFamily:
+                        'var(--ifm-font-family-headings, var(--ifm-font-family-base, "Lab Grotesque", "Segoe UI", Roboto, Helvetica, Arial, sans-serif))',
                     }}
-                    value={String(index)}
-                    {...rest}
                   />
                 ))}
               </Tabs>
-              {features.map((feature, index) => tab === String(index) && (
-                <Grid
-                  component={TabPanel}
-                  container
-                  direction='row'
-                  justifyContent='center'
-                  key={index}
-                  py={6}
-                  spacing={4}
-                  value={String(index)}
-                >
-                  {feature.map((config) => (
-                    <Grid
-                      item
-                      key={config.link}
-                      lg={4}
-                      md={6}
-                      xs={12}
-                    >
-                      <Feature
-                        length={feature.length}
-                        {...config}
-                      />
-                    </Grid>
-                  ))}
-                </Grid>
+
+              {features.map((feature, index) => (
+                <TabPanel key={index} value={String(index)} sx={{ px: 0 }}>
+                  <Grid container direction="row" justifyContent="center" spacing={4} py={6}>
+                    {feature.map((config) => (
+                      <Grid item key={config.link} lg={4} md={6} xs={12}>
+                        <Feature length={feature.length} {...config} />
+                      </Grid>
+                    ))}
+                  </Grid>
+                </TabPanel>
               ))}
             </TabContext>
           </Stack>

From 6028270bbc29833897464ad8d4de47db53b4136b Mon Sep 17 00:00:00 2001
From: Kim Pohas <kpohas@sumologic.com>
Date: Wed, 8 Oct 2025 22:14:11 -0700
Subject: [PATCH 2/5] indentation

---
 src/pages/index.tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 26f80e5a4d..2b78b240ca 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -197,6 +197,7 @@ export const Home = () => {
 
         {/* Main */}
         <Container maxWidth='xl'>
+
           {/* Product Guides */}
           <Stack
             alignItems='center'
@@ -237,8 +238,14 @@ export const Home = () => {
                 onChange={(_, newTab) => setTab(newTab)}
                 sx={{
                   '& .MuiTabs-flexContainer': {
-                    flexWrap: { sm: 'wrap', xs: 'wrap' },
-                    justifyContent: { sm: 'center', xs: 'center' },
+                    flexWrap: {
+                      sm: 'wrap',
+                      xs: 'wrap',
+                    },
+                    justifyContent: {
+                      sm: 'center',
+                      xs: 'center',
+                    },
                   },
                 }}
                 TabIndicatorProps={{ sx: { display: { sm: 'none', xs: 'none' } } }}

From c775647e54f8c64f26b08b741d2e6bacd186a1b9 Mon Sep 17 00:00:00 2001
From: Kim Pohas <kpohas@sumologic.com>
Date: Wed, 8 Oct 2025 22:16:23 -0700
Subject: [PATCH 3/5] more indentation

---
 src/pages/index.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 2b78b240ca..5c9c186065 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -248,7 +248,14 @@ export const Home = () => {
                     },
                   },
                 }}
-                TabIndicatorProps={{ sx: { display: { sm: 'none', xs: 'none' } } }}
+                TabIndicatorProps={{
+                  sx: {
+                    display: {
+                      sm: 'none',
+                      xs: 'none'
+                    }
+                  }
+                }}
                 value={tab}
               >
                 {[

From ff2520959edee1b5996e8971a2f92c3d0d9782f1 Mon Sep 17 00:00:00 2001
From: "Kim (Sumo Logic)" <56411016+kimsauce@users.noreply.github.com>
Date: Thu, 9 Oct 2025 01:17:22 -0400
Subject: [PATCH 4/5] Update src/pages/index.tsx

---
 src/pages/index.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 5c9c186065..7bef0898a7 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -252,9 +252,9 @@ export const Home = () => {
                   sx: {
                     display: {
                       sm: 'none',
-                      xs: 'none'
-                    }
-                  }
+                      xs: 'none',
+                    },
+                  },
                 }}
                 value={tab}
               >

From f0f164e42726448f469449e4ad84e850a55a35ae Mon Sep 17 00:00:00 2001
From: "Kim (Sumo Logic)" <56411016+kimsauce@users.noreply.github.com>
Date: Thu, 9 Oct 2025 01:18:00 -0400
Subject: [PATCH 5/5] Update src/pages/index.tsx

---
 src/pages/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 7bef0898a7..8de115c0a1 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -245,7 +245,7 @@ export const Home = () => {
                     justifyContent: {
                       sm: 'center',
                       xs: 'center',
-                    },
+                    }
                   },
                 }}
                 TabIndicatorProps={{