"use client"

import React, { useState } from "react"
import FsLightbox from "fslightbox-react"
import Image from "next/image"

const BusinessDetailsContent: React.FC = () => {
    // To open the lightbox change the value of the "toggler" prop.
    const [toggler, setToggler] = useState(false)

    return (
        <>
            <div className="project-details-area ptb-100">
                <div className="container">
                    <div className="row">
                        <div className="col-md-12">
                            <div className="project-details-image" style={{ maxHeight: "700px" }}>
                                <Image
                                    className="w-100 rounded-10"
                                    src="/images/projects-image/project5.jpg"
                                    alt="projects"
                                    width={600}
                                    height={600}
                                />

                                {/* <div className="btn" onClick={() => setToggler(!toggler)}>
                                    <i className="flaticon-play-button"></i>
                                </div> */}
                            </div>
                        </div>

                        {/* <div className="col-lg-6 col-md-6">
                            <div className="project-details-image">
                                <Image
                                    src="/images/projects-image/project6.jpg"
                                    alt="projects"
                                    width={600}
                                    height={600}
                                />
                            </div>
                        </div> */}

                        <div className="col-lg-12 col-md-12">
                            <div className="projects-details-desc">
                                <h3>Business</h3>

                                <p>
                                    Since its inception, Kinetic has specialized in the international trade of crude oil
                                    and its derivatives, working closely with major players in the oil industry,
                                    including renowned companies like Caltex, Glencore, OMV, Voest Alpine, Shell, Exxon,
                                    BP, Texaco, Bayoil, Tamoil, Neste, PDVSA, Total, TPI Refinery, SAR Refinery, Sasol,
                                    SK Group, Sinosteel Corporation, Petrogulf, and Batumi Refinery, among others. Over
                                    the past decade, Kinetic has also expanded into the metals and minerals market,
                                    achieving significant regional shares in the exploration, sourcing, and trading of
                                    key commodities like coke, coal, bauxite, scrap metals, and non-ferrous metal
                                    concentrates.
                                </p>

                                <p>
                                    Kinetic’s day-to-day operations involve structuring and executing various commodity
                                    transactions, with a primary focus on Eastern Europe, West and Southern Africa, the
                                    Middle East, and Asia. We strategically target niche markets and form partnerships
                                    with local companies to bridge regional supply and demand gaps and to establish new
                                    sourcing avenues for our international clients.
                                </p>

                                <p>
                                    As a privately-owned, independent company, Kinetic sources products from a wide
                                    range of suppliers, including both small-scale and major producers as well as
                                    state-owned enterprises. We manage physical trading, storage, and financing to
                                    deliver these products to clients around the globe. Our extensive industry
                                    relationships allow us to offer spot, short, and long-term contracts to meet the
                                    precise needs of our clients in international markets.
                                </p>

                                <p>
                                    At Kinetic, we are committed to maintaining the highest standards of quality. We
                                    conduct ongoing evaluations of our business practices and procedures to ensure
                                    excellence in all aspects of our operations, ensuring exceptional service for all
                                    our trading partners.
                                </p>

                                {/* <div className="features-text">
                                    <h4>
                                        <i className="flaticon-tick"></i> Fuel Refining
                                    </h4>
                                    <p>
                                        At Kinetic, we are committed to maintaining the highest standards of quality. We
                                        conduct ongoing evaluations of our business practices and procedures to ensure
                                        excellence in all aspects of our operations, ensuring exceptional service for
                                        all our trading partners.
                                    </p>
                                </div> */}

                                {/* <div className="features-text">
                                    <h4>
                                        <i className="flaticon-tick"></i> Gas Station Services
                                    </h4>
                                    <p>
                                        Petrol companies operate gas stations where customers can purchase fuel for
                                        their vehicles. These stations often provide additional services such as car
                                        washes, convenience stores, and restrooms.
                                    </p>
                                </div>

                                <div className="features-text">
                                    <h4>
                                        <i className="flaticon-tick"></i> Fuel Delivery
                                    </h4>
                                    <p>
                                        Some petroleum companies provide fuel delivery services to commercial and
                                        industrial clients, supplying bulk quantities of gasoline or diesel to meet the
                                        high-demand needs of these sectors.
                                    </p>
                                </div>

                                <div className="features-text">
                                    <h4>
                                        <i className="flaticon-tick"></i> Fleet Management
                                    </h4>
                                    <p>
                                        Petrol companies may provide fleet management services to help businesses
                                        optimize their vehicle operations, reduce fuel costs, and improve efficiency.
                                    </p>
                                </div>

                                <div className="features-text">
                                    <h4>
                                        <i className="flaticon-tick"></i> Fuel Card Programs
                                    </h4>
                                    <p>
                                        Many petrol companies offer fuel card programs that provide discounts and
                                        rewards to businesses and individuals for purchasing fuel at their stations.
                                    </p>
                                </div>

                                <div className="features-text">
                                    <h4>
                                        <i className="flaticon-tick"></i> Lubricants and Additives
                                    </h4>
                                    <p>
                                        Petrol companies produce and sell lubricants, motor oils, and fuel additives
                                        designed to improve engine performance and prolong the life of vehicles.
                                    </p>
                                </div>

                                <div className="features-text">
                                    <h4>
                                        <i className="flaticon-tick"></i> Alternative Fuels
                                    </h4>
                                    <p>
                                        Some petrol companies are investing in alternative fuels such as biofuels,
                                        hydrogen, and electric vehicle charging infrastructure to meet the growing
                                        demand for sustainable transportation options.
                                    </p>
                                </div>

                                <div className="features-text">
                                    <h4>
                                        <i className="flaticon-tick"></i> Environmental Services
                                    </h4>
                                    <p>
                                        Petrol companies may offer environmental services such as fuel spill cleanup,
                                        soil remediation, and pollution control to mitigate the environmental impact of
                                        their operations.
                                    </p>
                                </div> */}

                                {/* <p>
                                    Nost rud no eos, no impedit dissenti as mea, ea vide labor amus neglegentur vix.
                                    Ancillae intellegat vix et. Sit causae laoreet nolu ise. Ad po exerci nusquam eos
                                    te. Cu altera expet enda qui, munere oblique theo phrastu ea vix. Ne nec modus
                                    civibus modera tius, sit ei lorem doctus. Ne docen di verterem reformidans eos. Cu
                                    altera expetenda qui, munere oblique theophr astus ea vix modus civiu mod eratius.
                                </p>
                                <p>
                                    On the other hand, we denounce with righteous indignation and dislike men who are so
                                    beguiled and demoralized by the charms of pleasure of the moment, so blinded by
                                    desire, that they cannot foresee the pain and trouble that are bound to ensue; and
                                    equal blame belongs to those who fail in their duty through weakness of will, which
                                    is the same as saying through shrinking from toil and pain. These cases are
                                    perfectly simple and easy to distinguish. In a free hour, when our power of choice
                                    is untrammelled and when nothing prevents our being able to do what we like best,
                                    every pleasure is to be welcomed and every.
                                </p> */}

                                {/* <div className="project-details-info">
                                    <div className="single-info-box">
                                        <h4>Client</h4>
                                        <span>James Anderson</span>
                                    </div>

                                    <div className="single-info-box">
                                        <h4>Category</h4>
                                        <span>Network, Marketing</span>
                                    </div>

                                    <div className="single-info-box">
                                        <h4>Date</h4>
                                        <span>February 28, 2020</span>
                                    </div>

                                    <div className="single-info-box">
                                        <h4>Share</h4>
                                        <ul className="social">
                                            <li>
                                                <a href="#" target="_blank">
                                                    <i className="fab fa-facebook-f"></i>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" target="_blank">
                                                    <i className="fab fa-twitter"></i>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" target="_blank">
                                                    <i className="fab fa-instagram"></i>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" target="_blank">
                                                    <i className="fab fa-linkedin-in"></i>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>

                                    <div className="single-info-box">
                                        <a href="#" className="default-btn" target="_blank">
                                            Live Preview <span></span>
                                        </a>
                                    </div>
                                </div> */}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </>
    )
}

export default BusinessDetailsContent