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

const AboutUsContent: React.FC = () => {
  return (
    <>
      <div className="about-area ptb-100">
        <div className="container-fluid">
          <div className="row align-items-center">
            <div className="col-lg-6 col-md-12">
              <div className="about-image">
                <Image
                  src="/img/about/about-img5.png"
                  alt="image"
                  width={944}
                  height={660}
                />
              </div>
            </div>

            <div className="col-lg-6 col-md-12">
              <div className="about-content">
                <div className="content">
                  <span className="sub-title">
                    <Image
                      src="/img/star-icon.png"
                      alt="image"
                      width={32}
                      height={34}
                    />
                    About Us
                  </span>
                  <h2>About Our Company</h2>
                  <p>
                  Our aim to cater almost every business segment and work towards pampering their growth with multi-dimensional IT platforms to help them build an undeterred online presence.
                  </p>

                  <ul className="features-list">
                    <li>
                      <Image
                        src="/img/icons/icon4.png"
                        alt="image"
                        width={58}
                        height={52}
                      />
                      <h3>12 Years</h3>
                      <p>On the market</p>
                    </li>
                    <li>
                      <Image
                        src="/img/icons/icon5.png"
                        alt="image"
                        width={58}
                        height={52}
                      />
                      <h3>15+</h3>
                      <p>Team members</p>
                    </li>
                    <li>
                      <Image
                        src="/img/icons/icon6.png"
                        alt="image"
                        width={58}
                        height={52}
                      />
                      <h3>100%</h3>
                      <p>Satisfaction rate</p>
                    </li>
                    <li>
                      <Image
                        src="/img/icons/icon7.png"
                        alt="image"
                        width={58}
                        height={52}
                      />
                      <h3>80%</h3>
                      <p>Senior Engineers</p>
                    </li>
                  </ul>
                  <p>
                    Ubiquitous, necessary and invisible. This is how we see technology at Digi Horizon Technologies. It is none less than the prerequisite of life for us. It was year 2014, when a strong urge to embrace technology as a major element of existence over-powered our capabilities and we worked beyond our abilities to make the techno-dream a reality and started digging possible IT prospects spread in areas like web designing and other software development.
                  </p>
                  <p>
                    This is where Digi Horizon Technologies came into existence. And now it has been 12 proud years of continuing this venture smoothly and successfully. There is always a thought behind every action. And behind Digi Horizon Technologies, there was a thought of IT excellence which could only be achieved by focusing on substantial growth of our customers which can be easily accelerated with the help of subtle and effective IT solutions we proudly hold in our basket.
                  </p>
                </div>
              </div>
            </div>
          </div>
        </div>

        <div className="circle-shape1">
          <Image
            src="/img/shape/circle-shape1.png"
            alt="image"
            width={350}
            height={386}
          />
        </div>

        <div className="container">
          <div className="about-inner-area">
            <div className="row justify-content-center">
              <div className="col-lg-4 col-md-6 col-sm-6">
                <div className="about-text">
                  <h3>Our History</h3>
                  <p>
                    Real innovations and a positive customer experience are the
                    heart of successful communication.
                  </p>

                  <ul className="features-list">
                    <li>
                      <i className="flaticon-tick"></i> 12 years delivering 250+ web, mobile, and eCommerce projects
                    </li>
                    <li>
                      <i className="flaticon-tick"></i> In-house senior engineering team — no outsourced junior talent
                    </li>
                    <li>
                      <i className="flaticon-tick"></i> Long-term client retention across Magento, Laravel, and React stacks
                    </li>
                    <li>
                      <i className="flaticon-tick"></i> Consistent delivery on scoped budgets and deadlines
                    </li>
                  </ul>
                </div>
              </div>

              <div className="col-lg-4 col-md-6 col-sm-6">
                <div className="about-text">
                  <h3>Our Value</h3>
                  <p>
                    We live technology. It is the bedrock of our existence and so it shines as our deeply inherited value.
                  </p>

                  <ul className="features-list">
                    <li>
                      <i className="flaticon-tick"></i> Transparent project timelines and fixed-scope delivery
                    </li>
                    <li>
                      <i className="flaticon-tick"></i> Direct communication with senior developers, not account managers
                    </li>
                    <li>
                      <i className="flaticon-tick"></i> Code built for long-term maintainability, not just launch day
                    </li>
                    <li>
                      <i className="flaticon-tick"></i> Post-launch support and maintenance included, not upsold separately
                    </li>
                  </ul>
                </div>
              </div>

              <div className="col-lg-4 col-md-6 col-sm-6">
                <div className="about-text">
                  <h3>Our Vision</h3>
                  <p>
                    Hold the vision, trust the process. At Digi Horizon Technologies, we do not work merely to survive but to thrive.
                  </p>

                  <ul className="features-list">
                    <li>
                      <i className="flaticon-tick"></i> Becoming the long-term technology partner, not a one-off vendor
                    </li>
                    <li>
                      <i className="flaticon-tick"></i> Expanding AI-driven solutions alongside our core development services
                    </li>
                    <li>
                      <i className="flaticon-tick"></i> Growing our team while keeping a senior-engineer-first ratio
                    </li>
                    <li>
                      <i className="flaticon-tick"></i> Helping every client's brand scale without re-platforming pain
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>

        <div className="circle-shape1">
          <Image
            src="/img/shape/circle-shape1.png"
            alt="image"
            width={350}
            height={386}
          />
        </div>
      </div>
    </>
  );
};

export default AboutUsContent;