187 lines
14 KiB
Plaintext
187 lines
14 KiB
Plaintext
---
|
|
export const prerender = false;
|
|
import Layout from '../layouts/Main.astro';
|
|
import Search from '../components/Search.astro';
|
|
import NavBar from '../components/NavBar.astro';
|
|
import Footer from '../components/Footer.astro';
|
|
import { Show, SignInButton } from '@clerk/astro/components'
|
|
import Hero from '../components/Hero.astro';
|
|
import BackToTop from '../components/BackToTop.astro';
|
|
import NavItems from '../components/NavItems.astro';
|
|
---
|
|
<Layout title="RAT - Realtime, Accurate and Transparent TCG Pricing Data" >
|
|
<Hero slot="page" />
|
|
<div slot="page">
|
|
<!-- ═══════════════════════════════════════════
|
|
SOCIAL PROOF / STATS BAR
|
|
═══════════════════════════════════════════ -->
|
|
<section class="stats-bar py-4 border-top border-bottom border-subtle" aria-label="Platform statistics">
|
|
<div class="container">
|
|
<ul class="list-unstyled d-flex flex-wrap justify-content-center justify-content-md-between gap-4 mb-0 text-center">
|
|
<li>
|
|
<strong class="d-block fs-4 fw-bold text-orchid">Pokémon TCG</strong>
|
|
<span class="text-body-secondary small">All EN and JP Sets</span>
|
|
</li>
|
|
<li>
|
|
<strong class="d-block fs-4 fw-bold text-orchid">All Conditions</strong>
|
|
<span class="text-body-secondary small">NM · LP · MP · HP · DMG</span>
|
|
</li>
|
|
<li>
|
|
<strong class="d-block fs-4 fw-bold text-orchid">Real-Time</strong>
|
|
<span class="text-body-secondary small">Accurate Market Prices</span>
|
|
</li>
|
|
<li>
|
|
<strong class="d-block fs-4 fw-bold text-orchid">100% Free</strong>
|
|
<span class="text-body-secondary small">Pricing Features Always Free</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
<!-- ═══════════════════════════════════════════
|
|
CORE FEATURES
|
|
═══════════════════════════════════════════ -->
|
|
<section class="py-6" aria-labelledby="features-heading">
|
|
<div class="container">
|
|
<header class="text-center mb-5">
|
|
<h2 id="features-heading" class="h1 fw-bold">Everything you need to collect smarter</h2>
|
|
<p class="text-body-secondary lead mt-2">Built by collectors, for collectors. No fluff.</p>
|
|
</header>
|
|
|
|
<div class="row g-4">
|
|
|
|
<article class="col-md-5 offset-md-1">
|
|
<div class="feature-card h-100 p-4 rounded-3">
|
|
<div class="feature-icon mb-3" aria-hidden="true">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" fill="currentColor"><path d="M61.1 80C65.6 80 69.9 80.9 73.8 82.6C94.9 83.1 114.1 87.8 133.4 89C200.4 91.5 253.4 119.6 315.5 154.1C395 101.5 477 91.8 567.9 91.8C575.4 91.8 582.3 94.4 587.7 98.7C599.8 103.9 607.9 116.3 607 130.2C608.8 244.9 610.7 359.8 607.1 480.4C607 499.1 590.9 513.5 572.4 512.2C492.7 511.5 409.1 518.2 343.4 564.9C337.4 572 328.1 576.5 318.1 576.2C278.5 566 227.1 523.4 183.2 514.2C146.8 502.7 108.4 497.3 59 497.3C41 497.7 25.4 481 27.1 463.1C32.7 382.2 31.5 301.8 30.2 219.9C29.6 184.4 29.1 148.6 29.1 112.3C29.1 94.6 43.4 80.3 61.1 80.3zM351.3 487C411.1 455.7 476.9 449.1 543.4 448.6C542.9 366.4 549.9 301.3 544.5 225.1C543.3 202.7 542.1 179.4 542.2 155.9C467.7 157.9 407.4 169.4 349.4 208.2L351 318.9C352.1 348.3 351.7 428.5 351.3 487zM285.4 210.6C222.2 172.7 168.9 152.1 99.5 149.6C98 149.4 94.8 148.9 93.3 148.7C94.1 243.5 97.5 338.5 92.9 433.9C165.6 437.5 224.2 455.5 287.2 489.7C287.6 430.8 288.1 349.6 286.9 321.1C286.9 319.9 285.3 212 285.3 210.6z"/></svg>
|
|
</div>
|
|
<h3 class="h5 fw-semibold mb-2">Complete Card Database</h3>
|
|
<p class="text-body-secondary mb-0">Search across every English and Japanese set. Find any card instantly with the condition-by-condition pricing you need to buy, sell, or trade with confidence.</p>
|
|
</div>
|
|
</article>
|
|
|
|
<article class="col-md-5">
|
|
<div class="feature-card h-100 p-4 rounded-3">
|
|
<div class="feature-icon mb-3" aria-hidden="true">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" fill="currentColor"><path d="M352 75.9C341.8 27.5 275.6 48.1 289.7 94.7C228.2 99.8 143.7 131.4 148 205.2C146.2 288.3 198 322.6 268.5 334.4C275.9 336.1 282.3 337.7 289.4 339.1C287.8 386.9 288.9 436.4 289.2 486.6C281 486 272.6 485.3 263.8 484.5C230.4 486.3 155 458.7 152.2 513.8C158.4 561.8 224.6 538.9 257.8 548.2C267.9 549.1 278.2 550 288.6 550.7C280.7 604.6 357.9 605.5 352.6 551.4C436.9 548.7 522.3 498.7 510.9 401.3C491.9 312.8 416.8 300.9 354.7 285.5C355.7 247.4 353.5 210.7 354.9 172.9C355 167.1 355.2 161.2 355.3 155.2C390.7 151.6 466.5 183.2 472.1 128.2C470.4 86.7 423.3 98.1 394.1 93.7C380.6 92.7 367.6 91.5 353.6 91.1C353.2 86.1 352.6 81.1 352 76.1zM291.2 159.1C291.1 162.7 291 166.3 291 169.9C289.7 203.1 291.5 240.2 291 273.8C287.7 273 284.3 272.2 280.9 271.5C266.1 268.8 226.6 257.8 221.8 247.9C216.1 237.1 211.8 221.1 212.1 206.6C212.4 191.9 217 184.6 221.9 181.4C239.9 169.3 264.3 163 291.3 159.1zM353.2 350.2C395.6 359.3 446.4 378.1 447.9 411.8C452.7 424.7 433.7 465.1 421.1 468.7C398.1 479.6 376 484.9 353.3 487C353.2 469.7 353.1 452.1 352.9 436.4C352.5 402.6 352.4 382 353.3 350.2z"/></svg>
|
|
</div>
|
|
<h3 class="h5 fw-semibold mb-2">Condition-Graded Pricing</h3>
|
|
<p class="text-body-secondary mb-0">NM, LP, MP, HP, and DMG prices displayed side by side. Stop guessing what a played card is worth — see every tier at once so you never undersell or overpay.</p>
|
|
</div>
|
|
</article>
|
|
|
|
<article class="col-md-5 offset-md-1">
|
|
<div class="feature-card h-100 p-4 rounded-3">
|
|
<div class="feature-icon mb-3" aria-hidden="true">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" fill="currentColor"><path d="M131.3 233.2C168.5 232.6 164.2 190.9 162.6 164.5C190.2 164.1 230.5 171.2 232.2 132.3C230.2 92.4 188.2 101 160.1 100.5C159.4 73.8 164.9 32.3 127.4 31.6C89.7 32.2 94.7 74.8 96.1 101.4C84.7 101.4 73.4 102.9 62 103.7C44.4 104.9 31.1 120.2 32.3 137.9C33.5 155.6 48.9 168.8 66.5 167.6L97.5 165.4L98.6 165.4C99.1 191.9 94.2 232.7 131.3 233.3zM351.7 89.4C346.2 56.4 295.9 55.4 289.2 88.2C274.7 149.7 261.2 189.6 226.5 236.8L162.1 274.8C154.2 278 146 281.3 137.7 284.7C119.7 292.1 101.3 299.6 85.2 305.6C57.3 314.9 58 357.6 86.2 366C123.2 378.2 185.4 393.6 225.9 403.2L275.1 508.8L284.9 541C292.3 568.9 334.2 571.4 344.8 544.5C366.2 495.4 391.6 447.3 414 398C421.1 395.3 427.8 392.7 434.3 390.2C465.2 377.4 499.8 367.3 533.2 358.9C560.9 352.5 565.3 311.7 539.6 299.5C530.9 295.1 522.2 290.5 513.3 285.9L513.3 285.9C480.7 268.9 446.8 251.2 412 236L369.3 162.7C363.7 146 355.7 109.7 351.7 89.5L351.7 89.4L351.7 89.4zM318.2 449.9L277.3 362.1C273.1 353.2 265.1 346.6 255.5 344.4L255.2 344.4L254.3 344.2C235.6 339.9 217.8 335.5 194.9 329.8L264.5 288.7C290.5 265.4 306.2 230.8 319.4 204.3L362 277.2C380.9 299.8 414.9 303.7 439.5 319.7C428.6 323.6 418 327.7 407.7 331.7L407.7 331.7C391.2 339.5 369.1 341 361.1 359.5C347.8 389.5 332.9 419.7 318.3 449.8zM579.4 551.9C621.3 551.7 621.2 488.1 579.4 487.9L546.3 487.9C545.8 458.8 550.9 428.4 516.7 424C480.7 422.1 479.7 460.5 482.3 487.9L451.4 487.9C433.7 487.9 419.4 502.2 419.4 519.9C419.4 537.6 433.7 551.9 451.4 551.9L482.7 551.9C480.9 580.3 479.1 614.5 514.2 615.9C549.5 614.4 546.9 580.5 546.7 551.9L579.3 551.9z"/></svg>
|
|
</div>
|
|
<h3 class="h5 fw-semibold mb-2">All Variants</h3>
|
|
<p class="text-body-secondary mb-0">We display every card variant separately—no stacking—so you can see true edition-level prices, trends, and rarity at a glance..</p>
|
|
</div>
|
|
</article>
|
|
|
|
<article class="col-md-5">
|
|
<div class="feature-card h-100 p-4 rounded-3">
|
|
<div class="feature-icon mb-3" aria-hidden="true">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" fill="currentColor"><path d="M282.5 63.6C42.4 80.2-19.5 451.3 198.9 550.3C304.7 599.7 469.7 580.2 540.7 463.3C568.1 414.5 576.4 348.1 576.4 298.4C570.5 220.7 504.8 130 442.3 92.4C392.2 63.7 333.8 64.3 282.5 63.6zM182.6 175.9C206.7 151.4 247.1 133.5 283.8 127.6C336.9 128.2 388.8 127.6 429.6 160.2C456.6 183.9 513.6 262.4 512.4 298.4C512.4 343.9 504.4 397.3 484.9 431.9C440.5 507.9 311.1 532.7 226.4 492.4C106.4 438.8 101.7 266.4 182.6 175.9zM353.7 207.9C354.1 166.1 290.4 165.2 289.7 207.1L288.4 315.8C290.9 362.7 346.7 343.6 378.7 349.6C404.9 352.1 446.9 357.6 448.4 320.3C446 272.8 385.2 290 352.8 284.1L353.8 207.9L353.8 207.9z"/></svg>
|
|
</div>
|
|
<h3 class="h5 fw-semibold mb-2">Fast Search, Instant Results</h3>
|
|
<p class="text-body-secondary mb-0">Type a card name + number or search by eras like "e-reader" or "SWSH". Powerful filters let you drill into exactly the set, variant, rarity or card type you care about.</p>
|
|
</div>
|
|
</article>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ═══════════════════════════════════════════
|
|
UPCOMING PREMIUM / CTA TEASER
|
|
═══════════════════════════════════════════ -->
|
|
<section class="premium-section py-6" aria-labelledby="premium-heading">
|
|
<div class="container">
|
|
<div class="row align-items-center g-4">
|
|
|
|
<div class="col-lg-5">
|
|
<p class="eyebrow text-lilac mb-3">Coming Soon · Premium</p>
|
|
<h2 id="premium-heading" class="h1 fw-bold mb-3">
|
|
<span class="text-gradient">Your collection,<br/>fully managed.</span>
|
|
</h2>
|
|
<p class="text-body-secondary lead mb-4">
|
|
We're building a suite of inventory and curation tools for serious collectors. Sign up free today and be first in line when they launch.
|
|
</p>
|
|
<Show when="signed-out">
|
|
<SignInButton asChild mode="modal">
|
|
<button class="btn btn-purple btn-lg px-4">
|
|
Join Now! — It's Free
|
|
</button>
|
|
</SignInButton>
|
|
</Show>
|
|
</div>
|
|
|
|
<div class="col-lg-7">
|
|
<div class="premium-list">
|
|
|
|
<div class="premium-item p-4 rounded-3 mb-3">
|
|
<div class="d-flex align-items-start gap-3">
|
|
<span class="badge-coming">Coming Soon</span>
|
|
<div>
|
|
<h3 class="h6 fw-semibold mb-1">Collection Portfolio Tracker</h3>
|
|
<p class="text-body-secondary small mb-0">Add cards you own with their condition and purchase price. Watch your total collection value update in real time as market prices shift — so you always know your net position.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="premium-item p-4 rounded-3 mb-3">
|
|
<div class="d-flex align-items-start gap-3">
|
|
<span class="badge-coming">Coming Soon</span>
|
|
<div>
|
|
<h3 class="h6 fw-semibold mb-1">Latest Sales Aggregation</h3>
|
|
<p class="text-body-secondary small mb-0">See recent sale prices across different trusted marketplaces, including TCGPlayer and eBay. Make informed purchases based on real-time market activity, not just Market Price.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="premium-item p-4 rounded-3">
|
|
<div class="d-flex align-items-start gap-3">
|
|
<span class="badge-coming">Coming Soon</span>
|
|
<div>
|
|
<h3 class="h6 fw-semibold mb-1">Graded Card Inventory</h3>
|
|
<p class="text-body-secondary small mb-0">Log PSA, BGS, and CGC slabs with their cert numbers, grades, and current values. Track your graded portfolio separately from your raw collection.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
|
|
<!-- ═══════════════════════════════════════════
|
|
FINAL CTA
|
|
═══════════════════════════════════════════ -->
|
|
<section class="cta-section py-6" aria-labelledby="cta-heading">
|
|
<div class="container text-center">
|
|
<h2 id="cta-heading" class="display-5 fw-bold mb-3">Ready to join the RAT Pack?</h2>
|
|
<p class="lead text-body-secondary mb-4 mx-auto" style="max-width: 520px;">
|
|
Join free today. Browse every card, track prices across conditions, and get early access to premium collection tools as we build them.
|
|
</p>
|
|
<div class="d-flex flex-wrap justify-content-center gap-3">
|
|
<Show when="signed-out">
|
|
<SignInButton asChild mode="modal">
|
|
<button class="btn btn-purple btn-lg px-5">
|
|
Create Free Account
|
|
</button>
|
|
</SignInButton>
|
|
</Show>
|
|
<a href="/pokemon" class="btn btn-outline-light btn-lg px-5">Browse Cards First</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<BackToTop />
|
|
</div>
|
|
|
|
<Footer slot="footer" />
|
|
</Layout>
|