"use client"

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

const Banner: React.FC = () => {
    return (
        <>
            <div
                className="portfolio-agency-banner"
                style={{
                    backgroundImage: `url(/images/portfolio-agency/pa-slider1.jpg)`,
                }}
            >
                <div className="d-table">
                    <div className="d-table-cell">
                        <div className="container">
                            <div className="banner-content text-center">
                                <h1 data-aos="fade-up" data-aos-duration="800" data-aos-delay="100">
                                    Empowering Global Markets with Precision and Trust.
                                </h1>

                                <p data-aos="fade-up" data-aos-duration="800" data-aos-delay="200">
                                    The Kinetic Group is a global leader in oil and commodities trading, with over 30
                                    years of experience. Specializing in refined derivatives and coal, Kinetic delivers
                                    precise, reliable trading solutions, consistently meeting client needs in complex
                                    markets worldwide.
                                </p>

                                <div
                                    className="banner-btn"
                                    data-aos="fade-up"
                                    data-aos-duration="800"
                                    data-aos-delay="300"
                                >
                                    <Link href="/our-contact" className="default-btn mr-4">
                                        Get in Touch <span></span>
                                    </Link>

                                    {/* <Link href="/index9" className="default-btn-two">
                                        Try It Free <span></span>
                                    </Link> */}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </>
    )
}

export default Banner