import React from 'react'
import Link from 'gatsby-link'

import Button from './Button'

const IntroDefault = ({ intro, headline, text }) => (
  <section className="lg:flex items-center p-3">
    <div className="max-w-xs">
      <h3>{intro}</h3>
      <h1>{headline}</h1>
      <p>{text}</p>
      <Button text="Let's Get In Touch" url="/proposal" classes="rounded-full" />
    </div>
  </section >
)

export default IntroDefault