export default function NewsletterFeatures() {
    return (
        <section className="py-20 bg-light-bg border-t border-border-light relative z-10">
            <div className="max-w-[1200px] mx-auto px-4 sm:px-6 lg:px-8">
                <div className="grid md:grid-cols-3 gap-8 gsap-stagger">
                    <div className="card-modern rounded-2xl p-8 bg-white border border-border-light">
                        <div className="w-14 h-14 bg-primary/10 rounded-xl flex items-center justify-center text-primary mb-6 shadow-sm">
                            <span className="material-symbols-outlined text-3xl">trending_up</span>
                        </div>
                        <h3 className="text-xl font-bold text-text-main mb-3">Market Insights</h3>
                        <p className="text-text-muted text-base leading-relaxed">
                            Data-driven analysis of the current market landscape to help you make informed decisions before your competitors.
                        </p>
                    </div>

                    <div className="card-modern rounded-2xl p-8 bg-white border border-border-light">
                        <div className="w-14 h-14 bg-primary/10 rounded-xl flex items-center justify-center text-primary mb-6 shadow-sm">
                            <span className="material-symbols-outlined text-3xl">code_blocks</span>
                        </div>
                        <h3 className="text-xl font-bold text-text-main mb-3">Tech Tutorials</h3>
                        <p className="text-text-muted text-base leading-relaxed">
                            Step-by-step guides and code snippets from our senior developers on the latest frameworks and tools.
                        </p>
                    </div>

                    <div className="card-modern rounded-2xl p-8 bg-white border border-border-light">
                        <div className="w-14 h-14 bg-primary/10 rounded-xl flex items-center justify-center text-primary mb-6 shadow-sm">
                            <span className="material-symbols-outlined text-3xl">groups</span>
                        </div>
                        <h3 className="text-xl font-bold text-text-main mb-3">Community Access</h3>
                        <p className="text-text-muted text-base leading-relaxed">
                            Direct invites to our webinars, Q&A sessions, and local tech meetups hosted by Aasi Tech.
                        </p>
                    </div>
                </div>
            </div>
        </section>
    );
}
