import { Container } from '@/components/ui/container';
import { Reveal } from '@/components/ui/reveal';
import type { Locale } from '@/i18n/config';

export default function LegalPage({ params: { locale } }: { params: { locale: Locale } }) {
  const isAr = locale === 'ar';
  return (
    <Container className="max-w-2xl py-16">
      <Reveal variant="up">
        <h1 className="font-display text-3xl font-semibold">
          {isAr ? 'الإشعار القانوني' : 'Mentions légales'}
        </h1>
      </Reveal>
      <Reveal variant="up" delay={90}>
        <p className="mt-6 text-graphite-900/70">
          {isAr
            ? 'يرجى إضافة المعلومات القانونية الحقيقية للشركة هنا (الاسم التجاري، رقم التسجيل، العنوان، إلخ) قبل النشر.'
            : "Renseignez ici les informations légales réelles de l'entreprise (raison sociale, numéro RNE, adresse, etc.) avant la mise en ligne."}
        </p>
      </Reveal>
    </Container>
  );
}