import { getCmsDocument, DEFAULT_POLICY_PAGES, PolicyPagesContent } from '../../lib/cms';

export default async function TermsPage() {
  const content = await getCmsDocument<PolicyPagesContent>('policy_pages', DEFAULT_POLICY_PAGES);
  const termsText = content.terms_of_service || DEFAULT_POLICY_PAGES.terms_of_service;
  const paragraphs = termsText.split(/\n\n+/).filter(Boolean);

  return (
    <section className="content-page legal-page">
      <span className="eyebrow">Service terms</span>
      <h1>Terms of service</h1>
      {paragraphs.map((p, i) => (
        <p key={i}>{p}</p>
      ))}
      <h2>Ride safely</h2>
      <p>MotorSignal is an assistive tool, not a substitute for attention, judgment, training, or compliance with traffic laws. Never interact with the app in a way that distracts you while riding.</p>
      <h2>Account responsibility</h2>
      <p>You are responsible for activity under your account and for the accuracy of information you submit. We may restrict abusive or unsafe use.</p>
      <h2>Service changes</h2>
      <p>Features may evolve as we improve reliability and security. Material changes will be communicated through the service when appropriate.</p>
    </section>
  );
}