📦 EqualifyEverything / equalify-v2-dashboard-mocks

📄 upgrade.tsx · 39 lines
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39import { createFileRoute } from '@tanstack/react-router'

export const Route = createFileRoute('/upgrade')({
  component: RouteComponent,
})

function RouteComponent() {
  return (
    <main>
      <h1>You're out of scans!</h1>
      <div aria-live="assertive">Upgrade to scan more pages with Equalify.</div>
      <article>
        <h2>Upgrade</h2>
        <section>
          <h3>Basic Plan</h3>
          <p>200 monthly scans - $40/month</p>
          <a href="#">Buy Basic</a>
        </section>
        <section>
          <h3>Pro Plan</h3>
          <p>2000 monthly scans - $150/month</p>
          <p>Includes priority support</p>
          <a href="#">Buy Pro</a>
        </section>
        <section>
          <h3>Enterprise Plan</h3>
          <p>2000+ monthly scans - Custom Pricing</p>
          <p>Includes priority support, custom checks, and multi-user access</p>
          <a href="#">Buy Enterprise</a>
        </section>
      </article>
      {/* <article>
        <h2>Current User</h2>
        Logged in as Lucy Greco. <a href="#">Logout</a>.
      </article> */}
    </main>
  )
}