Skip to content

Homepage onboarding buttons - change links from absolute to relative #5058

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Feb 12, 2025
Merged

Homepage onboarding buttons - change links from absolute to relative #5058

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
72 changes: 32 additions & 40 deletions src/pages/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,13 +1,14 @@
import React, { useState } from 'react';
import Layout from '@theme/Layout';
import Link from '@docusaurus/Link';
import { Box, Button, Container, Grid, Stack, Tab, Tabs, Typography } from '@mui/material';
import { TabContext, TabPanel } from '@mui/lab';
import bgImage from '../../static/img/hero-secondary-background.webp';
import heroImage from '../../static/img/hero-secondary-graphic.webp';
import SumoLogicDocsLogo from '../../static/img/sumo-logic-docs.svg';
import { Feature } from '../components/Feature';
import { features } from '../helper/features';
import ErrorBoundary from '../components/ErrorBoundary'; // Import the ErrorBoundary component
import ErrorBoundary from '../components/ErrorBoundary';

export const Home = () => {
const [tab, setTab] = useState('0');
Expand Down Expand Up @@ -83,10 +84,7 @@ export const Home = () => {
}}
height='100%'
>
<Grid
item
md={6}
>
<Grid item md={6}>
<Stack
alignItems={{
md: 'flex-start',
Expand Down Expand Up @@ -117,53 +115,47 @@ export const Home = () => {
{
children: '1. Set up collector and source',
description: 'Set up a Sumo Logic collector and source',
href: 'https://help.sumologic.com/docs/get-started/quickstart/#step-1-get-your-data-into-sumo',
to: '/docs/get-started/quickstart#step-1-get-your-data-into-sumo',
},
{
children: '2. Explore your data insights',
description: 'Explore your insights',
href: 'https://help.sumologic.com/docs/get-started/quickstart/#step-2-search-and-analyze-your-data',
to: '/docs/get-started/quickstart#step-2-search-and-analyze-your-data',
},
{
children: '3. Monitor and secure your environment',
description: 'Monitor, troubleshoot, and secure your environment',
href: 'https://help.sumologic.com/docs/get-started/quickstart/#step-3-monitor-and-troubleshoot-your-environment',
to: '/docs/get-started/quickstart#step-3-monitor-and-troubleshoot-your-environment',
},
].map(({ children, ...rest }) => (
<Button
key={rest.href}
sx={{
bgcolor: 'transparent',
border: '.5px solid',
borderColor: '#e3e3e3',
borderRadius: 2,
fontFamily: 'Lab Grotesque',
textTransform: 'none',
width: {
md: 'auto',
xs: '100%',
},
'&:hover': {
bgcolor: '#0045BE',
borderColor: '#0045BE',
color: '#e3e3e3',
},
}}
variant='contained'
{...rest}
>
{children}
</Button>
].map(({ children, to }) => (
<Link key={to} to={to} style={{ textDecoration: 'none' }}>
<Button
sx={{
bgcolor: 'transparent',
border: '.5px solid',
borderColor: '#e3e3e3',
borderRadius: 2,
fontFamily: 'Lab Grotesque',
textTransform: 'none',
width: {
md: 'auto',
xs: '100%',
},
'&:hover': {
bgcolor: '#0045BE',
borderColor: '#0045BE',
color: '#e3e3e3',
},
}}
variant='contained'
>
{children}
</Button>
</Link>
))}
</Stack>
</Grid>
<Grid
item
md={6}
pl={{
md: 13,
}}
>
<Grid item md={6} pl={{ md: 13 }}>
<Box
component='img'
alt='hero background image'
Expand Down
Loading