Browse Source

website/pages: made testimonials

pull/5/head
remorses 1 year ago
parent
commit
7420305c89
3 changed files with 35 additions and 22 deletions
  1. +1
    -0
      website/pages/_app.tsx
  2. +1
    -3
      website/pages/docs/components/countdown.mdx
  3. +33
    -19
      website/pages/docs/components/testimonialsLogos.mdx

+ 1
- 0
website/pages/_app.tsx View File

@ -39,6 +39,7 @@ export default function App(props) {
howItWorks: true,
footer: true,
banner: true,
testimonialsLogos: true,
},
},
}}

+ 1
- 3
website/pages/docs/components/countdown.mdx View File

@ -26,9 +26,7 @@ The essential properties are
- deadline
- cta
## Example on white
The following example recreates the datoCMS landing page
## Example
<Playground iframe>
<LandingProvider bg='gray.800' primary='#547eff'>

+ 33
- 19
website/pages/docs/components/testimonialsLogos.mdx View File

@ -1,23 +1,37 @@
export const breadcrumbs = ['Components', 'Hero']
import { Playground } from 'dokz'
import {
Hero,
Button,
NavBar,
Heading,
LandingProvider,
TopBanner,
Stack,
Divider,
Box,
TestimonialsLogos,
Image,
Banner,
} from 'landing-blocks/src'
# Footer
# TestimonialsLogos
## Example on white
Testimonials are great to show some social proof.
The following example recreates the datoCMS landing page
## Example
```jsx
<LandingProvider>
<TestimonialsLogos
bg='#323452'
dark
testimonials={[
<img src='/quovery/google.png' />,
<img src='/quovery/datadog.png' />,
<img src='/quovery/itiviti.png' />,
<img src='/quovery/redhat.png' />,
<img src='/quovery/criteol.png' />,
]}
/>
</LandingProvider>
```
<Playground>
<LandingProvider>
<TestimonialsLogos
bg='#323452'
dark
testimonials={[
<img src='/quovery/google.png' />,
<img src='/quovery/datadog.png' />,
<img src='/quovery/itiviti.png' />,
<img src='/quovery/redhat.png' />,
<img src='/quovery/criteol.png' />,
]}
/>
</LandingProvider>
</Playground>

Loading…
Cancel
Save