set explicit page title on homepage
This commit is contained in:
parent
9b4a677395
commit
785d119324
1 changed files with 33 additions and 27 deletions
|
@ -10,6 +10,7 @@ import {
|
|||
useTheme,
|
||||
useToast,
|
||||
} from "@chakra-ui/core";
|
||||
import { Helmet } from "react-helmet";
|
||||
import { useHistory } from "react-router-dom";
|
||||
import { useLazyQuery } from "@apollo/react-hooks";
|
||||
|
||||
|
@ -20,33 +21,38 @@ import SpeciesColorPicker from "./SpeciesColorPicker";
|
|||
|
||||
function HomePage() {
|
||||
return (
|
||||
<Flex
|
||||
color="green.800"
|
||||
direction="column"
|
||||
p="6"
|
||||
align="center"
|
||||
textAlign="center"
|
||||
>
|
||||
<Box height="8" />
|
||||
<Box
|
||||
as="img"
|
||||
src={HomepageSplashImg}
|
||||
width="200px"
|
||||
height="200px"
|
||||
rounded="lg"
|
||||
boxShadow="md"
|
||||
/>
|
||||
<Box height="4" />
|
||||
<Heading1>Dress to Impress</Heading1>
|
||||
<Box height="8" />
|
||||
<StartOutfitForm />
|
||||
<Box height="4" />
|
||||
<Box fontStyle="italic" fontSize="sm">
|
||||
or
|
||||
</Box>
|
||||
<Box height="4" />
|
||||
<SubmitPetForm />
|
||||
</Flex>
|
||||
<>
|
||||
<Helmet>
|
||||
<title>Dress to Impress</title>
|
||||
</Helmet>
|
||||
<Flex
|
||||
color="green.800"
|
||||
direction="column"
|
||||
p="6"
|
||||
align="center"
|
||||
textAlign="center"
|
||||
>
|
||||
<Box height="8" />
|
||||
<Box
|
||||
as="img"
|
||||
src={HomepageSplashImg}
|
||||
width="200px"
|
||||
height="200px"
|
||||
rounded="lg"
|
||||
boxShadow="md"
|
||||
/>
|
||||
<Box height="4" />
|
||||
<Heading1>Dress to Impress</Heading1>
|
||||
<Box height="8" />
|
||||
<StartOutfitForm />
|
||||
<Box height="4" />
|
||||
<Box fontStyle="italic" fontSize="sm">
|
||||
or
|
||||
</Box>
|
||||
<Box height="4" />
|
||||
<SubmitPetForm />
|
||||
</Flex>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in a new issue