├── gatsby-browser.js ├── .prettierrc ├── src ├── css │ └── tailwind.css ├── components │ ├── LabelText.js │ ├── StatsBox.js │ ├── Card.js │ ├── layout │ │ ├── Layout.js │ │ ├── Header.js │ │ └── Footer.js │ ├── SplitSection.js │ ├── Button.js │ └── CustomerCard.js ├── pages │ ├── 404.js │ └── index.js ├── svg │ ├── LogoIcon.js │ ├── SvgCharts.js │ └── HeroImage.js └── data │ └── customer-data.js ├── gatsby-config.js ├── tailwind.config.js ├── .eslintrc ├── README.md ├── LICENSE ├── package.json └── .gitignore /gatsby-browser.js: -------------------------------------------------------------------------------- 1 | import './src/css/tailwind.css'; 2 | -------------------------------------------------------------------------------- /.prettierrc: -------------------------------------------------------------------------------- 1 | { 2 | "printWidth": 100, 3 | "singleQuote": true 4 | } 5 | -------------------------------------------------------------------------------- /src/css/tailwind.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | 3 | a { 4 | @apply text-primary; 5 | } 6 | a:hover { 7 | @apply text-primary-darker; 8 | } 9 | 10 | @tailwind components; 11 | 12 | @tailwind utilities; 13 | -------------------------------------------------------------------------------- /gatsby-config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: [ 3 | { 4 | resolve: `gatsby-theme-codebushi`, 5 | options: { 6 | tailwindConfig: `tailwind.config.js` 7 | } 8 | } 9 | ] 10 | }; 11 | -------------------------------------------------------------------------------- /src/components/LabelText.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | 3 | const LabelText = ({ children, className = '' }) => ( 4 |

{children}

5 | ); 6 | 7 | export default LabelText; 8 | -------------------------------------------------------------------------------- /src/pages/404.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import Layout from '../components/layout/Layout'; 3 | 4 | const NotFound = () => ( 5 | 6 |

Not Found

7 |

You just hit a page that doesn't exist...

8 | 9 | ); 10 | 11 | export default NotFound; 12 | -------------------------------------------------------------------------------- /src/components/StatsBox.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | 3 | const StatsBox = ({ primaryText, secondaryText }) => ( 4 | <> 5 |

{primaryText}

6 |

{secondaryText}

7 | 8 | ); 9 | 10 | export default StatsBox; 11 | -------------------------------------------------------------------------------- /tailwind.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | theme: { 3 | extend: { 4 | colors: { 5 | primary: { 6 | lighter: 'hsl(207, 73%, 52%)', 7 | default: 'hsl(207, 73%, 57%)', 8 | darker: 'hsl(207, 73%, 44%)' 9 | } 10 | } 11 | } 12 | }, 13 | variants: {}, 14 | plugins: [] 15 | }; 16 | -------------------------------------------------------------------------------- /.eslintrc: -------------------------------------------------------------------------------- 1 | { 2 | "extends": ["airbnb", "plugin:prettier/recommended", "prettier/react"], 3 | "env": { 4 | "browser": true, 5 | "commonjs": true, 6 | "es6": true, 7 | "jest": true, 8 | "node": true 9 | }, 10 | "rules": { 11 | "react/jsx-filename-extension": ["warn", { "extensions": [".js", ".jsx"] }] 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /src/components/Card.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | 3 | const Card = ({ className, children }) => ( 4 |
10 | {children} 11 |
12 | ); 13 | 14 | export default Card; 15 | -------------------------------------------------------------------------------- /src/components/layout/Layout.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import Footer from './Footer'; 3 | import Header from './Header'; 4 | 5 | const Layout = ({ children }) => { 6 | return ( 7 | <> 8 |
9 |
{children}
10 |