diff --git a/components/shared/Footer/index.js b/components/shared/Footer/index.js new file mode 100644 index 0000000..37ee8b6 --- /dev/null +++ b/components/shared/Footer/index.js @@ -0,0 +1,68 @@ +import { + Grid, makeStyles, Container, Typography, Link, +} from '@material-ui/core'; +import logo from '../../../src/images/logo.svg'; + +const useStyles = makeStyles((theme) => ({ + root: { + flexGrow: 1, + backgroundColor: '#f6f7f8', + }, + mainGrid: { + padding: theme.spacing(2), + }, + 'mr-6': { + marginRight: theme.spacing(6), + }, + 'mt-2': { + marginTop: theme.spacing(2), + }, +})); + +function Footer() { + const classes = useStyles(); + + return ( + + + + + + + + + + Login + + + + + + Sign Up + + + + + + About + + + + + + Docs + + + + + + + Made with ❤️ by WAA + + + + + ); +} + +export default Footer; diff --git a/components/shared/landing/Navbar/index.js b/components/shared/landing/Navbar/index.js new file mode 100644 index 0000000..36adfd6 --- /dev/null +++ b/components/shared/landing/Navbar/index.js @@ -0,0 +1,74 @@ +import React from 'react'; +import Link from 'next/link'; +import { + AppBar, Toolbar, Typography, makeStyles, Grid, +} from '@material-ui/core'; +import logo from '../../../../src/images/logo.svg'; + +const useStyles = makeStyles((theme) => ({ + root: { + flexGrow: 1, + marginBottom: '50px', + }, + appbar: { + alignItems: 'right', + backgroundColor: 'white', + color: 'rgb(80, 82, 86)', + flexGrow: 1, + }, + toolbar: { + minHeight: 46, + flexGrow: 1, + }, + login: { + marginRight: theme.spacing(1), + padding: '5px', + '&:hover': { + color: '#000', + }, + }, + signup: { + backgroundColor: '#f1f2f4', + borderRadius: '5px', + paddingRight: '5px', + paddingLeft: '5px', + display: 'flex', + justifyContent: 'center', + flexDirection: 'column', + '&:hover': { + color: '#000', + }, + }, +})); + +export default function Navbar() { + const classes = useStyles(); + + return ( +
+ + + + + + + + + + Login + + + + + Sign Up + + + + + +
+ ); +} diff --git a/components/shared/landing/footer.js b/components/shared/landing/footer.js deleted file mode 100644 index 254c156..0000000 --- a/components/shared/landing/footer.js +++ /dev/null @@ -1,3 +0,0 @@ -function Footer() {} - -export default Footer; diff --git a/components/shared/landing/navbar.js b/components/shared/landing/navbar.js deleted file mode 100644 index c81027a..0000000 --- a/components/shared/landing/navbar.js +++ /dev/null @@ -1,3 +0,0 @@ -function Navbar() {} - -export default Navbar; diff --git a/next.config.js b/next.config.js new file mode 100644 index 0000000..811e02c --- /dev/null +++ b/next.config.js @@ -0,0 +1,3 @@ +const withImages = require('next-images'); + +module.exports = withImages(); diff --git a/package-lock.json b/package-lock.json index 6d998ea..d22e42f 100644 --- a/package-lock.json +++ b/package-lock.json @@ -2289,15 +2289,6 @@ "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.1.0.tgz", "integrity": "sha512-1Yj8h9Q+QDF5FzhMs/c9+6UntbD5MkRfRwac8DoEm9ZfUBZ7tZ55YcGVAzEe4bXsdQHEk+s9S5wsOKVdZrw0tQ==" }, - "bindings": { - "version": "1.5.0", - "resolved": "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz", - "integrity": "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==", - "optional": true, - "requires": { - "file-uri-to-path": "1.0.0" - } - }, "bl": { "version": "4.0.3", "resolved": "https://registry.npmjs.org/bl/-/bl-4.0.3.tgz", @@ -4177,11 +4168,26 @@ "flat-cache": "^2.0.1" } }, - "file-uri-to-path": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz", - "integrity": "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==", - "optional": true + "file-loader": { + "version": "6.2.0", + "resolved": "https://registry.npmjs.org/file-loader/-/file-loader-6.2.0.tgz", + "integrity": "sha512-qo3glqyTa61Ytg4u73GultjHGjdRyig3tG6lPtyX/jOEJvHif9uB0/OCI2Kif6ctF3caQTW2G5gym21oAsI4pw==", + "requires": { + "loader-utils": "^2.0.0", + "schema-utils": "^3.0.0" + }, + "dependencies": { + "schema-utils": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.0.0.tgz", + "integrity": "sha512-6D82/xSzO094ajanoOSbe4YvXWMfn2A//8Y1+MUqFAJul5Bs+yn36xbK9OtNDcRVSBJ9jjeoXftM6CfztsjOAA==", + "requires": { + "@types/json-schema": "^7.0.6", + "ajv": "^6.12.5", + "ajv-keywords": "^3.5.2" + } + } + } }, "fill-range": { "version": "7.0.1", @@ -5629,6 +5635,19 @@ } } }, + "mime-db": { + "version": "1.44.0", + "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.44.0.tgz", + "integrity": "sha512-/NOTfLrsPBVeH7YtFPgsVWveuL+4SjjYxaQ1xtM1KMFj7HdxlBlxeyNLzhyJVx7r4rZGJAZ/6lkKCitSc/Nmpg==" + }, + "mime-types": { + "version": "2.1.27", + "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.27.tgz", + "integrity": "sha512-JIhqnCasI9yD+SsmkquHBxTSEuZdQX5BuQnS2Vc7puQQQ+8yiP5AY5uWhpdv4YL4VM5c6iliiYWPgJ/nJQLp7w==", + "requires": { + "mime-db": "1.44.0" + } + }, "mimic-response": { "version": "2.1.0", "resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-2.1.0.tgz", @@ -5904,6 +5923,15 @@ "webpack-sources": "1.4.3" } }, + "next-images": { + "version": "1.6.2", + "resolved": "https://registry.npmjs.org/next-images/-/next-images-1.6.2.tgz", + "integrity": "sha512-tmINk0NzJ/D7Kk16x9gOgTd9wlcVG4IfyEcQqt/SY31miwuv5pzUhT7fakO2fYPrXimHOEPBaacCz1G6jADcbQ==", + "requires": { + "file-loader": "^6.0.0", + "url-loader": "^4.0.0" + } + }, "next-tick": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/next-tick/-/next-tick-1.0.0.tgz", @@ -8506,6 +8534,28 @@ } } }, + "url-loader": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/url-loader/-/url-loader-4.1.1.tgz", + "integrity": "sha512-3BTV812+AVHHOJQO8O5MkWgZ5aosP7GnROJwvzLS9hWDj00lZ6Z0wNak423Lp9PBZN05N+Jk/N5Si8jRAlGyWA==", + "requires": { + "loader-utils": "^2.0.0", + "mime-types": "^2.1.27", + "schema-utils": "^3.0.0" + }, + "dependencies": { + "schema-utils": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.0.0.tgz", + "integrity": "sha512-6D82/xSzO094ajanoOSbe4YvXWMfn2A//8Y1+MUqFAJul5Bs+yn36xbK9OtNDcRVSBJ9jjeoXftM6CfztsjOAA==", + "requires": { + "@types/json-schema": "^7.0.6", + "ajv": "^6.12.5", + "ajv-keywords": "^3.5.2" + } + } + } + }, "use": { "version": "3.1.1", "resolved": "https://registry.npmjs.org/use/-/use-3.1.1.tgz", @@ -8678,7 +8728,6 @@ "integrity": "sha512-oWb1Z6mkHIskLzEJ/XWX0srkpkTQ7vaopMQkyaEIoq0fmtFVxOthb8cCxeT+p3ynTdkk/RZwbgG4brR5BeWECw==", "optional": true, "requires": { - "bindings": "^1.5.0", "nan": "^2.12.1" } }, diff --git a/package.json b/package.json index 1096221..45a15d9 100644 --- a/package.json +++ b/package.json @@ -19,6 +19,7 @@ "jsoneditor": "^9.1.1", "jsoneditor-react": "^3.0.1", "next": "^10.0.1", + "next-images": "^1.6.2", "prop-types": "^15.7.2", "react": "^17.0.1", "react-dom": "^17.0.1", diff --git a/pages/about.js b/pages/about.js new file mode 100644 index 0000000..ea597ce --- /dev/null +++ b/pages/about.js @@ -0,0 +1,91 @@ +import { + Grid, Button, Container, Typography, Link, makeStyles, +} from '@material-ui/core'; + +import Navbar from '../components/shared/landing/Navbar'; +import Footer from '../components/shared/Footer'; + +const useStyles = makeStyles((theme) => ({ + root: { + flexGrow: 1, + }, + 'mt-2': { + marginTop: theme.spacing(2), + }, + 'mt-4': { + marginTop: theme.spacing(4), + }, + 'mt-6': { + marginTop: theme.spacing(6), + }, +})); + +export default function Home() { + const classes = useStyles(); + + return ( +
+ + + + + + Bridge Incompatible API's + + + + + BridgeAPI is a serverless integration platform that + + + empowers users to connect apps through event-driven workflows + + + + + + Join the developers that are integrating API's around the world. + + + + + + + + Bridge Incompatible API's + + + + + BridgeAPI is a serverless integration platform that + + + empowers users to connect apps through event-driven workflows + + + + + + Join the developers that are integrating API's around the world. + + + + + +
+ ); +} diff --git a/pages/index.js b/pages/index.js index 0f92da0..62b031d 100644 --- a/pages/index.js +++ b/pages/index.js @@ -1,69 +1,113 @@ -import Head from 'next/head'; -import styles from '../styles/Home.module.css'; +import { + Grid, Button, Container, Typography, Link, makeStyles, +} from '@material-ui/core'; -export default function Home() { - return ( -
- - Create Next App - - +import Navbar from '../components/shared/landing/Navbar'; +import Footer from '../components/shared/Footer'; -
-

- Welcome to - {' '} - Next.js! -

+const useStyles = makeStyles((theme) => ({ + root: { + flexGrow: 1, + background: 'white', + }, + 'mt-2': { + marginTop: theme.spacing(2), + }, + 'mt-4': { + marginTop: theme.spacing(4), + }, + 'mt-6': { + marginTop: theme.spacing(6), + }, + 'm-4': { + margin: theme.spacing(4), + }, + 'm-6': { + margin: theme.spacing(6), + }, + manage: { + backgroundColor: '#f6f7f8', + }, +})); -

- Get started by editing - {' '} - pages/index.js -

+export default function Home() { + const classes = useStyles(); -
- -

Documentation →

-

Find in-depth information about Next.js features and API.

- + return ( +
+ + + + + + Bridge Incompatible API's + + + + + BridgeAPI is a serverless integration platform that + + + empowers users to connect apps through event-driven workflows + + + + + + Join the developers that are integrating API's around the world. + + + + - -

Learn →

-

Learn about Next.js in an interactive course with quizzes!

- + + + + + Some Title + + + + + Maybe a 2 x 2 grid with some icons and light text on the right side + + + dont ask me what to do for this box. I am out of ideas. + - -

Examples →

-

Discover and deploy boilerplate example Next.js projects.

- + + Some small test here + + + + - -

Deploy →

-

- Instantly deploy your Next.js site to a public URL with Vercel. -

- -
-
+ + + + + Some Call To Action + + + + + + + - +
); } diff --git a/public/vercel.svg b/public/vercel.svg deleted file mode 100644 index fbf0e25..0000000 --- a/public/vercel.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - \ No newline at end of file diff --git a/src/images/logo.svg b/src/images/logo.svg new file mode 100644 index 0000000..6c1c42c --- /dev/null +++ b/src/images/logo.svg @@ -0,0 +1,2 @@ + + \ No newline at end of file