import Link from "next/link";

export default function ServicesDetailCTA() {
    return (
        <section className="bg-[#f5f7f6] py-24 px-4 flex justify-center border-t border-neutral-light">
            <div className="max-w-[720px] w-full text-center flex flex-col items-center gap-8">
                <h2 className="text-3xl md:text-4xl font-bold text-charcoal">Ready to transform your business?</h2>
                <p className="text-slate-custom text-lg">Let's discuss how our custom software solutions can solve your unique challenges and drive growth.</p>
                <div className="flex flex-col sm:flex-row gap-4 w-full sm:w-auto">
                    <Link href="/contact" className="flex items-center justify-center rounded-xl h-12 px-8 bg-services-primary hover:bg-primary-dark transition-colors text-charcoal text-base font-bold shadow-lg shadow-services-primary/20 w-full sm:w-auto">
                        Start Your Project Today
                    </Link>
                    <Link href="/pricing" className="flex items-center justify-center rounded-xl h-12 px-8 bg-transparent border-2 border-secondary-orange text-secondary-orange hover:bg-secondary-orange hover:text-white transition-colors text-base font-bold w-full sm:w-auto">
                        <span className="material-symbols-outlined text-lg mr-2">download</span>
                        Download Brochure
                    </Link>
                </div>
            </div>
        </section>
    );
}
