{"size": 1138, "ext": "js", "max_stars_repo_path": "src/components/Main/index.js", "max_stars_repo_name": "maarcoseduardo/Fylo-landing-studying", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/Main/index.js", "max_issues_repo_name": "maarcoseduardo/Fylo-landing-studying", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/Main/index.js", "max_forks_repo_name": "maarcoseduardo/Fylo-landing-studying", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 29.1794871795, "max_line_length": 115, "alphanum_fraction": 0.5008787346}
import {
    MainContainer,
    DivContent,
    Img,
    DivImgController,
    H2,
    Paragraph,
    DivSendData,
    Input,
    Button
} from "./styles";

import imgIllustration1 from "../../assets/illustration-1.svg";

export function Main() {

    return (

        <MainContainer>
            <DivContent>
                <H2>All your files in one secure location, accessible anywhere.</H2>
                <Paragraph>Fylo stores your most important files in one secure location.
                                        Access them wherever your need, share and collaborate with friends, family
                                        and co-workers.
                </Paragraph>
                <DivSendData>
                    <Input placeholder="Insert your e-mail..." type="e-mail"/>
                    <Button type="submit">Get Started</Button>
                </DivSendData>
            </DivContent>
            <DivImgController>
                <Img src={imgIllustration1}
                    alt="illustration 01"/>
            </DivImgController>
        </MainContainer>

    );
}
