'use client'

import { useLang } from '@/context/LangContext'
import { siteConfig } from '@/lib/site'

const CONTENT = {
  de: {
    title: 'Nutzungsbedingungen',
    intro: 'Diese Bedingungen regeln die Nutzung von GreenLens und der dazugehoerigen Services.',
    section1: 'GreenLens wird als digitale App und Web-Service fuer Pflanzenscans, Informationen und accountbezogene Funktionen bereitgestellt.',
    section2: 'Vor dem Livegang muessen diese Bedingungen durch rechtlich gepruefte und vollstaendige Vertragstexte ersetzt werden.',
    contactLabel: 'Kontakt',
  },
  en: {
    title: 'Terms of Service',
    intro: 'These terms govern the use of GreenLens and its related services.',
    section1: 'GreenLens is provided as a digital app and web service for plant scans, information, and account-related functionality.',
    section2: 'Before launch, replace this placeholder with legally reviewed and complete terms for your business.',
    contactLabel: 'Contact',
  },
  es: {
    title: 'Terminos del Servicio',
    intro: 'Estos terminos regulan el uso de GreenLens y sus servicios relacionados.',
    section1: 'GreenLens se ofrece como app y servicio web para escaneo de plantas, informacion y funciones de cuenta.',
    section2: 'Antes del lanzamiento, sustituye este texto por terminos completos revisados legalmente.',
    contactLabel: 'Contacto',
  },
}

export default function TermsPage() {
  const { lang } = useLang()
  const c = CONTENT[lang]

  return (
    <main className="container" style={{ paddingTop: '8rem', paddingBottom: '8rem', maxWidth: '800px' }}>
      <h1>{c.title}</h1>
      <div style={{ marginTop: '2rem', lineHeight: '1.8', opacity: 0.9 }}>
        <p>{c.intro}</p>
        <p>{c.section1}</p>
        <p>{c.section2}</p>
        <p>
          <strong>{c.contactLabel}:</strong> <a href={`mailto:${siteConfig.legalEmail}`}>{siteConfig.legalEmail}</a>
        </p>
      </div>
    </main>
  )
}