import Link from "next/link";

export default function PortfolioCaseStudyNext() {
    return (
        <section className="border-t border-border-light py-28 bg-white relative overflow-hidden z-10">
            <div className="mx-auto max-w-4xl px-4 text-center sm:px-6 lg:px-8 gsap-fade-up">
                <span className="mb-4 block text-sm font-bold uppercase tracking-widest text-primary">Next Case Study</span>
                <h2 className="mb-10 text-4xl font-black text-text-main sm:text-5xl">FinTech Mobile App Redesign</h2>
                <div className="flex flex-col items-center justify-center gap-4 sm:flex-row">
                    <Link href="/portfolio/case-study" className="btn-primary flex items-center gap-2 h-14 px-8">
                        View Project
                        <span className="material-symbols-outlined text-lg">arrow_forward</span>
                    </Link>
                    <Link href="/portfolio" className="inline-flex h-14 items-center justify-center rounded-xl bg-white px-8 text-base font-bold text-text-main transition-colors border-2 border-border-light hover:border-primary/40 hover:text-primary hover:bg-light-bg shadow-sm">
                        View All Projects
                    </Link>
                </div>
            </div>
        </section>
    );
}
