rc 1.0

app/page.tsx

@@ -9,9 +9,11 @@ import Signup from './components/Signup'
 import PastDrops from './components/PastDrops'
 import Footer from './components/Footer'
 import UnlockBar from './components/UnlockBar'
+import { useI18n } from '@/lib/i18n'
 
 function PaymentHandler() {
   const searchParams = useSearchParams()
+  const { t } = useI18n()
 
   useEffect(() => {
     const payment = searchParams.get('payment')
@@ -21,16 +23,17 @@ function PaymentHandler() {
       // Clean up URL - IPN is handled by external service
       window.history.replaceState({}, '', window.location.pathname)
     } else if (payment === 'cancelled') {
-      alert('Payment was cancelled.')
+      alert(t('payment.cancelled'))
       // Clean up URL
       window.history.replaceState({}, '', window.location.pathname)
     }
-  }, [searchParams])
+  }, [searchParams, t])
 
   return null
 }
 
 export default function Home() {
+  const { t } = useI18n()
 
   return (
     <>
@@ -40,11 +43,8 @@ export default function Home() {
       <Nav />
       <UnlockBar />
       <header className="container">
-        <h1>Shop together. Wholesale prices for private buyers.</h1>
-        <p>
-          Limited CBD drops directly from Swiss producers. No retail.
-          No markup. Just collective bulk prices.
-        </p>
+        <h1>{t('header.title')}</h1>
+        <p>{t('header.subtitle')}</p>
       </header>
 
       <section className="container" id="drop">
@@ -57,7 +57,7 @@ export default function Home() {
       </section>
 
       <section className="container" id="past">
-        <h2>Past Drops</h2>
+        <h2>{t('pastDrops.title')}</h2>
         <PastDrops limit={3} showMoreLink={true} />
       </section>