set explicit page title on homepage

This commit is contained in:
Matt Dunn-Rankin 2020-05-10 01:01:14 -07:00
parent 9b4a677395
commit 785d119324

View file

@ -10,6 +10,7 @@ import {
useTheme, useTheme,
useToast, useToast,
} from "@chakra-ui/core"; } from "@chakra-ui/core";
import { Helmet } from "react-helmet";
import { useHistory } from "react-router-dom"; import { useHistory } from "react-router-dom";
import { useLazyQuery } from "@apollo/react-hooks"; import { useLazyQuery } from "@apollo/react-hooks";
@ -20,33 +21,38 @@ import SpeciesColorPicker from "./SpeciesColorPicker";
function HomePage() { function HomePage() {
return ( return (
<Flex <>
color="green.800" <Helmet>
direction="column" <title>Dress to Impress</title>
p="6" </Helmet>
align="center" <Flex
textAlign="center" color="green.800"
> direction="column"
<Box height="8" /> p="6"
<Box align="center"
as="img" textAlign="center"
src={HomepageSplashImg} >
width="200px" <Box height="8" />
height="200px" <Box
rounded="lg" as="img"
boxShadow="md" src={HomepageSplashImg}
/> width="200px"
<Box height="4" /> height="200px"
<Heading1>Dress to Impress</Heading1> rounded="lg"
<Box height="8" /> boxShadow="md"
<StartOutfitForm /> />
<Box height="4" /> <Box height="4" />
<Box fontStyle="italic" fontSize="sm"> <Heading1>Dress to Impress</Heading1>
or <Box height="8" />
</Box> <StartOutfitForm />
<Box height="4" /> <Box height="4" />
<SubmitPetForm /> <Box fontStyle="italic" fontSize="sm">
</Flex> or
</Box>
<Box height="4" />
<SubmitPetForm />
</Flex>
</>
); );
} }