"use client";
  
import React from "react";
import Link from "next/link";
import Image from "next/image";

const OurExpertise: React.FC = () => {
  return (
    <>
      <div className="our-mission-area pb-100">
        <div className="container-fluid">
          <div className="row align-items-center">
            <div className="col-lg-6 col-md-12">
              <div className="our-mission-content">
                <div className="content">
                  <span className="sub-title">
                    <Image
                      src="/img/star-icon.png"
                      alt="image"
                      width={32}
                      height={34}
                    />{" "}
                    Our Expertise
                  </span>

                  <h2 data-aos="fade-right" data-aos-duration="800" data-aos-delay="100" data-aos-once="true">In Magento® eCommerce Solutions</h2>

                  <p data-aos="fade-right" data-aos-duration="800" data-aos-delay="200" data-aos-once="true">
                    We tend to create and implement end-to-end e-commerce solutions that are directed towards our clients’ business websites.
                  </p>
                  <p data-aos="fade-right" data-aos-duration="800" data-aos-delay="300" data-aos-once="true">
                    Strict adherence to quality and dedication towards offering cost-efficient solutions, has set us to the enhanced levels of consistency.
                  </p>
                  <p data-aos="fade-right" data-aos-duration="800" data-aos-delay="400" data-aos-once="true">
                    Taking e-commerce web development as one of our most explored realms, we have moved towards offering best-in-class e-commerce web development services to the global clients.
                  </p>
                  <p data-aos="fade-right" data-aos-duration="800" data-aos-delay="500" data-aos-once="true">
                    <Image
                        src="/img/our-expertise/magento_certified.png"
                        alt="image"
                        width={500}
                        height={34}
                    />
                  </p>

                  <Link href="/service/cms-ecommerce/magento-development/" className="default-btn" data-aos="fade-right" data-aos-duration="800" data-aos-delay="600" data-aos-once="true">
                    <i className="flaticon-right"></i>
                    Read More
                    <span></span>
                  </Link>
                </div>
              </div>
            </div>

            <div className="col-lg-6 col-md-12">
              <div className="our-mission-image" data-aos="fade-up" data-aos-duration="800" data-aos-delay="100">
                <Image
                  src="/img/our-expertise/magento_ecommerce.png"
                  alt="image"
                  width={400}
                  height={577}
                />
                <div className="shape">
                  <Image
                    src="/img/our-expertise/our-mission-shape1.png"
                    alt="image"
                    width={919}
                    height={875}
                  />
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </>
  );
};

export default OurExpertise;