import Link from "next/link";

export default function PricingCTA() {
    return (
        <section className="bg-light-bg py-24 px-4 md:px-10">
            <div className="mx-auto max-w-5xl rounded-3xl relative overflow-hidden bg-gradient-to-r from-dark-bg to-dark-surface p-12 text-center shadow-2xl md:text-left card-glass-dark gsap-fade-up">
                <div className="glow-orb w-[400px] h-[400px] right-0 bottom-0 translate-x-1/2 translate-y-1/2 opacity-50"></div>
                <div className="relative z-10 flex flex-col md:flex-row items-center justify-between gap-8">
                    <div className="flex flex-col gap-3 max-w-2xl">
                        <h2 className="text-3xl md:text-4xl font-black text-light-surface">Need something unique?</h2>
                        <p className="text-text-light-muted text-lg">We build custom solutions for complex enterprise challenges. Let our experts craft a proposal tailored to your vision.</p>
                    </div>
                    <Link href="/contact" className="group flex min-w-[200px] items-center justify-center gap-2 btn-primary btn-submit-pulse w-full md:w-auto">
                        <span className="relative z-10 flex items-center gap-2">
                            Contact Sales
                            <span className="material-symbols-outlined text-lg transition-transform group-hover:translate-x-1">arrow_forward</span>
                        </span>
                    </Link>
                </div>
            </div>
        </section>
    );
}
