"use client";

import React from "react";

export default function Page() {
  return (
    <main className="mx-auto max-w-3xl px-4 py-10">
      <h1 className="text-3xl font-bold tracking-tight mb-4">
        About Ballistic Builder
      </h1>

      <p className="text-sm text-muted-foreground mb-8">
        Last updated: {new Date().getFullYear()}
      </p>

      <section className="space-y-4">
        <p className="text-base leading-relaxed">
          Ballistic Builder is a tooling and catalog platform designed to make
          it easier to explore, compare, and assemble builds from across
          multiple merchants. Our goal is to give builders fast, clear,
          high‑signal information so they can focus on decisions, not data
          wrangling.
        </p>

        <p className="text-base leading-relaxed">
          Behind the scenes, we normalize merchant feeds, track offers, and
          surface structured parts data. On the front end, we present that data
          in a way that’s optimized for building, not just browsing.
        </p>

        <p className="text-base leading-relaxed">
          This project is under active development. Expect frequent iteration,
          new features, and occasional sharp edges as we ship and refine.
        </p>
      </section>

      <section className="mt-10 space-y-3">
        <h2 className="text-xl font-semibold">Contact</h2>
        <p className="text-base leading-relaxed">
          For questions, feedback, or bug reports, reach out to us at{" "}
          <a
            href="mailto:support@example.com"
            className="underline underline-offset-4"
          >
            support@example.com
          </a>
          .
        </p>
      </section>
    </main>
  );
}
