Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 | import { Container, styled } from "@mui/material";
import HtmlMeta from "components/HtmlMeta";
import { useAuthContext } from "features/auth/AuthProvider";
import { useEffect } from "react";
import { useQueryClient } from "react-query";
import { theme } from "theme";
import CouchersMission from "./CouchersMission";
import HeroSection from "./HeroSection";
import MapSection from "./MapSection";
import SocialProof from "./SocialProof";
import WhyCouchersSection from "./WhyCouchersSection";
const StyledSpacer = styled("div")(({ theme }) => ({
height: theme.spacing(4),
}));
export default function LandingPage() {
const { authState } = useAuthContext();
// This makes sure anything didn't get cleared up in the query cache in the Logout
// component definitely gets cleared here when redirected to the landing page
const queryClient = useQueryClient();
useEffect(() => {
Iif (!authState.authenticated) {
queryClient.clear();
}
}, [queryClient, authState.authenticated]);
return (
<>
<HtmlMeta />
<Container component="section" maxWidth="lg">
<HeroSection />
</Container>
<StyledSpacer />
<Container
component="section"
disableGutters
maxWidth={false}
sx={{
display: "flex",
justifyContent: "center",
backgroundColor: theme.palette.grey[50],
}}
>
<SocialProof />
</Container>
<StyledSpacer />
<Container component="section" maxWidth="lg">
<WhyCouchersSection />
</Container>
<StyledSpacer />
<Container component="section" maxWidth="lg">
<MapSection />
</Container>
<StyledSpacer />
<Container component="section" maxWidth="lg">
<CouchersMission />
</Container>
</>
);
}
|