export default function PricingHero() {
    return (
        <section className="relative bg-gradient-to-br from-dark-bg via-dark-surface to-dark-bg py-20 px-4 text-center md:py-28 overflow-hidden">
            <div className="glow-orb w-[500px] h-[500px] top-0 left-1/2 -translate-x-1/2 -translate-y-1/2"></div>
            <div className="relative z-10 mx-auto max-w-4xl gsap-fade-up">
                <div className="mb-4 inline-flex items-center rounded-full bg-primary/10 px-4 py-1.5 text-sm font-semibold text-primary-light">
                    <span className="material-symbols-outlined mr-2 text-lg">verified</span>
                    Custom Pricing Models
                </div>
                <h1 className="mb-6 text-4xl font-black leading-tight tracking-tight text-light-surface md:text-6xl lg:text-7xl">
                    Solutions Tailored to{" "}
                    <span className="text-transparent bg-clip-text bg-gradient-to-r from-primary to-primary-light drop-shadow-sm">
                        Your Business
                    </span>
                </h1>
                <p className="mx-auto max-w-2xl text-lg text-text-light-muted md:text-xl">
                    Every project is different. We craft custom proposals based on your unique requirements — no hidden fees, no cookie-cutter packages.
                </p>
            </div>
        </section>
    );
}
