import React from "react";
import SectionTitle from "@/components/common/SectionTitle";

const BrandSection = () => {
    return (
        <section className="brand-section section-space-top section-space-bottom">
            <div className="container">
                <SectionTitle
                    tagline="OUR PARTNERS"
                    title="Trusted by <span class='inner-text'>Leaders</span> Worldwide"
                    centered={true}
                    className="mb-50"
                />
                <div className="small-container">
                    <div className="swiper brand-active">
                        <div className="swiper-wrapper">
                            {[1, 2, 3, 4, 1].map((num, i) => (
                                <div key={i} className="swiper-slide">
                                    <span><a href="#"><img src={`/assets/imgs/resources/brand-${num}.png`} alt="" /></a></span>
                                </div>
                            ))}
                        </div>
                    </div>
                </div>
            </div>
        </section>
    );
};

export default BrandSection;
