import type { Metadata } from "next";

export const metadata: Metadata = {
  title: "About SiloMart",
  description: "A mill-direct neighborhood grocer. Short bins, dated drops, quiet prices.",
};

export default function AboutPage() {
  return (
    <div className="mx-auto max-w-[720px] px-4 py-14 sm:px-6">
      <p className="text-[11px] font-bold uppercase tracking-[0.18em] text-[var(--straw)]">
        The mill collective
      </p>
      <h1 className="mt-2 font-serif text-4xl">About SiloMart</h1>
      <div className="mt-6 space-y-4 text-sm leading-relaxed text-muted">
        <p>
          SiloMart is a neighborhood grocer built around the crib: a short set of
          bins, private-label mill brands, and a dated drop calendar. We do not
          run a coupon maze. The ticket on the tile is the ticket at the window.
        </p>
        <p>
          Delivery, curb pickup, and aisle walk share the same catalog — prices
          still follow the crib you pick. Silo Drops leave when the week turns.
          Bin Cuts are honest markdowns against last week’s compare-at.
        </p>
        <p>
          Bring a tote. Bag your own. The quarter-lock cart is a physical-store
          ritual we kept as copy, not as a gimmick UI.
        </p>
      </div>
    </div>
  );
}