front-hub/src/pages/Landing/Landing.tsx

38 lines
1007 B
TypeScript
Raw Normal View History

2023-11-05 23:33:40 +00:00
import { Box, CssBaseline, ThemeProvider, useTheme, useMediaQuery } from "@mui/material"
import Section1 from "./Section1"
import Section2 from "./Section2"
import Section3 from "./Section3"
import Section4 from "./Section4"
import Section5 from "./Section5"
import FloatingSupportChat from "@root/components/FloatingSupportChat/FloatingSupportChat"
import Footer from "@root/components/Footer"
import Navbar from "@root/components/NavbarLanding/Navbar"
import { theme } from "@root/utils/theme"
2022-11-17 12:25:23 +00:00
export default function Landing() {
2023-11-05 23:33:40 +00:00
const muiTheme = useTheme()
const isTablet = useMediaQuery(muiTheme.breakpoints.down(900))
2023-11-05 23:33:40 +00:00
return (
<ThemeProvider theme={theme}>
<CssBaseline />
<Box
sx={{
position: "relative",
paddingTop: isTablet ? "51px" : "80px",
color: "white",
}}
>
<Navbar isLoggedIn={false} />
<Section1 />
<Section2 />
<Section3 />
<Section4 />
<Section5 />
<Footer />
<FloatingSupportChat />
</Box>
</ThemeProvider>
)
}