import React from "react";

const ChooseSection = () => (
    <section className="choose-section bg-color-1 section-space-top p-relative section-space-bottom">
        <div className="bg-image" style={{ backgroundImage: "url(/assets/images/home/3/right-bg.webp)" }}></div>
        <div className="shape-image" style={{ backgroundImage: "url(/assets/imgs/shapes/shape-15.png)" }}></div>
        <div className="small-container">
            <div className="row g-4">
                <div className="col-xxl-6 col-xl-6 col-lg-6 p-relative section-space-medium-bottom">
                    <div className="sec-title-wrapper wow fadeInLeft" data-wow-delay=".5s">
                        <div className="sec-title">
                            <div className="sec-title__shape"></div>
                            <h6 className="sec-title__tagline">WELCOME TO METATRONCUBE</h6>
                            <h3 className="sec-title__title text-white">Driving Client Success with Cutting-Edge Digital Solutions in Web & App Development, SEO, and Digital Marketing</h3>
                        </div>
                        {/* <img src="https://bracketweb.com/pelocishtml/assets/images/shapes/text-shape-2.png" alt="" className="sec-title__text-shape" /> */}
                    </div>
                    <div className="choose-content text-white wow fadeInRight" data-wow-delay=".7s">
                        <p className="text-white">
                            At Metatroncube Software Solutions, we're not just about web design and mobile app development; we're a hub of innovation in SEO, digital marketing, and graphic design services. Located in the Kitchener and Waterloo regions, our services stand out through a unique blend of innovative design and advanced technology.
                        </p>
                        <p className="text-white">
                            Our expertise spans across AngularJS, ReactJS, HTML5, Node.js, PHP, and comprehensive frameworks for native Android, iOS, and Flutter. This is complemented by our strength in SEO strategies and digital marketing solutions, ensuring your brand not only looks good but also ranks high.
                        </p>
                    </div>
                </div>
                <div className="col-xxl-6 col-xl-6 col-lg-6 wow fadeInLeft" data-wow-delay="1.2s">
                    <figure className="image m-img"><img src="/assets/images/home/3/right-img.webp" alt="" /></figure>
                </div>
            </div>
        </div>
    </section>
);

export default ChooseSection;
