Browse Source

changelog

master
remorses 3 months ago
parent
commit
4fc30b02a6
2 changed files with 70 additions and 71 deletions
  1. +17
    -21
      CHANGELOG.md
  2. +53
    -50
      README.md

+ 17
- 21
CHANGELOG.md View File

@ -1,25 +1,21 @@
2.0.0
Next release
- Updated to `@chakra-ui/react` 1 and `@emotion/react` 11 peer dependencies
TODO animate prop can be 'fadeDown', wobble, fast, slow, ...
TODO add more examples in docs pages, one example for
- light mode
- dark mode
- with decoration element
- with animation
- with custom animation elements
TODO email for element components like Heading, Subheading, Button, EmailForm, PageContainer
TODO make the landing page copy, add features and benefits, detailed footer
TODO add gumroad element to the landing page to buy the demos code
- Now you will need to wrap `LandingProvider` with `ChakraProvider` to pass correct theme:
TODO team
TODO mockups svg components
TODO timeline and goals like funding rounds, where we are going
TODO secondary buttons examples
TODO featuresGrid not using grid or grid polyfill
TODO illustrations components themeable with emotion
<!-- [bump if landing-blocks] -->
1.0.61
```tsx
// _app.jsx
import { LandingProvider, Hero } from 'landing-blocks'
import { ChakraProvider } from '@chakra-ui/react'
import React from 'react'
export default function App(props) {
const { Component, pageProps } = props
return (
<ChakraProvider>
<LandingProvider>...</LandingProvider>
</ChakraProvider>
)
}
```

+ 53
- 50
README.md View File

@ -24,6 +24,7 @@ Every component represents a section of your landing page, compose them together
```jsx
import React from 'react'
import { ChakraProvider } from '@chakra-ui/react'
import {
LandingProvider,
Hero,
@ -34,57 +35,59 @@ import {
} from 'landing-blocks'
export default () => (
<LandingProvider>
<NavBar
logo={<img width='120px' src='/logo.svg' />}
navs={[
<a>Features</a>,
<a>Use Cases</a>,
<a>Pricing</a>,
<a>About Us</a>,
<a>Login</a>,
]}
/>
<Hero
heading='Make your website editable for the whole team'
subheading='Choose your technology. Use the API to fetch content. Empower
<ChakraProvider>
<LandingProvider>
<NavBar
logo={<img width='120px' src='/logo.svg' />}
navs={[
<a>Features</a>,
<a>Use Cases</a>,
<a>Pricing</a>,
<a>About Us</a>,
<a>Login</a>,
]}
/>
<Hero
heading='Make your website editable for the whole team'
subheading='Choose your technology. Use the API to fetch content. Empower
your content team.'
image={<img width='500px' src='/code.png' />}
cta={<Button>Test it out</Button>}
/>
<Feature
heading='YourName is an awesome product'
subheading='Awesome subheading'
image={<img src='/feature1.jpg' width='500px' />}
bg='gray.100'
/>
<Feature
heading='YourName is an awesome product'
subheading='Awesome subheading'
image={<img src='/feature1.jpg' width='500px' />}
flip
/>
<Footer
businessName='YourName'
columns={{
Developers: [
<a>Quickstart</a>,
<a>Documentation</a>,
<a>Samples</a>,
],
Company: [
<a>Quickstart</a>,
<a>Documentation</a>,
<a>Samples</a>,
],
Product: [
<a>Quickstart</a>,
<a>Documentation</a>,
<a>Samples</a>,
],
}}
/>
</LandingProvider>
image={<img width='500px' src='/code.png' />}
cta={<Button>Test it out</Button>}
/>
<Feature
heading='YourName is an awesome product'
subheading='Awesome subheading'
image={<img src='/feature1.jpg' width='500px' />}
bg='gray.100'
/>
<Feature
heading='YourName is an awesome product'
subheading='Awesome subheading'
image={<img src='/feature1.jpg' width='500px' />}
flip
/>
<Footer
businessName='YourName'
columns={{
Developers: [
<a>Quickstart</a>,
<a>Documentation</a>,
<a>Samples</a>,
],
Company: [
<a>Quickstart</a>,
<a>Documentation</a>,
<a>Samples</a>,
],
Product: [
<a>Quickstart</a>,
<a>Documentation</a>,
<a>Samples</a>,
],
}}
/>
</LandingProvider>
</ChakraProvider>
)
export default Page

Loading…
Cancel
Save