rc 1.0

app/components/InfoBox.tsx

@@ -1,26 +1,23 @@
+'use client'
+
+import { useI18n } from '@/lib/i18n'
+
 export default function InfoBox() {
+  const { t } = useI18n()
+  
   return (
     <div className="info-box">
       <div>
-        <h3>Why so cheap?</h3>
-        <p>
-          Retail prices are around 10 CHF/g. Through collective
-          bulk orders, we buy like wholesalers – without
-          intermediaries.
-        </p>
+        <h3>{t('infoBox.whyCheap')}</h3>
+        <p>{t('infoBox.whyCheapText')}</p>
       </div>
       <div>
-        <h3>Taxes & Legal</h3>
-        <p>
-          Bulk sale with 2.5% VAT. No retail packaging, no
-          tobacco tax.
-        </p>
+        <h3>{t('infoBox.taxesLegal')}</h3>
+        <p>{t('infoBox.taxesLegalText')}</p>
       </div>
       <div>
-        <h3>Drop Model</h3>
-        <p>
-          One variety per drop. Only when sold out – then the next drop.
-        </p>
+        <h3>{t('infoBox.dropModel')}</h3>
+        <p>{t('infoBox.dropModelText')}</p>
       </div>
     </div>
   )