import React from 'react'
import SubHeading from '../../components/SubHeading/SubHeading'
import './Header.css'

const Header = () => {
    return (
        <div className="app_header app_wrapper section_padding" id='home'>
            <div className="app_wrapper_info">
                <h1 className="app_header_h1">Authentic Mexican Cuisine</h1>
                <img src="gun01.svg" alt="" className='header_sectioner'/>
                <p className="p_opensans" style={{margin: '2rem 0'}}>Jefe's Mexican Cocina Y Cantina serves the best Mexican food in town. Be our guests and have an enjoyable experience with an authentic Mexican meal right here in Broken Arrow, OK.</p>
                <button type='button' className="custom_button">Explore Menu</button>
            </div>
            <div className="app_wrapper_img">
                <img src="img01.webp" alt="" />
            </div>
        </div>
    )
}

export default Header

