├── .gitignore ├── src ├── assets │ ├── custom.css │ └── tailwind.css ├── pages │ ├── Sales │ │ └── index.js │ ├── Features │ │ └── index.js │ ├── Products │ │ └── index.js │ ├── Customers │ │ └── index.js │ ├── Login │ │ └── index.js │ ├── Home │ │ └── index.js │ └── index.js ├── components │ ├── library │ │ ├── Label │ │ │ ├── index.js │ │ │ └── Label.jsx │ │ ├── Textfield │ │ │ ├── index.js │ │ │ └── Outline.jsx │ │ └── Button │ │ │ ├── index.js │ │ │ ├── withStyledButton.js │ │ │ └── Brand.jsx │ └── features │ │ ├── Login │ │ ├── index.js │ │ ├── Link │ │ │ └── index.js │ │ └── Form │ │ │ ├── Submit │ │ │ └── index.js │ │ │ ├── Email │ │ │ └── index.js │ │ │ ├── index.js │ │ │ └── Password │ │ │ └── index.js │ │ ├── Navigation │ │ ├── index.js │ │ ├── Links │ │ │ └── Features │ │ │ │ ├── Menu │ │ │ │ ├── Item │ │ │ │ │ └── index.js │ │ │ │ ├── Badge │ │ │ │ │ └── index.js │ │ │ │ ├── index.js │ │ │ │ ├── RequestButton │ │ │ │ │ └── index.js │ │ │ │ ├── state.js │ │ │ │ └── SubMenu │ │ │ │ │ └── index.js │ │ │ │ └── index.js │ │ ├── Switcher.js │ │ └── Linker.js │ │ ├── Signup │ │ └── index.js │ │ ├── Logo │ │ └── index.js │ │ ├── Statement │ │ └── index.js │ │ └── Search │ │ └── index.js ├── app │ ├── routing.js │ └── index.js ├── setupTests.js ├── constants │ └── routes.js ├── layouts │ └── Header │ │ ├── mobile │ │ └── index.js │ │ └── index.js ├── index.js └── serviceWorker.js ├── logo.png ├── public ├── favicon.ico ├── logo192.png ├── logo512.png ├── robots.txt ├── manifest.json └── index.html ├── postcss.config.js ├── .env ├── README.md ├── package.json └── tailwind.config.js /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | -------------------------------------------------------------------------------- /src/assets/custom.css: -------------------------------------------------------------------------------- 1 | button:focus { 2 | outline: none; 3 | } -------------------------------------------------------------------------------- /src/pages/Sales/index.js: -------------------------------------------------------------------------------- 1 | const Sales = () => null 2 | export default Sales -------------------------------------------------------------------------------- /logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alamenai/react-navigation/HEAD/logo.png -------------------------------------------------------------------------------- /src/pages/Features/index.js: -------------------------------------------------------------------------------- 1 | const Features = () => null 2 | export default Features -------------------------------------------------------------------------------- /src/pages/Products/index.js: -------------------------------------------------------------------------------- 1 | const Products = () => null 2 | export default Products -------------------------------------------------------------------------------- /src/pages/Customers/index.js: -------------------------------------------------------------------------------- 1 | const Customers = () => null 2 | export default Customers -------------------------------------------------------------------------------- /src/components/library/Label/index.js: -------------------------------------------------------------------------------- 1 | import Label from "./Label" 2 | export default Label -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alamenai/react-navigation/HEAD/public/favicon.ico -------------------------------------------------------------------------------- /public/logo192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alamenai/react-navigation/HEAD/public/logo192.png -------------------------------------------------------------------------------- /public/logo512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alamenai/react-navigation/HEAD/public/logo512.png -------------------------------------------------------------------------------- /public/robots.txt: -------------------------------------------------------------------------------- 1 | # https://www.robotstxt.org/robotstxt.html 2 | User-agent: * 3 | Disallow: 4 | -------------------------------------------------------------------------------- /src/components/library/Textfield/index.js: -------------------------------------------------------------------------------- 1 | import OutlineField from "./Outline" 2 | export { OutlineField } -------------------------------------------------------------------------------- /src/assets/tailwind.css: -------------------------------------------------------------------------------- 1 | @import "tailwindcss/base"; 2 | @import "tailwindcss/components"; 3 | @import "tailwindcss/utilities"; -------------------------------------------------------------------------------- /src/components/features/Login/index.js: -------------------------------------------------------------------------------- 1 | import LoginLink from "./Link" 2 | import LoginForm from "./Form" 3 | 4 | export default LoginForm 5 | export { LoginLink } 6 | -------------------------------------------------------------------------------- /src/components/library/Button/index.js: -------------------------------------------------------------------------------- 1 | import { BrandButtonLarge } from "./Brand" 2 | import BrandButtonDefault from "./Brand" 3 | export { BrandButtonLarge, BrandButtonDefault } -------------------------------------------------------------------------------- /postcss.config.js: -------------------------------------------------------------------------------- 1 | const tailwindcss = require('tailwindcss'); 2 | module.exports = { 3 | plugins: [ 4 | tailwindcss("./tailwind.config.js"), 5 | require('autoprefixer') 6 | ], 7 | }; -------------------------------------------------------------------------------- /src/app/routing.js: -------------------------------------------------------------------------------- 1 | import React from "react" 2 | import * as ROUTES from '../constants/routes' 3 | 4 | const Routing = () => ( 5 |
6 | 7 |
8 | ) 9 | 10 | export default Routing -------------------------------------------------------------------------------- /src/pages/Login/index.js: -------------------------------------------------------------------------------- 1 | import React from "react" 2 | import LoginForm from "../../components/features/Login" 3 | const Login = () => ( 4 |
5 | 6 |
7 | ) 8 | export default Login -------------------------------------------------------------------------------- /src/setupTests.js: -------------------------------------------------------------------------------- 1 | // jest-dom adds custom jest matchers for asserting on DOM nodes. 2 | // allows you to do things like: 3 | // expect(element).toHaveTextContent(/react/i) 4 | // learn more: https://github.com/testing-library/jest-dom 5 | import '@testing-library/jest-dom/extend-expect'; 6 | -------------------------------------------------------------------------------- /src/components/features/Navigation/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import Switcher from './Switcher'; 3 | import Linker from "./Linker" 4 | 5 | const Navigation = () => ( 6 |
7 | 8 |
) 9 | 10 | export default Navigation 11 | export { Switcher } -------------------------------------------------------------------------------- /src/components/library/Label/Label.jsx: -------------------------------------------------------------------------------- 1 | import React from "react" 2 | 3 | const Label = ({ forInput, value }) => ( 4 | 9 | ) 10 | 11 | export default Label -------------------------------------------------------------------------------- /src/components/features/Navigation/Links/Features/Menu/Item/index.js: -------------------------------------------------------------------------------- 1 | import React from "react" 2 | import { Link } from "react-router-dom" 3 | 4 | const Item = ({ name, route }) => ( 5 | < Link to={`/features/${route}`} className="text-gray-700 text-base-14 hover:text-brand" > {name}) 6 | 7 | export default Item -------------------------------------------------------------------------------- /src/pages/Home/index.js: -------------------------------------------------------------------------------- 1 | import React from "react" 2 | import Statement, { GetStartedButton } from "../../components/features/Statement" 3 | const Home = () => ( 4 |
5 | 6 | 7 |
8 | ) 9 | export default Home -------------------------------------------------------------------------------- /src/pages/index.js: -------------------------------------------------------------------------------- 1 | import CustomersPage from "./Customers" 2 | import HomePage from "./Home" 3 | import FeaturesPage from "./Features" 4 | import ProductsPage from "./Products" 5 | import SalesPage from "./Sales" 6 | import LoginPage from "./Login" 7 | 8 | export default HomePage; 9 | export { FeaturesPage, ProductsPage, SalesPage, CustomersPage, LoginPage } 10 | -------------------------------------------------------------------------------- /src/components/library/Button/withStyledButton.js: -------------------------------------------------------------------------------- 1 | import React from "react" 2 | import { Button } from "./Brand" 3 | 4 | const withStyledButton = (defaultClasses, props) => { 5 | let classes = props.classes 6 | classes && defaultClasses.push(classes) 7 | return