-
-
Notifications
You must be signed in to change notification settings - Fork 4
/
LandingPage.jsx.jsx
67 lines (60 loc) · 2.12 KB
/
LandingPage.jsx.jsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
import React from "react";
import {
Button,
Container,
Grid,
Image,
Segment
} from "semantic-ui-react";
import { Link } from "react-router-dom";
import '../assets/css/landingpage.module.css'
import BgVideo from '../assets/videos/video.mp4'
import tensorflow from '../assets/images/tensorflow.svg'
import pytorch from '../assets/images/pytorch.svg'
import kubernetes from '../assets/images/kubernetes.svg'
import StepsContainer from './Steps.js'
import ContactContainer from './Contact.js'
import InviteDemoContainer from "./InviteDemo";
import PricingContainer from "./Pricing";
import FooterContainer from "./Footer";
const HomepageLayout = () => (
<React.Fragment>
<div className="landingpage">
<video src={BgVideo} autoPlay muted loop className="video-bg" />
<Segment style={{ padding: "", marginTop: "32%", }} vertical>
{/* tyle={{ padding: "8em 0em" }} */}
<Grid container verticalAlign="middle">
<Grid.Row>
<Grid.Column textAlign="center" >
<Link to="/login">
<Button primary size="huge" style={{ background: "white", color: "black", }}>
Get started
</Button>
</Link>
<p style={{ fontSize: "1.33em", color: "white", marginTop: "2em" }}>
Powered by
</p>
<div className="flex justify-evenly mr-16 ">
<Image src={tensorflow} style={{ height: "36px" }} />
<Image src={kubernetes} style={{ height: "36px" }} />
<Image src={pytorch} style={{ height: "36px" }} />
</div>
</Grid.Column>
</Grid.Row>
</Grid>
</Segment>
<Segment style={{ padding: "", marginTop: "13%" }} vertical>
<InviteDemoContainer /> {/* Try our API */}
<StepsContainer />
<PricingContainer />
<ContactContainer />
</Segment>
<Segment vertical style={{ background: "black", color: "white" }}>
<Container>
<FooterContainer />
</Container>
</Segment>
</div>
</React.Fragment>
);
export default HomepageLayout;