/
contact.js
96 lines (92 loc) · 3.05 KB
/
contact.js
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
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
import React from "react";
import PropTypes from "prop-types";
import { graphql, Link } from "gatsby";
import { Row, Col } from "react-flexbox-grid";
import IndexLayout from "../components/layouts/Index";
import MetaTags from "../components/blog/MetaTags";
import Header from "../components/blog/Header";
export default function Contact({ data }) {
return (
<IndexLayout>
<Row>
<Col
lg={8}
lgOffset={2}
style={{
"text-align": "left",
}}
>
<MetaTags
path={"/contact"}
title={`Contact`}
description={"In need for a Web Developer? Search no more."}
/>
<Header fluid={data.file.childImageSharp.fluid}>
In need for a Web Developer? <br />
Search no more.
</Header>
<main role="main">
<p>
I am a product engineer with over ten years of experience in early
stage companies. I can help you design your business
infrastructure and your development team management process. I can
help you set your testing strategy and build your application
{"'"}s architecture.
</p>
<p>
Regarding the stack, I am currently working extensively with
Javascript/Node.js and React.js to build robust web applications
and services. My I/P/F-aaS of preference is AWS.
</p>
<p>Above all, I am getting things done.</p>
<p>
This site should provide you with{" "}
<Link
className="footer-link"
to="/about/"
title="About Kostasbariotis.com"
>
all the information
</Link>{" "}
you need but if you still have questions, please consult my{" "}
<a href="https://www.linkedin.com/pub/kostas-bariotis/81/b74/2a8">
LinkedIn profile
</a>
, my <a href="https://github.com/kbariotis">GitHub profile</a> or{" "}
<a href="mailto:kostas@bariotis.com?subject=Freelance%20Javascript%20development">
contact me directly
</a>
. I like receiving email from people.
</p>
<p>
<b>
I am currently available to hire for a limited time of work per
week.
</b>
</p>
<p>
<a href="mailto:kostas@bariotis.com?subject=Freelance%20Javascript%20development">
Email me
</a>{" "}
to talk about your project or just to say hi.
</p>
</main>
</Col>
</Row>
</IndexLayout>
);
}
Contact.propTypes = {
data: PropTypes.object,
};
export const contactPageQuery = graphql`
query ContactPageSiteMetadata {
file(relativePath: { eq: "avatar.jpg" }) {
childImageSharp {
fluid {
...GatsbyImageSharpFluid_withWebp
}
}
}
}
`;