Affiliate Landing Page

// app/ref/page.tsx
"use client"
import { useEffect, useState } from "react"
import dash from "@/lib/dash"

export default function AffiliateLanding({ searchParams }) {
  const [referral, setReferral] = useState(null)

  useEffect(() => {
    const ref = searchParams.ref
    if (ref) {
      localStorage.setItem("referral_secret", ref)
      dash.referrals.validate({ secret: ref, subtotal: "0" }).then(setReferral)
    }
  }, [])

  return (
    <div className="text-center py-20">
      {referral?.valid && (
        <div className="bg-green-500/10 border border-green-500/30 rounded p-6 max-w-md mx-auto">
          <p>{referral.referrer_first_name} sent you a {referral.rate}% discount!</p>
          <a href="/products" className="mt-4 inline-block bg-green-600 px-6 py-3 rounded">
            Shop Now
          </a>
        </div>
      )}
    </div>
  )
}