import { PublicShell } from "@/components/public/public-shell";
import { SUBSIDIARIES, getIndustryGroups } from "@/lib/sag/entities";

export const metadata = { title: "About" };

export default function AboutPage() {
  const industries = getIndustryGroups();

  return (
    <PublicShell>
      <section className="border-b bg-muted/30">
        <div className="container mx-auto max-w-4xl px-6 py-20">
          <p className="text-sm font-medium text-muted-foreground uppercase tracking-wider">About South Armz Global</p>
          <h1 className="mt-2 text-4xl md:text-5xl font-semibold tracking-tight">
            A Carolina-rooted holding company building independent ventures.
          </h1>
        </div>
      </section>

      <section className="container mx-auto max-w-4xl px-6 py-16 prose prose-zinc dark:prose-invert">
        <p className="text-xl text-muted-foreground leading-relaxed">
          South Armz Global was founded to put structure, capital, and shared operations behind a portfolio of small businesses that would otherwise have to figure it out alone.
        </p>

        <h2 className="mt-12 text-2xl font-semibold tracking-tight">Our model</h2>
        <p className="text-foreground/85 leading-relaxed">
          SAG is the parent holding company. Each subsidiary operates with its own identity, leadership, and brand — but shares the parent’s back-office: legal structure, accounting, HR, compliance, technology, and capital. The result is that each venture gets the benefits of scale without losing the texture of being independently owned.
        </p>

        <h2 className="mt-12 text-2xl font-semibold tracking-tight">What we own</h2>
        <p className="text-foreground/85 leading-relaxed">
          The portfolio currently spans {industries.length} industries and {SUBSIDIARIES.length} active ventures:
        </p>
        <ul className="mt-4 text-foreground/85">
          {industries.map(({ industry, orgs }) => (
            <li key={industry}><strong>{industry}:</strong> {orgs.map((o) => o.name).join(", ")}</li>
          ))}
        </ul>

        <h2 className="mt-12 text-2xl font-semibold tracking-tight">Why North Carolina</h2>
        <p className="text-foreground/85 leading-relaxed">
          Most of the portfolio is headquartered in Chatham and Lee Counties. The Carolinas — and specifically the Triangle and Sandhills — have everything we need: skilled labor, agricultural land, a strong small-business culture, and a state government that is broadly small-business-friendly. SAG’s job is to make capital and operations available to entrepreneurs who want to build here.
        </p>

        <h2 className="mt-12 text-2xl font-semibold tracking-tight">Get involved</h2>
        <p className="text-foreground/85 leading-relaxed">
          We are launching Regulation Crowdfunding raises for select portfolio companies. If you want to be part of a SAG venture as an investor, partner, or operator, the easiest path is the contact form — we will respond.
        </p>
      </section>
    </PublicShell>
  );
}