"use client"

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

const Overview: React.FC = () => {
    return (
        <>
            <div
                className="bd-overview-area pt-100 pb-70"
                style={{ backgroundImage: `url(/images/big-data-home/overview/overview-bg.jpg)` }}
            >
                <div className="container">
                    <div className="bd-overview-content">
                        <div className="row justify-content-center align-items-center px-3">
                            <div className="col-lg-12">
                                <div className="row bd-overview-card">
                                    <div className="col-lg-2">
                                        <div className="overview-image">
                                            <Image
                                                src="/images/big-data-home/overview/image-1.png"
                                                alt="image"
                                                width={56}
                                                height={56}
                                            />
                                        </div>
                                    </div>
                                    <div className="col-lg-10">
                                        <h3>Who We Are</h3>
                                        <p className="text-black">
                                            The Kinetic Group is an international oil and commodities trading
                                            organization that has been serving the global physical markets for more than
                                            three decades, always paying due attention to the needs of our clients.
                                        </p>
                                    </div>
                                </div>
                            </div>

                            <div className="col-lg-12">
                                <div className="row bd-overview-card">
                                    <div className="col-lg-2">
                                        <div className="overview-image">
                                            <Image
                                                src="/images/big-data-home/overview/image-2.png"
                                                alt="image"
                                                width={56}
                                                height={56}
                                            />
                                        </div>
                                    </div>
                                    <div className="col-lg-10">
                                        <h3>Where We Are</h3>
                                        <p className="text-black">
                                            Our key focus areas are Eastern Europe, West- & Southern Africa, the Middle
                                            East as well as the Asian outlets. We are particularly concentrating on
                                            niche markets where we operate and cooperate with local companies.
                                        </p>
                                    </div>
                                </div>
                            </div>

                            <div className="col-lg-12">
                                <div className="row bd-overview-card">
                                    <div className="col-lg-2">
                                        <div className="overview-image">
                                            <Image
                                                src="/images/big-data-home/overview/image-3.png"
                                                alt="image"
                                                width={56}
                                                height={56}
                                            />
                                        </div>
                                    </div>
                                    <div className="col-lg-10">
                                        <h3>What We Do</h3>
                                        <p className="text-black">
                                            Kinetic's typical day to day operations entail the structuring and execution
                                            of various oil and commodity trade related transactions whilst our core
                                            business is the refined derivative product and coal trading.
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </>
    )
}

export default Overview