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

export default function Features() {
  return (
    <div className="section-values style-1 tf-spacing-35">
      <div className="tf-container-2">
        <div className="heading-section text-center mb_58">
          <div className="heading-tag d-flex gap_12 text_mono-dark-8 fw-5 fw-5 mx-auto mb_20">
            <div className="icon">
              <i className="icon-bulb" />
            </div>
            <p className="text-body-3 fw-5">Our Core Values</p>
          </div>
          <h2 className="title text_mono-dark-9 fw-5 split-text split-lines-rotation-x">
            Our Innovative strategies backed by <br />
            <span className="text-gradient"> Data-Driven</span> insights
          </h2>
        </div>
        <div className="tf-grid-layout lg-col-3 md-col-2">
          <div className="tf-box-icon style-5 effect-icon">
            <div className="icon mb_24">
              <Image
                alt="icon"
                src="/images/box-icon/creative-solutions.svg"
                width={29}
                height={29}
              />
            </div>
            <div className="content">
              <div className="text-body-2 text_mono-dark-9 mb_9 fw-5">
                Creative solutions that deliver
              </div>
              <p className="text-body-3 text_mono-gray-7">
                Their innovative campaigns in redefining our brand identity and
                market positioning have increased engagement by 22%
              </p>
            </div>
          </div>
          <div className="tf-box-icon style-5 effect-icon">
            <div className="icon mb_24">
              <Image
                alt="icon"
                src="/images/box-icon/package-open.svg"
                width={33}
                height={32}
              />
            </div>
            <div className="content">
              <div className="text-body-2 text_mono-dark-9 mb_9 fw-5">
                Results-Driven Approach
              </div>
              <p className="text-body-3 text_mono-gray-7">
                Their targeted strategies in optimizing lead generation funnels
                boosted our conversion rates by 15% last quarter.
              </p>
            </div>
          </div>
          <div className="tf-box-icon style-5 effect-icon">
            <div className="icon mb_24">
              <Image
                alt="icon"
                src="/images/box-icon/laptop-issue.svg"
                width={33}
                height={32}
              />
            </div>
            <div className="content">
              <div className="text-body-2 text_mono-dark-9 mb_9 fw-5">
                Client-Centric Collaboration
              </div>
              <p className="text-body-3 text_mono-gray-7">
                Their tailored marketing plans aligned with our goals have
                strengthened customer loyalty and retention by 20%.
              </p>
            </div>
          </div>
          <div className="tf-box-icon style-5 effect-icon">
            <div className="icon mb_24">
              <Image
                alt="icon"
                src="/images/box-icon/auto-conversations.svg"
                width={32}
                height={32}
              />
            </div>
            <div className="content">
              <div className="text-body-2 text_mono-dark-9 mb_9 fw-5">
                Transparency and Integrity
              </div>
              <p className="text-body-3 text_mono-gray-7">
                Their straightforward reporting and ethical practices have
                ensured trust while improving campaign efficiency by 25%.
              </p>
            </div>
          </div>
          <div className="tf-box-icon style-5 effect-icon">
            <div className="icon mb_24">
              <Image
                alt="icon"
                src="/images/box-icon/database.svg"
                width={33}
                height={32}
              />
            </div>
            <div className="content">
              <div className="text-body-2 text_mono-dark-9 mb_9 fw-5">
                Data-Powered Decisions
              </div>
              <p className="text-body-3 text_mono-gray-7">
                Their analysis-driven recommendations in refining ad spend
                allocation have increased ROI by 30% in our key markets.
              </p>
            </div>
          </div>
          <div className="tf-box-icon style-5 effect-icon">
            <div className="icon mb_24">
              <Image
                alt="icon"
                src="/images/box-icon/discover-circle.svg"
                width={33}
                height={32}
              />
            </div>
            <div className="content">
              <div className="text-body-2 text_mono-dark-9 mb_9 fw-5">
                Commitment to Excellence
              </div>
              <p className="text-body-3 text_mono-gray-7">
                Their proactive support in managing our multi-channel campaigns
                led to a seamless launch and 18% revenue growth.
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
  );
}