AI paywall screen

// app/paywall.tsx (presented as a modal route)
import { Image, Linking } from "react-native";
import { router } from "expo-router";
import { AiPaywallScreen } from "@/components/goodui-native/ai-paywall-screen/ai-paywall-screen";

export default function Paywall() {
  return (
    <AiPaywallScreen
      title="Keep creating"
      subtitle="Your first portrait is ready. Plans include credits for every render."
      benefits={["HD exports", "No watermark", "Every style"]}
      defaultPlanId="year"
      hero={<Image source={result} style={{ width: "100%", height: "100%" }} accessibilityIgnoresInvertColors />}
      plans={[
        { id: "year", period: "year", name: "Yearly", price: 59.99, credits: 2400, savePercent: 62 },
        { id: "week", period: "week", name: "Weekly", price: 5.99, credits: 40, trialDays: 3 },
      ]}
      onClose={() => router.back()}
      onRestore={() => restorePurchases()}
      onTerms={() => Linking.openURL(TERMS_URL)}
      onPrivacy={() => Linking.openURL(PRIVACY_URL)}
      onSubscribe={(planId) => purchase(planId)}
    />
  );
}