jizzm.js

import React from 'react'
import PropTypes from 'prop-types'
import styled from 'radium'
import SimpleHeader from '../../components/SimpleHeader'
import Image from '../../components/Image'
import HeaderFeature from '../../components/HeaderFeature'
import GridFeature from '../../components/GridFeature'
import MainFeature from '../../components/MainFeature'
import CTAFeature from '../../components/CTAFeature'
import FooterFeature from '../../components/FooterFeature'
import translate from '../../locale'
import style from './style'

const Landing = ({ handleSubmit, breakpoint }) => (
  <div style={style.container}>
    <SimpleHeader />
    <HeaderFeature breakpoint={breakpoint} headerText={translate('THE_UKS_LEADING')} />
    <Image src='cityscape-home.svg' style={style.cityImage} />
    <GridFeature
      breakpoint={breakpoint}
      headerText={translate('AS_FEATURED_ON')}
      visibleWhenSmall={4}
      images={[
        'home-mirror.png',
        'home-men.png',
        'home-birminghammail.png',
        'home-liverpoolecho.png',
        'home-chroniclelive.png',
        'home-walesonline.png',
        'home-nottinghampost.png',
        'home-hulldailymail.png',
        'home-bristolpost.png',
        'home-leicestermercury.png'
      ]}
    />
    <MainFeature headerText={translate('LOCAL_NEWS')} text={translate('IYA_AGGREGATES_NEWS')} iconSrc='news.svg' imageSrc='home-news.jpg' />
    <MainFeature headerText={translate('COMMUNITY')} text={translate('EASIER_THAN_EVER_TO_CONNECT')} iconSrc='icon-commentWhite.svg' imageSrc='home-community.jpg' />
    <MainFeature headerText={translate('TRAFFIC_TRAVEL')} text={translate('IYA_PROVIDES_YOU_TRAVEL')} iconSrc='traffic.svg' imageSrc='home-travel.jpg' />
    <MainFeature headerText={translate('PROPERTY')} text={translate('KEEP_UP_TO_DATE')} iconSrc='property.svg' imageSrc='home-property.jpg' />
    <MainFeature headerText={translate('THINGS_TO_DO')} text={translate('IYA_SCOUR_THE_WEB')} iconSrc='whatson.svg' imageSrc='home-whats-on.jpg' />
    <MainFeature headerText={translate('LOCAL_CRIME_STATS')} text={translate('GET_THE_LATEST_CRIME')} iconSrc='crime.svg' imageSrc='home-crime.jpg' />
    <MainFeature headerText={translate('FOOD_HYGIENE_RATINGS')} text={translate('GET_THE_LATEST_HYGIENE_RATINGS')} iconSrc='food.svg' imageSrc='home-food.jpg' />
    <CTAFeature headerText={translate('AND_MUCH_MORE')} text={translate('THERE_IS_MUCH_MORE')} />
    <FooterFeature headerText={translate('APP_COMING_SOON')} />
  </div>
)

Landing.propTypes = {
  handleSubmit: PropTypes.func,
  breakpoint: PropTypes.string
}

export default styled(Landing)