import React from "react";

const BannerSection = () => (
    <section className="banner-three-section fix">
        <div className="container-fluid g-0">
            <div className="row g-0">
                <div className="col-xxl-7">
                    <div className="banner-3-content p-relative bg-color-1">
                        <div className="shape-1" style={{ backgroundImage: "url(/assets/imgs/shapes/shape-39.png)" }}></div>
                        <div className="shape-2" style={{ backgroundImage: "url(/assets/imgs/shapes/shape-40.png)" }}></div>
                        <div className="shape-3 float-bob-y" style={{ backgroundImage: "url(/assets/imgs/shapes/shape-41.png)" }}></div>
                        <div className="banner-area-2 wow img-custom-anim-left animated" data-wow-delay="2000ms">
                            <span className="p-relative banner-sub-title no-border">TECHNOLOGY RELETED CONSULTANCY</span>
                            <h1 className="banner-title">We Convert Concepts Into Technology</h1>
                            <p className="banner-text">Nulla commodo dolor massa vel pellentesque nulla congue <br />ut convallis diam. Nam id tortor et nunc tempor faucibus.</p>
                            <div className="header-action d-none d-xl-inline-flex gap-5">
                                <div className="header-link">
                                    <a className="primary-btn-1 btn-hover" href="/contact">
                                        GET A QUOTE &nbsp; | <i className="icon-right-arrow"></i>
                                        <span className="btn-hover-span"></span>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div className="col-xxl-5">
                    <div className="banner-3-image-area p-relative" style={{ backgroundImage: "url(/assets/img/blog/blog-img18.png)" }}>
    
                    </div>
                </div>
            </div>
        </div>
    </section>
);

export default BannerSection;
