rc 1.0

app/components/Signup.tsx

@@ -1,8 +1,10 @@
 'use client'
 
 import { useState } from 'react'
+import { useI18n } from '@/lib/i18n'
 
 export default function Signup() {
+  const { t } = useI18n()
   const [email, setEmail] = useState('')
   const [whatsapp, setWhatsapp] = useState('')
   const [loading, setLoading] = useState(false)
@@ -60,19 +62,19 @@ export default function Signup() {
   return (
     <>
       <div className="signup">
-        <h2>Drop Notifications</h2>
-        <p>Receive updates about new drops via email or WhatsApp.</p>
+        <h2>{t('signup.title')}</h2>
+        <p>{t('signup.subtitle')}</p>
         <form onSubmit={handleSubmit}>
           <input
             type="email"
-            placeholder="E-Mail"
+            placeholder={t('signup.email')}
             value={email}
             onChange={(e) => setEmail(e.target.value)}
             disabled={loading}
           />
           <input
             type="text"
-            placeholder="WhatsApp Number"
+            placeholder={t('signup.whatsapp')}
             value={whatsapp}
             onChange={(e) => setWhatsapp(e.target.value)}
             disabled={loading}
@@ -80,7 +82,7 @@ export default function Signup() {
           <br />
           {error && <div style={{ color: '#ff4444', marginTop: '10px', fontSize: '14px' }}>{error}</div>}
           <button type="submit" disabled={loading}>
-            {loading ? 'Subscribing...' : 'Get Notified'}
+            {loading ? t('signup.subscribing') : t('signup.getNotified')}
           </button>
         </form>
       </div>
@@ -103,7 +105,7 @@ export default function Signup() {
           }}
         >
           <p style={{ margin: 0, fontSize: '16px', color: '#eaeaea' }}>
-            You will receive a notification as soon as a new drop drops.
+            {t('signup.successMessage')}
           </p>
           <button
             onClick={() => setShowPopup(false)}
@@ -118,7 +120,7 @@ export default function Signup() {
               fontSize: '14px',
             }}
           >
-            OK
+            {t('common.ok')}
           </button>
         </div>
       )}