feat: add newsletter subscription

package.json

@@ -6,7 +6,11 @@
     "dev": "next dev --turbopack",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint"
+    "lint": "next lint",
+    "translations:extract": "lingui extract-template",
+    "translations:compile": "lingui compile",
+    "translations:sync": "lingui extract --overwrite && lingui compile",
+    "translations:sync_and_purge": "lingui extract --overwrite --clean && lingui compile"
   },
   "dependencies": {
     "@formatjs/intl-localematcher": "^0.5.10",

src/app/[locale]/layout.tsx

@@ -7,9 +7,10 @@ import Head from 'next/head';
 
 import { ThemeProvider } from "@/components/providers";
 import { translations } from "@/i18n/translations";
+import { Oxanium } from "next/font/google";
 import { headers } from "next/headers";
+const oxanium = Oxanium({ subsets: ["latin-ext"] })
 
-import { oxanium } from "@/fonts";
 import type { Metadata } from 'next';
 
 

src/components/newsletter-form.tsx

@@ -21,7 +21,6 @@ import {
   FormLabel
 } from "@/components/ui/form";
 import { Input } from "@/components/ui/input";
-import { oxanium } from "@/fonts";
 import { Translations } from "@/i18n/translations";
 import {
   NewsletterFormSchema,
@@ -33,7 +32,7 @@ export function NewsletterPopup({ t }: { t: Translations }) {
   return (
     <Dialog>
       <DialogTrigger asChild>
-        <Button className={`${oxanium.className} text-xl mt-4  uppercase cursor-pointer`}>{t.newsletter.popupButton}</Button>
+        <Button className="text-xl mt-4 jgs7 uppercase cursor-pointer">{t.newsletter.popupButton}</Button>
       </DialogTrigger>
       <DialogContent className="sm:max-w-[425px]">
         <DialogHeader>
@@ -69,7 +68,7 @@ export default function SubscriptionForm({ t }: { t: Translations }) {
           render={({ field }) => (
             <FormItem>
               <FormControl>
-                <Input placeholder={t.newsletter.emailField} type="email" required {...field} />
+                <Input placeholder="E-mail" type="email" required {...field} />
               </FormControl>
             </FormItem>
           )}
@@ -81,7 +80,7 @@ export default function SubscriptionForm({ t }: { t: Translations }) {
           render={({ field }) => (
             <FormItem>
               <FormControl>
-                <Input placeholder={t.newsletter.nameField} {...field} />
+                <Input placeholder="Name (optional)" {...field} />
               </FormControl>
             </FormItem>
           )}
@@ -104,7 +103,7 @@ export default function SubscriptionForm({ t }: { t: Translations }) {
                   <FormLabel htmlFor="uodo">
                     {t.newsletter.policyPrivacyCheckboxTitle}
                   </FormLabel>
-                  <p className="mt-1 text-sm text-muted-foreground">
+                  <p className="text-sm text-muted-foreground">
                     {t.newsletter.policyPrivacyCheckboxDescription}
                   </p>
                 </div>

src/fonts.ts

@@ -1,3 +0,0 @@
-import { Oxanium } from "next/font/google";
-
-export const oxanium = Oxanium({ subsets: ["latin-ext"] })

src/i18n/translations.ts

@@ -67,8 +67,6 @@ const pl = {
   },
 
   newsletter: {
-    emailField: "E-mail",
-    nameField: "Imię/ksywa (opcjonalne)",
     popupButton: "Zapisz się do newslettera",
     title: "Newsletter CebulaCamp 2025",
     description: "Zasubskrybuj aby otrzymywać najnowsze wiadomości",
@@ -144,8 +142,6 @@ const en = {
   },
 
   newsletter: {
-    emailField: "E-mail",
-    nameField: "Name/nickname (optional)",
     popupButton: "Subscribe to newsletter",
     title: "Newsletter CebulaCamp 2025",
     description: "Subscribe for live news",