lots of commenting out, added pitch deck

This commit is contained in:
YOUR NAME 2018-08-09 14:29:28 +10:00
parent eff1725701
commit 5e529b30b5
14 changed files with 209 additions and 68 deletions

BIN
.DS_Store vendored

Binary file not shown.

View file

@ -10,6 +10,7 @@
"react": "^16.4.1",
"react-dom": "^16.4.1",
"react-driftjs": "^1.0.8",
"react-helmet": "^5.2.0",
"react-mailchimp-subscribe": "^2.0.2",
"react-router": "^4.3.1",
"react-router-dom": "^4.3.1",

View file

@ -4,6 +4,8 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="theme-color" content="#000000">
<script id="mcjs">!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script","https://chimpstatic.com/mcjs-connected/js/users/7fc6d004f3a7f4d75060a3f54/855a85310ace66471033811c9.js");</script>
<script type="text/javascript" src="//downloads.mailchimp.com/js/signup-forms/popup/embed.js" data-dojo-config="usePlainJson: true, isDebug: false"></script><script type="text/javascript">require(["mojo/signup-forms/Loader"], function(L) { L.start({"baseUrl":"mc.us18.list-manage.com","uuid":"7fc6d004f3a7f4d75060a3f54","lid":"b603d7dbd4"}) })</script>
<!--
manifest.json provides metadata used when your web app is added to the
homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/

View file

@ -11,6 +11,9 @@
}
.navbar {
background-color: #F3EFE9;
}

View file

