import React from 'react'
import './AboutUs.css'
import {PiCookingPotFill} from 'react-icons/pi'

const AboutUs = () => {
    return (
    <div className="app_aboutus app_bg flex_center section_padding" id='about'>
        <div className="app_aboutus_overlay flex_center">
            <img src="IMG_2431.jpg" alt="" />
        </div>
        <div className="app_aboutus_content flex_center">
            <div className="app_aboutus_content_about">
                <h1 className="headtext_cormorant">About Us</h1>
                <PiCookingPotFill/>
                <p className="p_opensans">Jefe's Mexican cocina y cantina is a family owned authentic mexican restaurant that provides a variety of different dishes and cocktails. We are one of the best restaurants around because nowhere else can you find the most extraordinary homemade Mexican food along with fresh and naturally flavored waters. At our restaurant, we guarantee that our dishes are authentic to the soul of Mexico.</p>
                <button className="custom_button">Learn More</button>
            </div>
            <div className="app_aboutus_content_knife flex_center">
                <img src="IMG_1114.webp" alt="" />

            </div>
        </div>
    </div>
    )
}

export default AboutUs