import { Navbar } from "@/components/sections/Navbar";
import { PageTitleBanner } from "@/components/shared/PageTitleBanner";
import { LegalContent } from "@/components/shared/LegalContent";
import { PreFooterCTA } from "@/components/shared/PreFooterCTA";
import { termsOfUse } from "@/data/legal";

export const metadata = {
  title: "Terms of Use",
  description:
    "The terms that govern your use of the Tenext Technologies website.",
};

export default function TermsPage() {
  return (
    <>
      <Navbar />
      <main className="bg-white">
        <PageTitleBanner
          title="Terms of Use"
          breadcrumbs={[{ label: "Home", href: "/" }, { label: "Terms of Use" }]}
        />
        <LegalContent sections={termsOfUse} />
        <PreFooterCTA />
      </main>
    </>
  );
}