@ -23,6 +23,8 @@ class App extends Component {
{/* BELOW THE FOLD */}
{/* <WhatIs/> */}
<HeadNavbar />
<br />
<br />
<Switch>
<Route path="/" component={Homepage} exact />
<Route path="/team" component={Team} />

View file

@ -44,13 +44,14 @@ const InventionProcessDeck = props => {
style={{ textDecoration: "none" }}
class="card"
>
<CardImg
top
width="414px"
height="414px"
src="https://i.pinimg.com/736x/72/47/b6/7247b66abf6ef7ae84eb6fd7b9bf2273--d-prints-d-models.jpg"
alt="Card image cap"
/>
<CardText style={{ width: "100%", border: "5px solid pink" }}>
<iframe
src="https://www.youtube.com/embed/oDdOqLblmVQ"
frameborder="0"
allow="autoplay; encrypted-media"
allowfullscreen
/>
</CardText>
<CardBody>
<CardTitle>Rapid Prototyping</CardTitle>
<CardText>
@ -59,14 +60,7 @@ const InventionProcessDeck = props => {
three-dimensional computer aided design (CAD) data.
{/* Link to page with video explaining what it is and how it works */}
</CardText>
<CardText width="100%">
<iframe
src="https://www.youtube.com/embed/oDdOqLblmVQ"
frameborder="0"
allow="autoplay; encrypted-media"
allowfullscreen
/>
</CardText>
</CardBody>
</a>
</Card>
@ -97,4 +91,5 @@ const InventionProcessDeck = props => {
);
};
export default InventionProcessDeck;

View file

@ -24,6 +24,14 @@ export default class EmailForm extends Component {
placeholder="Email"
/>
</FormGroup>
<FormGroup>
<Input
type="phone"
name="phone"
id="examplePhone"
placeholder="Phone"
/>
</FormGroup>
<FormGroup>
<Input

View file

@ -8,8 +8,9 @@ const MainJumbotron = props => {
<Jumbotron className="JumbotronStyle">
<h1 className="display-3">Invention Pad</h1>
<p className="lead">
We take you on a journey to create your physical product idea into a
reality and commercialise it, all with you keeping your IP.
We partner with you to create your physical product idea into a
reality and commercialise it, all with you keeping your Intellectual Property.
We have experts in product design, prototyping and manufacturing.
</p>
<hr className="my-2" />
<p>

View file

@ -27,18 +27,21 @@ export default class HeadNavbar extends Component {
this.toggle = this.toggle.bind(this);
this.state = {
isOpen: false
isOpen: false,
};
}
toggle() {
this.setState({
isOpen: !this.state.isOpen
isOpen: !this.state.isOpen,
});
}
render() {
return (
<div id="top">
<Navbar className="navbar clearfix" light expand="md">
<Navbar className="navbar" light expand="md" fixed={`top`}>
<NavbarBrand href="/">
<img src={logo} className="App-logo" alt="logo" />
</NavbarBrand>
@ -46,6 +49,9 @@ export default class HeadNavbar extends Component {
<Collapse isOpen={this.state.isOpen} navbar>
<Nav className="ml-auto" navbar>
<NavLink>
<p> <a href="mailto:contact@innovationdrive.co?Subject=Hello%20again" target="_top">contact@innovationdrive.co</a></p>
</NavLink>
<NavLink>
<Link to="/team" replace >Team</Link>
</NavLink>
@ -56,9 +62,9 @@ export default class HeadNavbar extends Component {
<NavLink href="https://app.innovationdrive.co">
Sign In
</NavLink>
<button className="btn btn-danger float-right">
{/* <button className="btn btn-danger float-right">
Download Invention Workbook
</button>
</button> */}
{/* <NavItem> */}
{/* <NavLink href="https://github.com/reactstrap/reactstrap">GitHub</NavLink>

View file

@ -21,7 +21,7 @@ class ModalExample extends React.Component {
render() {
return (
<div>
<Button color="primary" onClick={this.toggle}>{this.props.buttonLabel}Make idea a reality!</Button>
<Button color="warning" onClick={this.toggle}>{this.props.buttonLabel}Make idea a reality!</Button>
<Modal isOpen={this.state.modal} toggle={this.toggle} className={this.props.className}>
{/* <ModalHeader toggle={this.toggle}>Free Video Consultation</ModalHeader> */}
<ModalBody>

View file

@ -100,27 +100,35 @@
import React from 'react';
import { UncontrolledCarousel } from 'reactstrap';
const items = [
{
src: 'https://cdn.instructables.com/F8N/0W0Z/J1WW8DEP/F8N0W0ZJ1WW8DEP.LARGE.jpg',
altText: 'Slide 1',
// caption: 'Slide 1',
// header: 'Slide 1 Header'
},
// {
// src: 'data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22800%22%20height%3D%22400%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20800%20400%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_15ba800aa20%20text%20%7B%20fill%3A%23444%3Bfont-weight%3Anormal%3Bfont-family%3AHelvetica%2C%20monospace%3Bfont-size%3A40pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_15ba800aa20%22%3E%3Crect%20width%3D%22800%22%20height%3D%22400%22%20fill%3D%22%23666%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%22247.3203125%22%20y%3D%22218.3%22%3ESecond%20slide%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E',
// altText: 'Slide 2',
// caption: 'Slide 2',
// header: 'Slide 2 Header'
// },
// {
// src: 'data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22800%22%20height%3D%22400%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20800%20400%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_15ba800aa21%20text%20%7B%20fill%3A%23333%3Bfont-weight%3Anormal%3Bfont-family%3AHelvetica%2C%20monospace%3Bfont-size%3A40pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_15ba800aa21%22%3E%3Crect%20width%3D%22800%22%20height%3D%22400%22%20fill%3D%22%23555%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%22277%22%20y%3D%22218.3%22%3EThird%20slide%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E',
// altText: 'Slide 3',
// caption: 'Slide 3',
// header: 'Slide 3 Header'
// }
];
// const items = [
// {
// src: 'https://cdn.instructables.com/F8N/0W0Z/J1WW8DEP/F8N0W0ZJ1WW8DEP.LARGE.jpg',
// altText: 'Slide 1',
// // caption: 'Slide 1',
// // header: 'Slide 1 Header'
// },
// // {
// // src: 'data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22800%22%20height%3D%22400%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20800%20400%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_15ba800aa20%20text%20%7B%20fill%3A%23444%3Bfont-weight%3Anormal%3Bfont-family%3AHelvetica%2C%20monospace%3Bfont-size%3A40pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_15ba800aa20%22%3E%3Crect%20width%3D%22800%22%20height%3D%22400%22%20fill%3D%22%23666%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%22247.3203125%22%20y%3D%22218.3%22%3ESecond%20slide%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E',
// // altText: 'Slide 2',
// // caption: 'Slide 2',
// // header: 'Slide 2 Header'
// // },
// // {
// // src: 'data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22800%22%20height%3D%22400%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20800%20400%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_15ba800aa21%20text%20%7B%20fill%3A%23333%3Bfont-weight%3Anormal%3Bfont-family%3AHelvetica%2C%20monospace%3Bfont-size%3A40pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_15ba800aa21%22%3E%3Crect%20width%3D%22800%22%20height%3D%22400%22%20fill%3D%22%23555%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%22277%22%20y%3D%22218.3%22%3EThird%20slide%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E',
// // altText: 'Slide 3',
// // caption: 'Slide 3',
// // header: 'Slide 3 Header'
// // }
// ];
const Example = () => <UncontrolledCarousel items={items} />;
// const Example = () => <UncontrolledCarousel items={items} />;
export default Example;
const Pitch = () => {
return(
<div>
<iframe src="https://docs.google.com/presentation/d/e/2PACX-1vQwUAAbLKf4Rd_6wE5K_J4371469Htb8QCC_arBf9Il_SQshKvwAof1DEL8uNj8lwY-qlyoXiXw0tSh/embed?start=false&loop=false&delayms=3000" frameborder="0" width="960" height="569" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
</div>
)
}
export default Pitch;

View file

@ -1,25 +1,108 @@
import React, { Component } from "react";
import MailchimpSubscribe from "react-mailchimp-subscribe"
const url = "//xxxx.us13.list-manage.com/subscribe/post?u=zefzefzef&id=fnfgn";
// const url = "mc.us18.list-manage.com";
// const url = "//xxxx.us13.list-manage.com/subscribe/post?u=zefzefzef&id=fnfgn";
// // const url = "mc.us18.list-manage.com";
// simplest form (only email)
const SimpleForm = () => <MailchimpSubscribe url={url}/>
// // simplest form (only email)
// const SimpleForm = () => <MailchimpSubscribe url={url}/>
// use the render prop and your custom form
const CustomForm = () => (
<MailchimpSubscribe
url={url}
render={({ subscribe, status, message }) => (
// // use the render prop and your custom form
// const CustomForm = () => (
// <MailchimpSubscribe
// url={url}
// render={({ subscribe, status, message }) => (
// <div>
// <MyForm onSubmitted={formData => subscribe(formData)} />
// {status === "sending" && <div style={{ color: "blue" }}>sending...</div>}
// {status === "error" && <div style={{ color: "red" }} dangerouslySetInnerHTML={{__html: message}}/>}
// {status === "success" && <div style={{ color: "green" }}>Subscribed !</div>}
// </div>
// )}
// />
// )
// {/* <script type="text/javascript" src="//downloads.mailchimp.com/js/signup-forms/popup/embed.js" data-dojo-config="usePlainJson: true, isDebug: false"></script><script type="text/javascript">require(["mojo/signup-forms/Loader"], function(L) { L.start({"baseUrl":"mc.us18.list-manage.com","uuid":"7fc6d004f3a7f4d75060a3f54","lid":"b603d7dbd4"}) })</script> */}
// a basic form
const CustomForm = ({ status, message, onValidated }) => {
let email, name;
const submit = () =>
email &&
name &&
email.value.indexOf("@") > -1 &&
onValidated({
EMAIL: email.value,
NAME: name.value
});
return (
<div
style={{
background: "#efefef",
borderRadius: 2,
padding: 10,
display: "inline-block"
}}
>
{status === "sending" && <div style={{ color: "blue" }}>sending...</div>}
{status === "error" && (
<div
style={{ color: "red" }}
dangerouslySetInnerHTML={{ __html: message }}
/>
)}
{status === "success" && (
<div
style={{ color: "green" }}
dangerouslySetInnerHTML={{ __html: message }}
/>
)}
<input
style={{ fontSize: "2em", padding: 5 }}
ref={node => (name = node)}
type="text"
placeholder="Your name"
/>
<br />
<input
style={{ fontSize: "2em", padding: 5 }}
ref={node => (email = node)}
type="email"
placeholder="Your email"
/>
<br />
<button style={{ fontSize: "2em", padding: 5 }} onClick={submit}>
Submit
</button>
</div>
);
};
export default class MailChimpForm extends Component {
render() {
const url =
"https://mailchi.mp/597b1269d8f7/innovationdrivenewsletter";
return (
<div>
<MyForm onSubmitted={formData => subscribe(formData)} />
{status === "sending" && <div style={{ color: "blue" }}>sending...</div>}
{status === "error" && <div style={{ color: "red" }} dangerouslySetInnerHTML={{__html: message}}/>}
{status === "success" && <div style={{ color: "green" }}>Subscribed !</div>}
<h1>react-mailchimp-subscribe Demo</h1>
<h2>Default Form</h2>
<MailchimpSubscribe url={url} />
{/* <h2>Custom Form</h2>
<MailchimpSubscribe
url={url}
render={({ subscribe, status, message }) => (
<CustomForm
status={status}
message={message}
onValidated={formData => subscribe(formData)}
/>
)}
/> */}
</div>
)}
/>
)
{/* <script type="text/javascript" src="//downloads.mailchimp.com/js/signup-forms/popup/embed.js" data-dojo-config="usePlainJson: true, isDebug: false"></script><script type="text/javascript">require(["mojo/signup-forms/Loader"], function(L) { L.start({"baseUrl":"mc.us18.list-manage.com","uuid":"7fc6d004f3a7f4d75060a3f54","lid":"b603d7dbd4"}) })</script> */}
);
}
}

View file

@ -8,13 +8,15 @@ import HeadNavbar from "../../components/Navbar.js";
import ModalExample from "../../components/PopUpSignUp.js";
import MainJumbotron from "../../components/Jumbotron";
import InventionProcessDeck from "../../components/Decks";
import ClientStories from "../../components/clientStories";
import Pitch from "../../components/clientStories";
import kickstarterLogo from "../../images/kickstarter-logo.png";
import haizolLogo from "../../images/haizol-logo.png";
import sayee from "../../images/sayee.jpeg";
import omar from "../../images/omar.jpeg";
import HelloSign from "../../components/HelloSign";
import StateButton from "../../components/StateButton";
import MailChimpForm from "../../components/mailchimpForm"
// /Users/omar/Desktop/innovationDrive/innovation-drive/src/components/Form.js
@ -25,12 +27,14 @@ export default class Homepage extends Component {
<div>
<div className="backgroundContainer">
{/* <HeadNavbar /> */}
{/* NDA */}
{/* <iframe src="https://docs.google.com/document/d/e/2PACX-1vQAYdjs9PouC2hc4rLCHOoa9cYAuuXEnNAq5H0tQ1X94K4rtCQYKqmG62aVGdWZIHemwlEAzJ4beqDZ/pub?embedded=true" width="300px" height="400px" ></iframe> */}
<Container>
<MainJumbotron />
</Container>
{/* <MailChimpForm /> */}
<Container>
<h1>Customer Journey</h1>
{/* <h1>Customer Journey</h1> */}
{/* ADD BOOTSRAP CAROUSEL HERE */}
</Container>
<Container>
@ -40,11 +44,11 @@ export default class Homepage extends Component {
<Container />
</div>
<Container>
<ClientStories />
<Pitch />
</Container>
<br />
<br />
<InventionProcessDeck />
{/* <InventionProcessDeck /> */}
{/* <Container className="YellowStyling">
<Row>
<br />
@ -59,6 +63,10 @@ export default class Homepage extends Component {
</Container> */}
<br />
<br />
<ModalExample />
<br />
<br />
<br />
<Container className="Logos">
<Row>
{/* ADD LOGOS HERE */}

View file

@ -2721,6 +2721,10 @@ execa@^0.8.0:
signal-exit "^3.0.0"
strip-eof "^1.0.0"
exenv@^1.2.1:
version "1.2.2"
resolved "https://registry.yarnpkg.com/exenv/-/exenv-1.2.2.tgz#2ae78e85d9894158670b03d47bec1f03bd91bb9d"
expand-brackets@^0.1.4:
version "0.1.5"
resolved "https://registry.yarnpkg.com/expand-brackets/-/expand-brackets-0.1.5.tgz#df07284e342a807cd733ac5af72411e581d1177b"
@ -5790,7 +5794,7 @@ promise@^7.1.1:
dependencies:
asap "~2.0.3"
prop-types@^15.5.10, prop-types@^15.5.8, prop-types@^15.6.0, prop-types@^15.6.1, prop-types@^15.6.2:
prop-types@^15.5.10, prop-types@^15.5.4, prop-types@^15.5.8, prop-types@^15.6.0, prop-types@^15.6.1, prop-types@^15.6.2:
version "15.6.2"
resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.6.2.tgz#05d5ca77b4453e985d60fc7ff8c859094a497102"
dependencies:
@ -5962,6 +5966,15 @@ react-error-overlay@^4.0.0:
version "4.0.0"
resolved "https://registry.yarnpkg.com/react-error-overlay/-/react-error-overlay-4.0.0.tgz#d198408a85b4070937a98667f500c832f86bd5d4"
react-helmet@^5.2.0:
version "5.2.0"
resolved "https://registry.yarnpkg.com/react-helmet/-/react-helmet-5.2.0.tgz#a81811df21313a6d55c5f058c4aeba5d6f3d97a7"
dependencies:
deep-equal "^1.0.1"
object-assign "^4.1.1"
prop-types "^15.5.4"
react-side-effect "^1.1.0"
react-lifecycles-compat@^3.0.4:
version "3.0.4"
resolved "https://registry.yarnpkg.com/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz#4f1a273afdfc8f3488a8c516bfda78f872352362"
@ -6049,6 +6062,13 @@ react-scripts@1.1.4:
optionalDependencies:
fsevents "^1.1.3"
react-side-effect@^1.1.0:
version "1.1.5"
resolved "https://registry.yarnpkg.com/react-side-effect/-/react-side-effect-1.1.5.tgz#f26059e50ed9c626d91d661b9f3c8bb38cd0ff2d"
dependencies:
exenv "^1.2.1"
shallowequal "^1.0.1"
react-transition-group@^2.3.1:
version "2.4.0"
resolved "https://registry.yarnpkg.com/react-transition-group/-/react-transition-group-2.4.0.tgz#1d9391fabfd82e016f26fabd1eec329dbd922b5a"
@ -6586,6 +6606,10 @@ sha.js@^2.4.0, sha.js@^2.4.8:
inherits "^2.0.1"
safe-buffer "^5.0.1"
shallowequal@^1.0.1:
version "1.1.0"
resolved "https://registry.yarnpkg.com/shallowequal/-/shallowequal-1.1.0.tgz#188d521de95b9087404fd4dcb68b13df0ae4e7f8"
shebang-command@^1.2.0:
version "1.2.0"
resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-1.2.0.tgz#44aac65b695b03398968c39f363fee5deafdf1ea"