import React from "react";
import styled from "styled-components";
import Link from "gatsby-link";
import PictureFrame from "../components/PictureFrame";
import Social from "../components/Social";

const StyledHome = styled.div`
  display: flex;
  flex-direction: column;
  align-items: flex-start;

  hr {
    width: 100%;
  }
`;

export default () => (
  <StyledHome className="container">
    <h1>Hello!</h1>
    <p>
      I'm a <strong>web developer</strong> employed as the{" "}
      <strong>chief technologist</strong> at a digital marketing agency.
      Currently I work primarily with React and Node but over the years I have
      acquired proficiency in many technologies.
    </p>
    <p>
      Besides building my own companies, I've also produced things for many
      brands, Fortune 500 and small companies or individuals alike. Need a hand
      with an upcoming project? Learn a bit more{" "}
      <Link to="/about-me">about me</Link> and then consider{" "}
      <a href="mailto:hello@antoniorodriguez.us">working with me</a>.
    </p>
    <p>
      Thanks for visiting!<br />
      <strong>Antonio Rodríguez</strong>
    </p>

    <hr />
    <Social />
  </StyledHome>
);

import React from "react";
import styled from "styled-components";
import Link from "gatsby-link";
import PictureFrame from "../components/PictureFrame";
import Social from "../components/Social";

const StyledHome = styled.div`
  display: flex;
  flex-direction: column;
  align-items: flex-start;
`;

export default () => (
  <StyledHome className="container">
    <h1>Hello!</h1>
    <p>
      I'm a <strong>web developer</strong> employed as the{" "}
      <strong>chief technologist</strong> at a digital marketing agency.
      Currently I work primarily with React and Node but over the years I have
      acquired proficiency in many technologies.
    </p>
    <p>
      Besides building my own companies, I've also produced things for many
      brands, Fortune 500 and small companies or individuals alike. Need a hand
      with an upcoming project? Learn a bit more{" "}
      <Link to="/about-me">about me</Link> and then consider{" "}
      <a href="mailto:antoniwan@gmail.com?subject=Let's work together!">
        working with me
      </a>.
    </p>
    <p>
      Thanks for visiting!<br />
      <strong>Antonio Rodríguez</strong>
    </p>

    <hr />
    <Social />
  </StyledHome>
);

Move a global style and add my correct email address.