import React from 'react'
import Link from 'next/link'
import styles from './hero.module.css'
import { buildS7Image } from './lib/s7'

const Hero = () => {
  return (
    <section className={styles.root} style={{ backgroundColor: '#FFFFFF' }}>
      <h1 className={styles.headline}>Your headline</h1>
      <p>Your subhead</p>
      <Link className={styles.cta} href="/coupons">Shop now</Link>
      <img src="https://example.com/img.png" alt="promo" />
      {buildS7Image('slug', '$DWP_PHOTO$')}
    </section>
  )
}

export default Hero
