"use client";

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

const AboutUs: React.FC = () => {
  return (
    <section
      className="about-area res-pt-0 pb-100 pt-70"
      aria-labelledby="about-heading"
    >
      <div className="container-fluid">
        <div className="row align-items-center">
          {/* Image */}
          <div className="col-lg-6 col-md-12">
            <div
              className="about-img"
              data-aos="fade-up"
              data-aos-duration="800"
            >
              <Image
                src="/img/about/about-img8.webp"
                alt="Digi Horizon Technologies team creating digital solutions including web development and software services"
                width={848}
                height={490}
                priority
              />

              <div className="shape" aria-hidden="true">
                <Image
                  src="/img/about/about-shape1.png"
                  alt=""
                  width={924}
                  height={875}
                />
              </div>
            </div>
          </div>

          {/* Content */}
          <div className="col-lg-6 col-md-12">
            <div className="about-content">
              <div className="content">
                <h2
                  id="about-heading"
                  data-aos="fade-left"
                  data-aos-duration="800"
                >
                  Building Scalable Digital Solutions For Global Businesses
                </h2>

                <p data-aos="fade-left" data-aos-duration="800">
                  Digi Horizon Technologies delivers custom web development,
                  eCommerce platforms, mobile applications, AI solutions, and
                  enterprise software services that help businesses transform
                  and grow digitally.
                </p>

                <ul className="content-list">
                  <li>
                    <i className="flaticon-tick" aria-hidden="true" />

                    <span>
                      Experienced team delivering reliable and scalable
                      technology solutions.
                    </span>
                  </li>

                  <li>
                    <i className="flaticon-tick" aria-hidden="true" />

                    <span>
                      Custom solutions designed around your business goals and
                      customer needs.
                    </span>
                  </li>

                  <li>
                    <i className="flaticon-tick" aria-hidden="true" />

                    <span>
                      Modern development practices focused on security,
                      performance, and quality.
                    </span>
                  </li>

                  <li>
                    <i className="flaticon-tick" aria-hidden="true" />

                    <span>
                      Proven expertise across web, mobile, eCommerce, and
                      AI-powered solutions.
                    </span>
                  </li>

                  <li>
                    <i className="flaticon-tick" aria-hidden="true" />

                    <span>
                      Flexible engagement models for startups and enterprises.
                    </span>
                  </li>

                  <li>
                    <i className="flaticon-tick" aria-hidden="true" />

                    <span>
                      Long-term technology partnerships focused on growth.
                    </span>
                  </li>
                </ul>

                <Link
                  href="/about-us"
                  className="default-btn"
                  aria-label="Learn more about Digi Horizon Technologies"
                >
                  <i className="flaticon-right" aria-hidden="true" />
                  Learn More About Us
                  <span />
                </Link>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  );
};

export default AboutUs;