import Link from "next/link";
import { ContentSection, Hero, PageContainer } from "@/components/ui";
import { publicConfiguration } from "@/config/public";

export default function LandingPage() {
  return (
    <PageContainer>
      <Hero
        actions={
          <>
            <Link className="button" href="/shop">
              Browse the shop shell
            </Link>
            <Link className="button button--secondary" href="/cart">
              View cart shell
            </Link>
          </>
        }
        description="A configuration-driven storefront structure ready for approved products, policies, content, and client design."
        eyebrow="Independent storefront"
        title={publicConfiguration.business.displayName}
      />
      <ContentSection
        description="These routes now certify catalog, cart, order, and local provider-neutral payment behavior while remaining fully editable."
        eyebrow="SC07"
        heading="A neutral commerce foundation for a client-owned store"
      >
        <div className="surface">
          <p>
            The landing, shop, product, cart, checkout, confirmation, and administration shells are
            editable inside this application. No shared tenant runtime or central client dashboard
            is involved.
          </p>
        </div>
      </ContentSection>
    </PageContainer>
  );
}