export default function FAQHero() {
    return (
        <section className="bg-gradient-to-br from-dark-bg via-dark-surface to-dark-bg pt-20 pb-16 px-6 relative overflow-hidden">
            <div className="glow-orb w-[600px] h-[600px] top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"></div>

            <div className="max-w-3xl mx-auto text-center relative z-10 gsap-fade-up">
                <span className="inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-primary/10 text-primary-light text-sm font-semibold mb-6">
                    <span className="material-symbols-outlined text-base">help_center</span>
                    <span>Help Center</span>
                </span>
                <h1 className="text-4xl md:text-5xl font-black text-light-surface mb-4 tracking-tight">
                    Frequently Asked <span className="text-transparent bg-clip-text bg-gradient-to-r from-primary to-primary-light drop-shadow-sm">Questions</span>
                </h1>
                <p className="text-text-light-muted text-lg max-w-xl mx-auto mb-2">
                    Find answers to common questions about our services, pricing, and process.
                </p>
            </div>
        </section>
    );
}
