import React from "react";

const ChooseSection = () => (
    <section className="choose-section bg-color-1 p-relative section-bottom pt-35">
        <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="faq-one__title ">
                        <div className="sec-title">
                            <div className="sec-title__shape">
                            </div>
                            <h6 className="sec-title__tagline" style={{ color: "var(--pelocis-base, #e2a475)" }}>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>
                    </div>
                    <p className="faq-one__text 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. 
                    </p>
                    <div className="faq-one__card">
                        <div className="faq-one__img">
                            <img src="https://bracketweb.com/pelocishtml/assets/images/resources/faq-img-2.png" alt="pelocis" />
                        </div>
                        <div className="faq-one__content">
                            <ul className="faq-one__list list-unstyled">
                                <li className="text-white"><span className="fa fa-arrow-circle-right text-white"></span>Located in the Kitchener and Waterloo regions, our services stand out through a unique blend of innovative design and advanced technology.</li>
                                <li className="text-white mt-4"><span className="fa fa-arrow-circle-right text-white"></span>Our expertise spans across AngularJS, ReactJS, HTML5, Node.js, PHP, and comprehensive frameworks for native Android, iOS, and Flutter.</li>
                            </ul>
                        </div>
                    </div>
                    <div className="faq-one__quote text-white" style={{ backgroundColor: "rgba(255,255,255,0.1)" }}>
                        This is complemented by our strength in SEO strategies and digital marketing solutions, ensuring your brand not only looks good but also ranks high.
                    </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;
