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:
parent
61d60170f3
commit
ccd4885aad
1 changed files with 47 additions and 2 deletions
|
@ -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">
|
||||||
|
|
Loading…
Reference in a new issue