export default function Architecture() {
  return (
    <section className="px-6 py-20 md:px-12 lg:py-28">
      <div className="mx-auto max-w-[1200px]">
        <div className="text-center">
          <h2 className="text-3xl font-semibold tracking-tight text-text-primary md:text-4xl">
            Built to be extended
          </h2>
          <p className="mx-auto mt-4 max-w-xl text-text-body leading-relaxed">
            Broomy is a native desktop app built on well-understood technology.
            The codebase is designed to be readable, hackable, and easy to
            contribute to.
          </p>
        </div>
      </div>
    </section>
  )
}
