import Header from './Header'; import Footer from './Footer'; import { getLanguage, translations } from '../i18n'; interface Feature { title: string; description: string; } interface ProductPageProps { title: string; description: string; icon: string; trademark?: string; features?: Feature[]; children?: React.ReactNode; } function ProductPage({ title, description, icon, trademark, features, children }: ProductPageProps) { const lang = getLanguage(); const t = translations[lang].common; return ( <>
{icon}

{title}

{description}

{features ? (

{t.detailsTitle}

{features.map((f, i) => (

{f.title}

{f.description}

))}
) : (

{t.detailsTitle}

{t.detailsText}

  • check_circle {t.featureSecurity}
  • check_circle {t.featureIntegration}
  • check_circle {t.featureSupport}
image

{t.screenshotPlaceholder}

)} {children} {trademark && (

{trademark}

)}