"use client";

import { Package } from "react-feather";

import { scrollToSignup } from "./scrollToSignup";

export default function Landing5FinalCtaSection() {
  return (
    <section className="final-cta text-center">
      <div className="container py-5">
        <h2 className="fw-bold text-white mb-3">
          Ready to stop paying for shipping?
        </h2>
        <p className="text-white mb-4">
          Join free today and let your savings add up on every order.
        </p>
        <button
          type="button"
          className="btn bg-white btn-lg rounded-0 py-2 px-4 px-md-5 fw-semibold final-cta-btn d-inline-flex align-items-center gap-2"
          onClick={scrollToSignup}
        >
          <Package size={18} color="#1f5fd0" />
          Activate Free Shipping
        </button>
      </div>
    </section>
  );
}