Home.js

import React from 'react'
 import Logo from '../svgcomp'
import ArticlePromotion from '../components/ArticlePromotion'
import styles from '../css/Home'

const Home = () => (
  <div className={styles.home}>
    <h1 className={styles.title}>HOME</h1>

    <div className={styles.content}>
    <Logo id="feature-svg-component" />

      <span className={styles.caption}>RFR will become Rudy</span>

      <ArticlePromotion
        title='Wanna master SSR? Read:'
        text='Server-Render Like a Pro in 10 Steps /w Redux-First Router 🚀'
        url='https://medium.com/faceyspacey/server-render-like-a-pro-w-redux-first-router-in-10-steps-b27dd93859de'
      />
    </div>

    <a
      target='_blank'
      className={styles.nico}
      rel='noopener noreferrer'
      href='https://twitter.com/nico__delfino'
    >
      *One of our first users, Nicolas Delfino, designed the logo, check him
      out: @nico__delfino
    </a>
  </div>
)

export default Home