import React from "react";
import "./Our_objectives.css";

const Our_objective = () => {
  return (
    <section className="our_objectives">
      <div className="container">
        <div className="section_title text-center">
          <p>OUR OBJECTIVES</p>
          <h2>Vision & Mission</h2>
        </div>

        <div className="row g-4">
          <div className="col-lg-6">
            <div className="objective_card">
              <div className="icon">
                <img
                  src="/assets/images/about_us/our-objectives/vision.png"
                  alt="Vision"
                />
              </div>

              <h3>Our Vision</h3>

              <p>
                To become one of India's most trusted suppliers of agricultural
                machinery, equipment, and spare parts by delivering innovative,
                reliable, and affordable solutions that empower farmers and
                agricultural businesses to achieve sustainable growth.
              </p>
            </div>
          </div>

          <div className="col-lg-6">
            <div className="objective_card">
              <div className="icon">
                <img
                  src="/assets/images/about_us/our-objectives/mission.png"
                  alt="Mission"
                />
              </div>

              <h3>Our Mission</h3>

              <p>
                To provide premium-quality agricultural products, exceptional
                customer service, and dependable after-sales support while
                building long-term relationships with farmers, dealers, and
                distributors across India.
              </p>
            </div>
          </div>
        </div>
      </div>
    </section>
  );
};

export default Our_objective;
