export default function Deal() {
    return (
        <>
            {/* Deal Section */}
            <section className="deal-section" style={{ backgroundImage: 'url(assets/images/background/2.jpg)' }} >
                <div className="top-pattern-layer" style={{ backgroundImage: 'url(assets/images/background/pattern-1.png)' }} ></div>
                <div className="bottom-pattern-layer" style={{ backgroundImage: 'url(assets/images/background/pattern-2.png)' }} ></div>
                <div className="auto-container">
                    <div className="content-box" style={{ backgroundImage: 'url(assets/images/resource/deal.png)' }} >
                        <div className="box-inner">
                            {/* Sec Title */}
                            <div className="sec-title light centered">
                                <div className="title">30% Off For juice</div>
                                <h2>Big Deals of the Week</h2>
                                <div className="text">Us percipit urbanitas referrentur ea. Mei at numquam molestiae <br/> intellegam. Ansed dictas accumsan. </div>
                            </div>
                            {/* Email Form */}
                            <div className="email-form">
                                <div className="email-title">To Get New Of Our Deals</div>
                                <form method="post">
                                    <div className="form-group">
                                        <input type="email" name="email" placeholder="type your email" />
                                        <button type="submit" className="submit-btn"><span className="icon flaticon-send"></span></button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            {/* End Deal Section */}
        </>
    )
}