// Paywall.js
import React from 'react';
import { useNavigate } from 'react-router-dom';

const Paywall = () => {
  const navigate = useNavigate();

  const handleSubscribe = () => {
    // Implement subscription logic here (Stripe, etc.)
    alert('Subscription logic placeholder!');
  };

  return (
    <div className="paywall">
      <h2>Unlock AptivaAI Premium</h2>
      <ul>
        <li>✅ Personalized Career Milestone Planning</li>
        <li>✅ Comprehensive Financial Projections</li>
        <li>✅ Detailed College Guidance & Analysis</li>
      </ul>

      <button onClick={handleSubscribe}>Subscribe Now</button>
      <button onClick={() => navigate(-1)}>Cancel / Go Back</button>
    </div>
  );
};

export default Paywall;