Add "New updates" / "Coming soon" to homepage

Not really sure how to scale these over time, I feel like some amount of history + blog cuteness could be fun? And like, the ability to catch up if you come back after a couple weeks could be nice. But this seems like a really useful at-a-glancer for folks!
This commit is contained in:
Emi Matchu 2021-01-19 15:46:21 -08:00
parent 61d60170f3
commit ccd4885aad

View file

@ -11,7 +11,9 @@ import {
InputGroup, InputGroup,
InputLeftElement, InputLeftElement,
InputRightElement, InputRightElement,
ListItem,
Textarea, Textarea,
UnorderedList,
useColorModeValue, useColorModeValue,
useTheme, useTheme,
useToast, useToast,
@ -432,8 +434,14 @@ function FeedbackFormSection() {
background={brightBackground} background={brightBackground}
borderColor={pitchBorderColor} borderColor={pitchBorderColor}
> >
<Flex position="relative" alignItems="center"> <Flex>
<Box padding="2" borderRadius="lg" overflow="hidden" flex="0 0 auto"> <Box
padding="2"
borderRadius="lg"
overflow="hidden"
flex="0 0 auto"
marginTop="4"
>
<Box <Box
as="img" as="img"
src={FeedbackXweeImg} src={FeedbackXweeImg}
@ -495,6 +503,43 @@ function FeedbackFormPitch() {
This is the new Dress to Impress! It's ready for the future, and it even This is the new Dress to Impress! It's ready for the future, and it even
works great on mobile! More coming soon! works great on mobile! More coming soon!
</Box> </Box>
<Flex direction={{ base: "column", sm: "row" }}>
<Box
as="section"
fontSize="sm"
marginY="2"
flex={{ base: "0 0 auto", sm: "0 1 50%" }}
>
<Box as="h3" fontWeight="600">
New updates
</Box>
<UnorderedList>
<ListItem>Latest items & search!</ListItem>
<ListItem>Your Outfits page!</ListItem>
</UnorderedList>
</Box>
<Box width="2" />
<Box
as="section"
fontSize="sm"
marginY="2"
flex={{ base: "0 0 auto", sm: "0 1 50%" }}
>
<Box as="h3" fontWeight="600">
Coming soon
</Box>
<UnorderedList>
<ListItem>Search by items you own</ListItem>
<ListItem>Better item list pages</ListItem>
<ListItem>
a lot more things{" "}
<span role="img" aria-label="Sweat smile emoji">
😅
</span>
</ListItem>
</UnorderedList>
</Box>
</Flex>
<Box fontSize="sm" marginTop="1"> <Box fontSize="sm" marginTop="1">
Got ideas? Send them to us, please!{" "} Got ideas? Send them to us, please!{" "}
<span role="img" aria-label="Sparkle heart emoji"> <span role="img" aria-label="Sparkle heart emoji">