<file_sep>import React from 'react'
import { Link } from 'gatsby'
import styles from './header.module.css'

const Header = () => (
  <div className={styles.navigationOuter}>
    <div className={styles.navigationInner}>
      <ul className={styles.headerul}>
        <li className={styles.headerli}><Link to="/" 
            style={{
              color: 'black',
              textDecoration: 'none',
          }}
          >Home</Link></li>
        <li className={styles.headerli}><Link to="/services" 
            style={{
              color: 'black',
              textDecoration: 'none',
          }}
          >Services</Link></li>
        <li className={styles.headerli}>
          <span className={styles.logo}>
            Paul's Motor Inc
          </span>
        </li>
        <li className={styles.headerli}><Link to="/about" 
            style={{
              color: 'black',
              textDecoration: 'none',
          }}
          >About</Link></li>
        <li className={styles.headerli}><Link to="/contact-us" 
            style={{
              color: 'black',
              textDecoration: 'none',
          }}
          >Contact Us</Link></li>
        </ul>
    </div>
  </div>
)

export default Header
<file_sep>import React from 'react'

import Layout from '../components/layout'
import "../styles/layout-overide.css"

const IndexPage = () => (
  <Layout>
    <div className="section1">

      <div className="section1Header">
          <h1>Paul's Motor Inc in Vancouver, WA</h1>
          <h1>Auto Repair Done by Professionals</h1>
      </div>

      <div className="section1Body">
        <h2>Experience and Trust</h2>
        <p>Established in 1994, Paul's Motor Inc has had over 24 years of
        experience with used car sales and automotive repair. We understand
        what it takes to provide dependable auto service and repairs at a
        fair price to ensure our customers' needs are met. This has helped
        build loyalty and trust with customers who happily return to us with
        their auto repair needs over and over again.
        </p>

        <h2>Auto Repair and Maintenance</h2>
        <p>While initially specializing in Jeep Cherokees, Paul's Motor has
        expanded to repair and service all kinds of makes and models.
        Some of these brands include Volkwagen, Honda, Toyota, Kia, Ford,
        Lexus, Subaru and many more. Whether you need your brake pads
        replaced, oil changed or engine repaired, we will do our best to
        ensure your vehicle is fixed to your satisfaction.
        </p>
      </div>
    </div>
  </Layout>
)

export default IndexPage
<file_sep>import React from 'react'
import {Link} from 'gatsby'
import styles from './cover.module.css'

const Cover = () => (
    <div className={styles.cover}>
        <div className={styles.coverContent} >
            <h1>Quality Auto Repair.</h1>
            <h2>Offering high-quality auto repair and used car sales.</h2>
            <h2>
                <Link to='/services' 
                style={{ 
                    color: 'white', 
                    }}
                >Click here to find out more!</Link>
            </h2>
        </div>
    </div>
)

export default Cover;