import React from "react";

const TextSliderSection = () => (
    <section className="text-slider-section section-space fix">
        <div className="container-fluid">
            <div className="text-slider-box">
                {[1, 2, 3, 4, 5, 6].map((i) => (
                    <div key={i} className="slide-box">
                        <svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M30 0L38.1027 21.8973L60 30L38.1027 38.1027L30 60L21.8973 38.1027L0 30L21.8973 21.8973L30 0Z" fill="#3779b9" />
                        </svg>
                        <h1>{["Smart Solutions", "expert guidance", "strategic insights", "personalized advice", "comprehensive planning", "Transform Ideas"][i - 1]}</h1>
                    </div>
                ))}
            </div>
        </div>
    </section>
);

export default TextSliderSection;
