paper-ai-release-24-07-21/components/BuyVipButton.tsx

import React from "react";
import { sendGAEvent } from "@next/third-parties/google";

// BuyVipButton 组件
function BuyVipButton() {
  // 这是购买VIP的目标URL
  const targetUrl = "https://store.paperai.life/checkout";
  return (
    <a href={targetUrl} target="_blank" className="no-underline">
      <button
        className="bg-gold text-white font-semibold text-lg py-2 px-4 rounded cursor-pointer border-none shadow-md transition duration-300 ease-in-out transform hover:scale-110"
        onClick={() =>
          sendGAEvent({ event: "buyVipButtonClicked", value: "buy vip" })
        }
      >
        Buy VIP TO UNLOCK Cloud Sync and Edit Mutiple Papers Simultaneously
      </button>
    </a>
  );
}

export default BuyVipButton;