import DesktopHeader from "../../components/DesktopHeader";
import MobileHeader from "../../components/MobileHeader";
import Footer from "../../components/Footer";
import FilterCard from "../../components/FilterCard";

export default function RewardsPage() {
  return (
    <main>
      <DesktopHeader />
      <MobileHeader />
      <section className="section">
        <div className="container layout-2col">
          <aside>
            <FilterCard title="Filter Rewards" />
          </aside>
          <div className="content-empty">
            <h1 className="page-title">Rewards</h1>
            <p>Your rewards dashboard will appear here.</p>
          </div>
        </div>
      </section>
      <Footer />
    </main>
  );
}