interface PartnersProps {
    data: {
        heading: string;
        items: {
            name: string;
            logo: string;
            year: string;
        }[];
    };
}

const Partners = ({ data }: PartnersProps) => {
    return (
        <>
            {/* Awards Section */}
            <section className="visa-consultency-section section-padding fix">
                <div className="container">
                    <div className="row g-4">
                        {data.items.slice(0, 4).map((partner, index) => (
                            <div key={index} className="col-xl-3 col-lg-4 col-md-6">
                                <div className="visa-consultency-item">
                                    <div className="image">
                                        <img src={partner.logo} alt="img" />
                                    </div>
                                    <h3>{partner.name}</h3>
                                    <h6>{partner.year}</h6>
                                </div>
                            </div>
                        ))}
                    </div>
                </div>
            </section>

            {/* Brand Partners Section */}
            <div className="brand-section fix">
                <div className="container">
                    <div className="brand-wrapper style-1">
                        <div className="brand-item">
                            <div className="swiper brand-slider">
                                <div className="swiper-wrapper">
                                    {data.items.slice(4).map((partner, index) => (
                                        <div key={index} className="swiper-slide">
                                            <div className="brand-image text-center">
                                                <img src={partner.logo} alt={partner.name} />
                                            </div>
                                        </div>
                                    ))}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </>
    );
};

export default Partners;
