import Image from "next/legacy/image";

const Thrive = () => {
  return (
    <section className="thrive pt-120 pb-120 bg-black fade-wrapper">
      <div className="container">
        <div className="row">
          <div className="col-12">
            <div className="intro">
              <h2 className="mt-8 fw-7 title-anim text-white">
                What lets us thrive together
              </h2>
            </div>
          </div>
        </div>
        <div className="row vertical-column-gap-lg mt-60">
          <div className="col-12 col-md-6 fade-top">
            <div className="thumb">
              <Image src="/images/time.png" alt="Image" width={80} height={80} />
            </div>
            <div className="content mt-40">
              <h4 className="mt-8 title-anim fw-7 text-white mb-16">
                Flexible workday
              </h4>
              <p className="cur-lg text-quinary">
                We understand that productivity thrives in balance. Our flexible work arrangements 
                empower you to structure your day for optimal performance while maintaining work-life 
                harmony. Whether remote, hybrid, or on-site, we trust our teams to deliver excellence.
              </p>
            </div>
          </div>
          <div className="col-12 col-md-6 fade-top">
            <div className="thumb">
              <Image src="/images/trans.png" alt="Image" width={80} height={80} />
            </div>
            <div className="content mt-40">
              <h4 className="mt-8 title-anim fw-7 text-white mb-16">
                Transparency
              </h4>
              <p className="cur-lg text-quinary">
                Open communication is the foundation of our culture. We believe in clear goal-setting, 
                honest feedback, and accessible leadership. Every team member has visibility into 
                company objectives, strategic decisions, and how their contributions drive enterprise success.
              </p>
            </div>
          </div>
          <div className="col-12 col-md-6 fade-top">
            <div className="thumb">
              <Image src="/images/support.png" alt="Image" width={80} height={80} />
            </div>
            <div className="content mt-40">
              <h4 className="mt-8 title-anim fw-7 text-white mb-16">Support</h4>
              <p className="cur-lg text-quinary">
                Your success is our priority. From comprehensive onboarding to continuous mentorship, 
                we provide enterprise-grade resources, cutting-edge tools, and dedicated support systems. 
                Our collaborative environment ensures you&apos;re never alone in tackling complex challenges.
              </p>
            </div>
          </div>
          <div className="col-12 col-md-6 fade-top">
            <div className="thumb">
              <Image src="/images/skill.png" alt="Image" width={80} height={80} />
            </div>
            <div className="content mt-40">
              <h4 className="mt-8 title-anim fw-7 text-white mb-16">
                Growth Skill
              </h4>
              <p className="cur-lg text-quinary">
                Invest in your future with our comprehensive professional development programs. Access 
                industry certifications, advanced training workshops, and leadership development initiatives. 
                We champion continuous learning and provide clear pathways for career advancement.
              </p>
            </div>
          </div>
        </div>
      </div>
    </section>
  );
};

export default Thrive;
