import { Link } from '@inertiajs/react';
import { ArrowRight } from 'lucide-react';
import FadeUp from './FadeUp';

export default function PricingCta() {
    return (
        <section className="pf-section pf-section-dark">
            <div className="pf-container text-center">
                <FadeUp>
                    <h2 className="pf-display mb-4 text-3xl font-bold md:text-4xl">
                        Start free, no card needed
                    </h2>
                    <p className="mx-auto mb-10 max-w-md opacity-80">
                        30 days. Full Professional access. Cancel with one
                        click.
                    </p>
                    <div className="flex flex-wrap justify-center gap-4">
                        <Link
                            href="/get-started"
                            className="pf-btn inline-flex items-center gap-2 px-8 py-3.5 text-base"
                        >
                            Start Free Trial <ArrowRight className="h-4 w-4" />
                        </Link>
                        <a
                            href="mailto:sales@upepofinance.com"
                            className="pf-btn-ghost inline-flex items-center gap-2 px-8 py-3.5 text-base"
                        >
                            Talk to sales
                        </a>
                    </div>
                </FadeUp>
            </div>
        </section>
    );
}