From 90cfdf0785d541370d1698a7551d86c35b0bbffc Mon Sep 17 00:00:00 2001
From: "[dyad]" <git@dyad.sh>
Date: Sun, 18 Jan 2026 15:28:40 +0100
Subject: [PATCH] Reverted all changes back to version
 eb7e8cb60ddd54a91889a8ae8d14d01d8a109bb8

---
 package.json                              |   1 -
 pnpm-lock.yaml                            |  22 ---
 src/app/[locale]/layout.tsx               |  55 -------
 src/app/{[locale] => }/changelog/page.tsx |   6 +-
 src/app/{[locale] => }/imprint/page.tsx   |  18 +--
 src/app/layout.tsx                        |  46 ++++++
 src/app/{[locale] => }/page.tsx           |   8 +-
 src/app/{[locale] => }/privacy/page.tsx   |  24 ++-
 src/components/changelog.tsx              |  23 +--
 src/components/footer.tsx                 |  40 +----
 src/components/image-converter.tsx        | 171 +++++++++++----------
 src/lib/changelog-config.ts               |  38 -----
 src/lib/changelog-data.ts                 |  27 ++++
 src/lib/i18n/client.ts                    |   6 -
 src/lib/i18n/de.ts                        | 175 ----------------------
 src/lib/i18n/en.ts                        | 175 ----------------------
 src/lib/i18n/index.ts                     |   1 -
 src/lib/i18n/server.ts                    |   6 -
 src/middleware.ts                         |  17 ---
 19 files changed, 193 insertions(+), 666 deletions(-)
 delete mode 100644 src/app/[locale]/layout.tsx
 rename src/app/{[locale] => }/changelog/page.tsx (80%)
 rename src/app/{[locale] => }/imprint/page.tsx (67%)
 create mode 100644 src/app/layout.tsx
 rename src/app/{[locale] => }/page.tsx (78%)
 rename src/app/{[locale] => }/privacy/page.tsx (50%)
 delete mode 100644 src/lib/changelog-config.ts
 create mode 100644 src/lib/changelog-data.ts
 delete mode 100644 src/lib/i18n/client.ts
 delete mode 100644 src/lib/i18n/de.ts
 delete mode 100644 src/lib/i18n/en.ts
 delete mode 100644 src/lib/i18n/index.ts
 delete mode 100644 src/lib/i18n/server.ts
 delete mode 100644 src/middleware.ts

diff --git a/package.json b/package.json
index 7fe5477..e6537d8 100644
--- a/package.json
+++ b/package.json
@@ -44,7 +44,6 @@
     "input-otp": "^1.4.2",
     "lucide-react": "^0.511.0",
     "next": "15.3.8",
-    "next-international": "^1.3.1",
     "next-themes": "^0.4.6",
     "react": "^19.2.1",
     "react-day-picker": "^8.10.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 261330e..f1383c3 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -113,9 +113,6 @@ importers:
       next:
         specifier: 15.3.8
         version: 15.3.8(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
-      next-international:
-        specifier: ^1.3.1
-        version: 1.3.1
       next-themes:
         specifier: ^0.4.6
         version: 0.4.6(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
@@ -1498,9 +1495,6 @@ packages:
       react: ^16.8 || ^17.0 || ^18.0 || ^19.0.0 || ^19.0.0-rc
       react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0.0 || ^19.0.0-rc
 
-  international-types@0.8.1:
-    resolution: {integrity: sha512-tajBCAHo4I0LIFlmQ9ZWfjMWVyRffzuvfbXCd6ssFt5u1Zw15DN0UBpVTItXdNa1ls+cpQt3Yw8+TxsfGF8JcA==}
-
   internmap@2.0.3:
     resolution: {integrity: sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==}
     engines: {node: '>=12'}
@@ -1622,9 +1616,6 @@ packages:
   neo-async@2.6.2:
     resolution: {integrity: sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==}
 
-  next-international@1.3.1:
-    resolution: {integrity: sha512-ydU9jQe+4MohMWltbZae/yuWeKhmp0QKQqJNNi8WCCMwrly03qfMAHw/tWbT2qgAlG++CxF5jMXmGQZgOHeVOw==}
-
   next-themes@0.4.6:
     resolution: {integrity: sha512-pZvgD5L0IEvX5/9GWyHMf3m8BKiVQwsCMHfoFosXtXBMnaS0ZnIJ9ST4b4NqLVKDEm8QBxoNNGNaBv2JNF6XNA==}
     peerDependencies:
@@ -1876,9 +1867,6 @@ packages:
   serialize-javascript@6.0.2:
     resolution: {integrity: sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g==}
 
-  server-only@0.0.1:
-    resolution: {integrity: sha512-qepMx2JxAa5jjfzxG79yPPq+8BuFToHd1hm7kI+Z4zAq1ftQiP7HcxMhDDItrbtwVeLg/cY2JnKnrcFkmiswNA==}
-
   sharp@0.34.2:
     resolution: {integrity: sha512-lszvBmB9QURERtyKT2bNmsgxXK0ShJrL/fvqlonCo7e6xBF8nT8xU6pW+PMIbLsz0RxQk3rgH9kd8UmvOzlMJg==}
     engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
@@ -3412,8 +3400,6 @@ snapshots:
       react: 19.2.1
       react-dom: 19.2.1(react@19.2.1)
 
-  international-types@0.8.1: {}
-
   internmap@2.0.3: {}
 
   is-arrayish@0.3.2:
@@ -3512,12 +3498,6 @@ snapshots:
 
   neo-async@2.6.2: {}
 
-  next-international@1.3.1:
-    dependencies:
-      client-only: 0.0.1
-      international-types: 0.8.1
-      server-only: 0.0.1
-
   next-themes@0.4.6(react-dom@19.2.1(react@19.2.1))(react@19.2.1):
     dependencies:
       react: 19.2.1
@@ -3756,8 +3736,6 @@ snapshots:
     dependencies:
       randombytes: 2.1.0
 
-  server-only@0.0.1: {}
-
   sharp@0.34.2:
     dependencies:
       color: 4.2.3
diff --git a/src/app/[locale]/layout.tsx b/src/app/[locale]/layout.tsx
deleted file mode 100644
index 3fb05ff..0000000
--- a/src/app/[locale]/layout.tsx
+++ /dev/null
@@ -1,55 +0,0 @@
-import type { Metadata } from "next";
-import { Geist, Geist_Mono } from "next/font/google";
-import "../globals.css";
-import { ThemeProvider } from "@/components/theme-provider";
-import { Toaster } from "@/components/ui/sonner";
-import { Footer } from "@/components/footer";
-import { I18nProviderClient } from "@/lib/i18n/client";
-import { getI18n } from "@/lib/i18n/server";
-
-const geistSans = Geist({
-  variable: "--font-geist-sans",
-  subsets: ["latin"],
-});
-
-const geistMono = Geist_Mono({
-  variable: "--font-geist-mono",
-  subsets: ["latin"],
-});
-
-export async function generateMetadata({ params: { locale } }: { params: { locale: string } }): Promise<Metadata> {
-  const t = await getI18n();
-  return {
-    title: t('meta.title'),
-    description: t('meta.description'),
-  };
-}
-
-export default function RootLayout({
-  children,
-  params: { locale }
-}: Readonly<{
-  children: React.ReactNode;
-  params: { locale: string };
-}>) {
-  return (
-    <html lang={locale} suppressHydrationWarning>
-      <body
-        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
-      >
-        <I18nProviderClient locale={locale}>
-          <ThemeProvider
-            attribute="class"
-            defaultTheme="system"
-            enableSystem
-            disableTransitionOnChange
-          >
-            {children}
-            <Footer />
-            <Toaster />
-          </ThemeProvider>
-        </I18nProviderClient>
-      </body>
-    </html>
-  );
-}
\ No newline at end of file
diff --git a/src/app/[locale]/changelog/page.tsx b/src/app/changelog/page.tsx
similarity index 80%
rename from src/app/[locale]/changelog/page.tsx
rename to src/app/changelog/page.tsx
index 249dcd7..ba7c4dd 100644
--- a/src/app/[locale]/changelog/page.tsx
+++ b/src/app/changelog/page.tsx
@@ -2,17 +2,15 @@ import { Changelog } from "@/components/changelog";
 import Link from "next/link";
 import { Button } from "@/components/ui/button";
 import { ArrowLeft } from "lucide-react";
-import { getI18n } from "@/lib/i18n/server";
 
-export default async function ChangelogPage() {
-  const t = await getI18n();
+export default function ChangelogPage() {
   return (
     <div className="relative flex flex-col items-center min-h-screen p-4 sm:p-8 bg-gray-50 dark:bg-background font-[family-name:var(--font-geist-sans)]">
       <div className="w-full max-w-4xl mx-auto">
         <Button asChild variant="ghost" className="mb-4 -ml-4">
           <Link href="/">
             <ArrowLeft className="mr-2 h-4 w-4" />
-            {t('changelog.back')}
+            Back to Converter
           </Link>
         </Button>
       </div>
diff --git a/src/app/[locale]/imprint/page.tsx b/src/app/imprint/page.tsx
similarity index 67%
rename from src/app/[locale]/imprint/page.tsx
rename to src/app/imprint/page.tsx
index 380dc17..4b252f5 100644
--- a/src/app/[locale]/imprint/page.tsx
+++ b/src/app/imprint/page.tsx
@@ -2,30 +2,28 @@ import Link from "next/link";
 import { Button } from "@/components/ui/button";
 import { ArrowLeft } from "lucide-react";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { getI18n } from "@/lib/i18n/server";
 
-export default async function ImprintPage() {
-  const t = await getI18n();
+export default function ImprintPage() {
   return (
     <div className="relative flex flex-col items-center min-h-screen p-4 sm:p-8 bg-gray-50 dark:bg-background">
       <div className="w-full max-w-4xl mx-auto">
         <Button asChild variant="ghost" className="mb-4 -ml-4">
           <Link href="/">
             <ArrowLeft className="mr-2 h-4 w-4" />
-            {t('imprint.back')}
+            Back to Converter
           </Link>
         </Button>
         <main className="w-full">
           <Card>
             <CardHeader>
-              <CardTitle className="text-3xl font-bold">{t('imprint.title')}</CardTitle>
+              <CardTitle className="text-3xl font-bold">Imprint</CardTitle>
             </CardHeader>
             <CardContent className="space-y-6 text-muted-foreground">
               <p>
-                {t('imprint.info')}
+                Information according to § 5 TMG (German Telemedia Act)
               </p>
               <div className="space-y-2">
-                <h3 className="font-semibold text-foreground">{t('imprint.contact.title')}</h3>
+                <h3 className="font-semibold text-foreground">Contact Information:</h3>
                 <p>[Your Company Name]</p>
                 <p>[Street Name & Number]</p>
                 <p>[Postal Code & City]</p>
@@ -33,13 +31,13 @@ export default async function ImprintPage() {
                 <p>Phone: [your-phone-number]</p>
               </div>
               <div className="space-y-2">
-                <h3 className="font-semibold text-foreground">{t('imprint.represented_by.title')}</h3>
+                <h3 className="font-semibold text-foreground">Represented by:</h3>
                 <p>[Your Name/CEO's Name]</p>
               </div>
               <div className="pt-4 border-t">
-                <h3 className="font-semibold text-foreground">{t('imprint.disclaimer.title')}</h3>
+                <h3 className="font-semibold text-foreground">Disclaimer:</h3>
                 <p className="text-sm">
-                  {t('imprint.disclaimer.text')}
+                  This is a sample imprint and not legally binding. Please replace the placeholder content with your own information and consult a legal professional to ensure compliance with all applicable laws.
                 </p>
               </div>
             </CardContent>
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
new file mode 100644
index 0000000..0aaa019
--- /dev/null
+++ b/src/app/layout.tsx
@@ -0,0 +1,46 @@
+import type { Metadata } from "next";
+import { Geist, Geist_Mono } from "next/font/google";
+import "./globals.css";
+import { ThemeProvider } from "@/components/theme-provider";
+import { Toaster } from "@/components/ui/sonner";
+import { Footer } from "@/components/footer";
+
+const geistSans = Geist({
+  variable: "--font-geist-sans",
+  subsets: ["latin"],
+});
+
+const geistMono = Geist_Mono({
+  variable: "--font-geist-mono",
+  subsets: ["latin"],
+});
+
+export const metadata: Metadata = {
+  title: "Image Web Exporter",
+  description: "Upload a picture, then export it in a different resolution and format.",
+};
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <html lang="en" suppressHydrationWarning>
+      <body
+        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
+      >
+        <ThemeProvider
+          attribute="class"
+          defaultTheme="system"
+          enableSystem
+          disableTransitionOnChange
+        >
+          {children}
+          <Footer />
+          <Toaster />
+        </ThemeProvider>
+      </body>
+    </html>
+  );
+}
\ No newline at end of file
diff --git a/src/app/[locale]/page.tsx b/src/app/page.tsx
similarity index 78%
rename from src/app/[locale]/page.tsx
rename to src/app/page.tsx
index d3ab4f4..42403e1 100644
--- a/src/app/[locale]/page.tsx
+++ b/src/app/page.tsx
@@ -1,17 +1,15 @@
 import { ImageConverter } from "@/components/image-converter";
-import { getI18n } from "@/lib/i18n/server";
 
-export default async function Home() {
-  const t = await getI18n();
+export default function Home() {
   return (
     <div className="relative flex flex-col items-center justify-center min-h-screen p-4 sm:p-8 bg-gray-50 dark:bg-background font-[family-name:var(--font-geist-sans)]">
       <main className="flex flex-col items-center w-full max-w-6xl z-10">
         <div className="text-center mb-8">
           <h1 className="text-4xl font-bold tracking-tight text-gray-900 dark:text-gray-100 sm:text-5xl">
-            {t('home.title')}
+            Image Web Exporter
           </h1>
           <p className="mt-3 text-lg text-gray-600 dark:text-gray-400">
-            {t('home.subtitle')}
+            Upload a picture, then export it in a different resolution and format.
           </p>
         </div>
         <ImageConverter />
diff --git a/src/app/[locale]/privacy/page.tsx b/src/app/privacy/page.tsx
similarity index 50%
rename from src/app/[locale]/privacy/page.tsx
rename to src/app/privacy/page.tsx
index d41aa93..8469cdd 100644
--- a/src/app/[locale]/privacy/page.tsx
+++ b/src/app/privacy/page.tsx
@@ -2,47 +2,45 @@ import Link from "next/link";
 import { Button } from "@/components/ui/button";
 import { ArrowLeft } from "lucide-react";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { getI18n } from "@/lib/i18n/server";
 
-export default async function PrivacyPage() {
-  const t = await getI18n();
+export default function PrivacyPage() {
   return (
     <div className="relative flex flex-col items-center min-h-screen p-4 sm:p-8 bg-gray-50 dark:bg-background">
       <div className="w-full max-w-4xl mx-auto">
         <Button asChild variant="ghost" className="mb-4 -ml-4">
           <Link href="/">
             <ArrowLeft className="mr-2 h-4 w-4" />
-            {t('privacy.back')}
+            Back to Converter
           </Link>
         </Button>
         <main className="w-full">
           <Card>
             <CardHeader>
-              <CardTitle className="text-3xl font-bold">{t('privacy.title')}</CardTitle>
+              <CardTitle className="text-3xl font-bold">Data Privacy Policy</CardTitle>
             </CardHeader>
             <CardContent className="space-y-6 text-muted-foreground">
               <div className="space-y-2">
-                <h3 className="font-semibold text-foreground">{t('privacy.general.title')}</h3>
+                <h3 className="font-semibold text-foreground">1. General Information</h3>
                 <p>
-                  {t('privacy.general.text')}
+                  This is a placeholder for your data privacy policy. It outlines how personal data is collected, used, and protected when you use this website.
                 </p>
               </div>
               <div className="space-y-2">
-                <h3 className="font-semibold text-foreground">{t('privacy.collection.title')}</h3>
+                <h3 className="font-semibold text-foreground">2. Data Collection on This Website</h3>
                 <p>
-                  {t('privacy.collection.text')}
+                  All image processing happens directly in your browser. The images you upload are not sent to any server and are not stored by us. We do not collect any personal data from the images.
                 </p>
               </div>
               <div className="space-y-2">
-                <h3 className="font-semibold text-foreground">{t('privacy.rights.title')}</h3>
+                <h3 className="font-semibold text-foreground">3. Your Rights</h3>
                 <p>
-                  {t('privacy.rights.text')}
+                  As no personal data is collected, rights regarding access, rectification, or erasure of personal data are not applicable in this context.
                 </p>
               </div>
               <div className="pt-4 border-t">
-                <h3 className="font-semibold text-foreground">{t('privacy.disclaimer.title')}</h3>
+                <h3 className="font-semibold text-foreground">Disclaimer:</h3>
                 <p className="text-sm">
-                  {t('privacy.disclaimer.text')}
+                  This is a sample privacy policy and not legally binding. It is crucial to adapt this text to your specific data processing activities and to consult with a legal professional to ensure full GDPR compliance.
                 </p>
               </div>
             </CardContent>
diff --git a/src/components/changelog.tsx b/src/components/changelog.tsx
index 1aa5dbc..3de260e 100644
--- a/src/components/changelog.tsx
+++ b/src/components/changelog.tsx
@@ -3,28 +3,17 @@
 import { Badge } from "@/components/ui/badge";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { cn } from "@/lib/utils";
-import { useI18n } from "@/lib/i18n/client";
-import { changelogData, type Change } from "@/lib/changelog-config";
+import { changelogData } from "@/lib/changelog-data";
 
 export function Changelog() {
-  const t = useI18n();
-
-  const getBadgeText = (type: Change['type']) => {
-    switch (type) {
-      case 'New': return t('changelog.types.new');
-      case 'Improved': return t('changelog.types.improved');
-      case 'Fixed': return t('changelog.types.fixed');
-    }
-  };
-
   return (
     <div className="w-full max-w-4xl mx-auto py-12 px-4 sm:px-6 lg:px-8">
       <div className="text-center mb-12">
         <h1 className="text-4xl font-bold tracking-tight text-gray-900 dark:text-gray-100 sm:text-5xl">
-          {t('changelog.title')}
+          Changelog
         </h1>
         <p className="mt-3 text-lg text-gray-600 dark:text-gray-400">
-          {t('changelog.subtitle')}
+          Tracking all the new features, improvements, and bug fixes.
         </p>
       </div>
       <div className="space-y-8">
@@ -32,7 +21,7 @@ export function Changelog() {
           <Card key={entry.version}>
             <CardHeader>
               <div className="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-2">
-                <CardTitle className="text-2xl font-bold">{t('changelog.version')} {entry.version}</CardTitle>
+                <CardTitle className="text-2xl font-bold">Version {entry.version}</CardTitle>
                 <p className="text-sm text-muted-foreground">{entry.date}</p>
               </div>
             </CardHeader>
@@ -48,9 +37,9 @@ export function Changelog() {
                         "border-red-500/50 bg-red-500/10 text-red-700 dark:text-red-300": change.type === "Fixed",
                       })}
                     >
-                      {getBadgeText(change.type)}
+                      {change.type}
                     </Badge>
-                    <p className="text-foreground">{t(`changelog.logs.${change.textKey}`)}</p>
+                    <p className="text-foreground">{change.text}</p>
                   </li>
                 ))}
               </ul>
diff --git a/src/components/footer.tsx b/src/components/footer.tsx
index 98e9d6b..e63ab3a 100644
--- a/src/components/footer.tsx
+++ b/src/components/footer.tsx
@@ -1,44 +1,16 @@
-"use client";
-
 import Link from "next/link";
-import { Github, Twitter, Globe } from "lucide-react";
+import { Github, Twitter } from "lucide-react";
 import { Button } from "@/components/ui/button";
-import { changelogData } from "@/lib/changelog-config";
-import { useI18n, useChangeLocale } from "@/lib/i18n/client";
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu";
+import { changelogData } from "@/lib/changelog-data";
 
 export function Footer() {
-  const t = useI18n();
-  const changeLocale = useChangeLocale();
   const latestVersion = changelogData[0]?.version;
 
   return (
     <footer className="w-full border-t bg-background">
       <div className="container relative mx-auto flex h-16 items-center justify-between px-4 md:px-6">
-        <div className="flex items-center gap-4">
-          <DropdownMenu>
-            <DropdownMenuTrigger asChild>
-              <Button variant="ghost" size="icon" aria-label="Change language">
-                <Globe className="h-4 w-4" />
-              </Button>
-            </DropdownMenuTrigger>
-            <DropdownMenuContent align="start">
-              <DropdownMenuItem onClick={() => changeLocale("en")}>
-                English
-              </DropdownMenuItem>
-              <DropdownMenuItem onClick={() => changeLocale("de")}>
-                Deutsch
-              </DropdownMenuItem>
-            </DropdownMenuContent>
-          </DropdownMenu>
-          <div className="text-sm text-muted-foreground hidden sm:block">
-            <p>© {new Date().getFullYear()} Pascal Linxweiler</p>
-          </div>
+        <div className="text-sm text-muted-foreground">
+          <p>© {new Date().getFullYear()} Pascal Linxweiler</p>
         </div>
 
         <div className="absolute left-1/2 top-1/2 flex -translate-x-1/2 -translate-y-1/2 items-center gap-1">
@@ -55,8 +27,8 @@ export function Footer() {
         </div>
 
         <div className="flex items-center gap-4 text-sm text-muted-foreground">
-          <Link href="/imprint" className="hover:text-primary transition-colors">{t('footer.imprint')}</Link>
-          <Link href="/privacy" className="hover:text-primary transition-colors">{t('footer.privacy')}</Link>
+          <Link href="/imprint" className="hover:text-primary transition-colors">Imprint</Link>
+          <Link href="/privacy" className="hover:text-primary transition-colors">Privacy</Link>
           {latestVersion && (
             <Link
               href="/changelog"
diff --git a/src/components/image-converter.tsx b/src/components/image-converter.tsx
index ceb4dbc..250b7ae 100644
--- a/src/components/image-converter.tsx
+++ b/src/components/image-converter.tsx
@@ -36,7 +36,14 @@ import {
   TooltipProvider,
   TooltipTrigger,
 } from "@/components/ui/tooltip";
-import { useScopedI18n } from "@/lib/i18n/client";
+
+const aspectRatios = [
+  { name: "Custom", value: "custom" },
+  { name: "1:1 (Square)", value: "1/1" },
+  { name: "4:3 (Standard)", value: "4/3" },
+  { name: "3:2 (Photography)", value: "3/2" },
+  { name: "16:9 (Widescreen)", value: "16/9" },
+];
 
 const initialSettings = {
   width: "",
@@ -57,16 +64,6 @@ const initialSettings = {
 };
 
 export function ImageConverter() {
-  const t = useScopedI18n('converter');
-
-  const aspectRatios = [
-    { name: t('aspect_ratios.custom'), value: "custom" },
-    { name: t('aspect_ratios.square'), value: "1/1" },
-    { name: t('aspect_ratios.standard'), value: "4/3" },
-    { name: t('aspect_ratios.photography'), value: "3/2" },
-    { name: t('aspect_ratios.widescreen'), value: "16/9" },
-  ];
-
   const [images, setImages] = useState<File[]>([]);
   const [previewUrls, setPreviewUrls] = useState<string[]>([]);
   const [filenames, setFilenames] = useState<string[]>([]);
@@ -107,7 +104,7 @@ export function ImageConverter() {
     );
 
     if (imageFiles.length === 0) {
-      toast.error(t('toasts.no_valid_files'));
+      toast.error("No valid image files found.");
       return;
     }
 
@@ -129,7 +126,7 @@ export function ImageConverter() {
     setPreviewUrls(newPreviewUrls);
     setFilenames(newFilenames);
 
-    toast.success(t('toasts.images_added', { count: imageFiles.length }));
+    toast.success(`${imageFiles.length} image(s) added.`);
   };
 
   const handleImageChange = (e: ChangeEvent<HTMLInputElement>) => {
@@ -171,7 +168,7 @@ export function ImageConverter() {
     setFilenames([]);
     setWidth(initialSettings.width);
     setHeight(initialSettings.height);
-    toast.info(t('toasts.all_cleared'));
+    toast.info("All images cleared.");
   };
 
   const handleFilenameChange = (index: number, newName: string) => {
@@ -289,23 +286,23 @@ export function ImageConverter() {
           document.body.removeChild(link);
           resolve();
         } else {
-          reject(new Error(t('toasts.error_processing', { filename: image.name })));
+          reject(new Error(`Could not process ${image.name}.`));
         }
       };
       img.onerror = () => {
-        reject(new Error(t('toasts.error_loading', { filename: image.name })));
+        reject(new Error(`Failed to load ${image.name} for conversion.`));
       };
     });
   };
 
   const handleConvertAndDownloadAll = async () => {
     if (images.length === 0) {
-      toast.error(t('toasts.upload_images_first'));
+      toast.error("Please upload images first.");
       return;
     }
 
     setIsConverting(true);
-    toast.info(t('toasts.conversion_start_all', { count: images.length }));
+    toast.info(`Starting conversion for ${images.length} images...`);
 
     const conversionPromises = images.map((image, index) => 
       convertAndDownload(image, previewUrls[index], index)
@@ -313,12 +310,12 @@ export function ImageConverter() {
 
     try {
       await Promise.all(conversionPromises);
-      toast.success(t('toasts.conversion_success_all', { count: images.length }));
+      toast.success(`Successfully exported all ${images.length} images!`);
     } catch (error) {
       if (error instanceof Error) {
         toast.error(error.message);
       } else {
-        toast.error(t('toasts.conversion_error'));
+        toast.error("An unknown error occurred during conversion.");
       }
     } finally {
       setIsConverting(false);
@@ -327,16 +324,16 @@ export function ImageConverter() {
 
   const handleConvertAndDownloadSingle = async (index: number) => {
     setConvertingIndex(index);
-    toast.info(t('toasts.conversion_start_single', { filename: filenames[index] }));
+    toast.info(`Starting conversion for ${filenames[index]}...`);
 
     try {
       await convertAndDownload(images[index], previewUrls[index], index);
-      toast.success(t('toasts.conversion_success_single', { filename: filenames[index] }));
+      toast.success(`Successfully exported ${filenames[index]}!`);
     } catch (error) {
       if (error instanceof Error) {
         toast.error(error.message);
       } else {
-        toast.error(t('toasts.conversion_error'));
+        toast.error("An unknown error occurred during conversion.");
       }
     } finally {
       setConvertingIndex(null);
@@ -344,7 +341,7 @@ export function ImageConverter() {
   };
 
   const handleApplySettings = () => {
-    toast.info(t('toasts.settings_applied'));
+    toast.info("Settings updated and will be used for all downloads.");
   };
 
   const handleResetSettings = () => {
@@ -363,7 +360,7 @@ export function ImageConverter() {
     setDefaultBaseName(initialSettings.defaultBaseName);
     setScaleMode(initialSettings.scaleMode);
     setObjectPosition(initialSettings.objectPosition);
-    toast.success(t('toasts.settings_reset'));
+    toast.success("All settings have been reset to their defaults.");
   };
 
   const handleAspectRatioChange = (value: string) => {
@@ -411,16 +408,16 @@ export function ImageConverter() {
 
   const handleApplyDefaultBaseNameToAll = () => {
     if (!defaultBaseName) {
-      toast.error(t('toasts.base_name_required'));
+      toast.error("Please enter a default base name to apply.");
       return;
     }
     if (!hasImages) {
-      toast.info(t('toasts.upload_first'));
+      toast.info("Upload some images first.");
       return;
     }
     const newFilenames = filenames.map(() => defaultBaseName);
     setFilenames(newFilenames);
-    toast.success(t('toasts.base_name_applied', { baseName: defaultBaseName, count: images.length }));
+    toast.success(`Set base name to "${defaultBaseName}" for all ${images.length} images.`);
   };
 
   return (
@@ -430,7 +427,7 @@ export function ImageConverter() {
           <Card>
             <CardContent className="pt-6">
               <div className="space-y-4">
-                <h3 className="text-lg font-medium">{t('upload.title')}</h3>
+                <h3 className="text-lg font-medium">Upload Images</h3>
                 <div
                   className={cn(
                     "w-full h-48 rounded-lg border-2 border-dashed flex items-center justify-center relative transition-colors cursor-pointer hover:border-primary/60",
@@ -443,8 +440,8 @@ export function ImageConverter() {
                 >
                   <div className="flex flex-col items-center justify-center text-center text-muted-foreground">
                     <Upload className="w-8 h-8 mb-2" />
-                    <p className="font-semibold">{t('upload.cta')}</p>
-                    <p className="text-xs text-muted-foreground mt-1">{t('upload.supported')}</p>
+                    <p className="font-semibold">Click or drag and drop to upload</p>
+                    <p className="text-xs text-muted-foreground mt-1">PNG, JPG, WEBP supported</p>
                   </div>
                   <Input type="file" ref={fileInputRef} onChange={handleImageChange} className="hidden" accept="image/*" multiple />
                 </div>
@@ -456,25 +453,25 @@ export function ImageConverter() {
             <Card>
               <CardHeader>
                 <div className="flex justify-between items-center">
-                  <CardTitle>{t('uploaded.title')}</CardTitle>
+                  <CardTitle>Uploaded Images</CardTitle>
                   <div className="flex items-center gap-2">
                     <Tooltip>
                       <TooltipTrigger asChild>
-                        <Button variant="ghost" size="sm" onClick={handleClearAll} disabled={isConverting || convertingIndex !== null}><Trash2 className="mr-2 h-4 w-4" />{t('uploaded.clear_all')}</Button>
+                        <Button variant="ghost" size="sm" onClick={handleClearAll} disabled={isConverting || convertingIndex !== null}><Trash2 className="mr-2 h-4 w-4" />Clear All</Button>
                       </TooltipTrigger>
                       <TooltipContent>
-                        <p>{t('uploaded.clear_all_tooltip')}</p>
+                        <p>Remove all uploaded images.</p>
                       </TooltipContent>
                     </Tooltip>
                     <Tooltip>
                       <TooltipTrigger asChild>
                         <Button onClick={handleConvertAndDownloadAll} disabled={!hasImages || isConverting || convertingIndex !== null}>
                           <Download className="mr-2 h-4 w-4" />
-                          {isConverting ? t('uploaded.converting') : t('uploaded.download_all', { count: images.length })}
+                          {isConverting ? "Converting..." : `Download All (${images.length})`}
                         </Button>
                       </TooltipTrigger>
                       <TooltipContent>
-                        <p>{t('uploaded.download_all_tooltip')}</p>
+                        <p>Convert and download all images with the current settings.</p>
                       </TooltipContent>
                     </Tooltip>
                   </div>
@@ -488,7 +485,7 @@ export function ImageConverter() {
                       <div key={url} className="p-4 border rounded-lg flex items-center gap-4">
                         <img src={url} alt={`Preview ${index + 1}`} className="w-20 h-20 object-cover rounded-md shrink-0" />
                         <div className="flex-1 min-w-0">
-                          <Label htmlFor={`filename-${index}`} className="text-xs text-muted-foreground">{t('uploaded.base_name')}</Label>
+                          <Label htmlFor={`filename-${index}`} className="text-xs text-muted-foreground">Base Name</Label>
                           <Input
                             id={`filename-${index}`}
                             value={filenames[index]}
@@ -496,7 +493,7 @@ export function ImageConverter() {
                             className="text-sm font-medium h-8 mt-1"
                           />
                           <p className="text-xs text-muted-foreground truncate mt-1" title={`${finalFilename}.${format}`}>
-                            {t('uploaded.final_name', { filename: `${finalFilename}.${format}` })}
+                            Final name: {finalFilename}.{format}
                           </p>
                         </div>
                         <div className="flex items-center shrink-0">
@@ -513,7 +510,7 @@ export function ImageConverter() {
                               </Button>
                             </TooltipTrigger>
                             <TooltipContent>
-                              <p>{t('uploaded.download_image_tooltip')}</p>
+                              <p>Download this image</p>
                             </TooltipContent>
                           </Tooltip>
                           <Tooltip>
@@ -529,7 +526,7 @@ export function ImageConverter() {
                               </Button>
                             </TooltipTrigger>
                             <TooltipContent>
-                              <p>{t('uploaded.remove_image_tooltip')}</p>
+                              <p>Remove this image</p>
                             </TooltipContent>
                           </Tooltip>
                         </div>
@@ -547,9 +544,9 @@ export function ImageConverter() {
             <AccordionItem value="image-settings" className="border rounded-lg bg-card">
               <AccordionTrigger className="p-6 hover:no-underline">
                 <div className="text-left">
-                  <h3 className="text-lg font-medium leading-none">{t('settings.image.title')}</h3>
+                  <h3 className="text-lg font-medium leading-none">Image Settings</h3>
                   <p className="text-sm text-muted-foreground mt-1">
-                    {t('settings.image.description')}
+                    Adjust resolution and scaling for all images.
                   </p>
                 </div>
               </AccordionTrigger>
@@ -557,13 +554,13 @@ export function ImageConverter() {
                 <div className="space-y-4">
                   <div>
                     <div className="flex items-center gap-1.5">
-                      <Label htmlFor="aspect-ratio">{t('settings.image.aspect_ratio')}</Label>
+                      <Label htmlFor="aspect-ratio">Aspect Ratio</Label>
                       <Tooltip>
                         <TooltipTrigger>
                           <HelpCircle className="h-4 w-4 text-muted-foreground" />
                         </TooltipTrigger>
                         <TooltipContent>
-                          <p>{t('settings.image.aspect_ratio_tooltip')}</p>
+                          <p>Choose a preset aspect ratio or select 'Custom' to enter dimensions manually.</p>
                         </TooltipContent>
                       </Tooltip>
                     </div>
@@ -583,13 +580,13 @@ export function ImageConverter() {
                   <div className="flex items-end gap-2">
                     <div className="space-y-2 flex-1">
                       <div className="flex items-center gap-1.5">
-                        <Label htmlFor="width">{t('settings.image.width')}</Label>
+                        <Label htmlFor="width">Width (px)</Label>
                         <Tooltip>
                           <TooltipTrigger>
                             <HelpCircle className="h-4 w-4 text-muted-foreground" />
                           </TooltipTrigger>
                           <TooltipContent>
-                            <p>{t('settings.image.width_tooltip')}</p>
+                            <p>Set the output width in pixels. Leave blank to use the original width.</p>
                           </TooltipContent>
                         </Tooltip>
                       </div>
@@ -602,18 +599,18 @@ export function ImageConverter() {
                         </Button>
                       </TooltipTrigger>
                       <TooltipContent>
-                        <p>{t('settings.image.swap_tooltip')}</p>
+                        <p>Swap the entered width and height values.</p>
                       </TooltipContent>
                     </Tooltip>
                     <div className="space-y-2 flex-1">
                       <div className="flex items-center gap-1.5">
-                        <Label htmlFor="height">{t('settings.image.height')}</Label>
+                        <Label htmlFor="height">Height (px)</Label>
                         <Tooltip>
                           <TooltipTrigger>
                             <HelpCircle className="h-4 w-4 text-muted-foreground" />
                           </TooltipTrigger>
                           <TooltipContent>
-                            <p>{t('settings.image.height_tooltip')}</p>
+                            <p>Set the output height in pixels. Leave blank to use the original height.</p>
                           </TooltipContent>
                         </Tooltip>
                       </div>
@@ -623,13 +620,13 @@ export function ImageConverter() {
                   <div className="flex items-center space-x-2 pt-2">
                     <Checkbox id="keep-orientation" checked={keepOrientation} onCheckedChange={(checked) => setKeepOrientation(Boolean(checked))} />
                     <Label htmlFor="keep-orientation" className="cursor-pointer flex items-center gap-1.5">
-                      {t('settings.image.keep_orientation')}
+                      Keep original orientation
                       <Tooltip>
                         <TooltipTrigger onClick={(e) => e.preventDefault()}>
                           <HelpCircle className="h-4 w-4 text-muted-foreground" />
                         </TooltipTrigger>
                         <TooltipContent>
-                          <p>{t('settings.image.keep_orientation_tooltip')}</p>
+                          <p>Automatically swaps width and height to match the original image's orientation.</p>
                         </TooltipContent>
                       </Tooltip>
                     </Label>
@@ -637,39 +634,39 @@ export function ImageConverter() {
                 </div>
                 <div className="mt-4 space-y-2">
                   <div className="flex items-center gap-1.5">
-                    <Label htmlFor="scale-mode">{t('settings.image.scaling')}</Label>
+                    <Label htmlFor="scale-mode">Scaling</Label>
                     <Tooltip>
                       <TooltipTrigger>
                         <HelpCircle className="h-4 w-4 text-muted-foreground" />
                       </TooltipTrigger>
                       <TooltipContent>
-                        <p>{t('settings.image.scaling_tooltip')}</p>
+                        <p>Determines how the image fits into the new dimensions.</p>
                       </TooltipContent>
                     </Tooltip>
                   </div>
                   <Select value={scaleMode} onValueChange={(value: 'fill' | 'cover' | 'contain') => setScaleMode(value)}>
                     <SelectTrigger id="scale-mode"><SelectValue placeholder="Select scaling mode" /></SelectTrigger>
                     <SelectContent>
-                      <SelectItem value="fill">{t('settings.image.scaling_options.fill')}</SelectItem>
-                      <SelectItem value="cover">{t('settings.image.scaling_options.cover')}</SelectItem>
-                      <SelectItem value="contain">{t('settings.image.scaling_options.contain')}</SelectItem>
+                      <SelectItem value="fill">Fill (stretch to fit)</SelectItem>
+                      <SelectItem value="cover">Cover (crop to fit)</SelectItem>
+                      <SelectItem value="contain">Contain (letterbox)</SelectItem>
                     </SelectContent>
                   </Select>
                 </div>
                 {scaleMode !== 'fill' && (
                   <div className="mt-4 space-y-2">
                     <div className="flex items-center gap-1.5">
-                      <Label>{t('settings.image.position')}</Label>
+                      <Label>Position</Label>
                       <Tooltip>
                         <TooltipTrigger>
                           <HelpCircle className="h-4 w-4 text-muted-foreground" />
                         </TooltipTrigger>
                         <TooltipContent>
-                          <p>{t('settings.image.position_tooltip')}</p>
+                          <p>Sets the anchor point for 'Cover' or 'Contain' scaling.</p>
                         </TooltipContent>
                       </Tooltip>
                     </div>
-                    <ObjectPositionControl value={objectPosition} onChange={(pos) => setObjectPosition(pos as string)} />
+                    <ObjectPositionControl value={objectPosition} onChange={(pos) => setObjectPosition(pos)} />
                   </div>
                 )}
               </AccordionContent>
@@ -678,8 +675,8 @@ export function ImageConverter() {
             <AccordionItem value="filename-settings" className="border rounded-lg bg-card">
               <AccordionTrigger className="p-6 hover:no-underline">
                 <div className="text-left">
-                  <h3 className="text-lg font-medium leading-none">{t('settings.filename.title')}</h3>
-                  <p className="text-sm text-muted-foreground mt-1">{t('settings.filename.description')}</p>
+                  <h3 className="text-lg font-medium leading-none">Filename Settings</h3>
+                  <p className="text-sm text-muted-foreground mt-1">Customize the output filenames.</p>
                 </div>
               </AccordionTrigger>
               <AccordionContent className="px-6 pb-6">
@@ -687,20 +684,20 @@ export function ImageConverter() {
                   <div className="flex items-center space-x-2">
                     <Switch id="use-default-base-name" checked={useDefaultBaseName} onCheckedChange={setUseDefaultBaseName} />
                     <Label htmlFor="use-default-base-name" className="flex items-center gap-1.5 cursor-pointer">
-                      {t('settings.filename.use_default_base_name')}
+                      Use default base name
                       <Tooltip>
                         <TooltipTrigger onClick={(e) => e.preventDefault()}>
                           <HelpCircle className="h-4 w-4 text-muted-foreground" />
                         </TooltipTrigger>
                         <TooltipContent>
-                          <p>{t('settings.filename.use_default_base_name_tooltip')}</p>
+                          <p>When enabled, all newly uploaded images will use the specified default base name.</p>
                         </TooltipContent>
                       </Tooltip>
                     </Label>
                   </div>
                   {useDefaultBaseName && (
                     <div className="space-y-2">
-                      <Label htmlFor="default-base-name">{t('settings.filename.default_base_name')}</Label>
+                      <Label htmlFor="default-base-name">Default base name</Label>
                       <div className="flex items-center gap-2">
                         <Input
                           id="default-base-name"
@@ -711,11 +708,11 @@ export function ImageConverter() {
                         <Tooltip>
                           <TooltipTrigger asChild>
                             <Button variant="outline" size="sm" onClick={handleApplyDefaultBaseNameToAll} disabled={!defaultBaseName || !hasImages}>
-                              {t('settings.filename.apply_to_all')}
+                              Apply to all
                             </Button>
                           </TooltipTrigger>
                           <TooltipContent>
-                            <p>{t('settings.filename.apply_to_all_tooltip')}</p>
+                            <p>Apply this base name to all currently uploaded images.</p>
                           </TooltipContent>
                         </Tooltip>
                       </div>
@@ -723,13 +720,13 @@ export function ImageConverter() {
                   )}
                   <div className="space-y-2">
                     <div className="flex items-center gap-1.5">
-                      <Label htmlFor="prefix">{t('settings.filename.prefix')}</Label>
+                      <Label htmlFor="prefix">Prefix</Label>
                       <Tooltip>
                         <TooltipTrigger>
                           <HelpCircle className="h-4 w-4 text-muted-foreground" />
                         </TooltipTrigger>
                         <TooltipContent>
-                          <p>{t('settings.filename.prefix_tooltip')}</p>
+                          <p>Add text to the beginning of every filename.</p>
                         </TooltipContent>
                       </Tooltip>
                     </div>
@@ -737,13 +734,13 @@ export function ImageConverter() {
                   </div>
                   <div className="space-y-2">
                     <div className="flex items-center gap-1.5">
-                      <Label htmlFor="suffix">{t('settings.filename.suffix')}</Label>
+                      <Label htmlFor="suffix">Suffix</Label>
                       <Tooltip>
                         <TooltipTrigger>
                           <HelpCircle className="h-4 w-4 text-muted-foreground" />
                         </TooltipTrigger>
                         <TooltipContent>
-                          <p>{t('settings.filename.suffix_tooltip')}</p>
+                          <p>Add text to the end of every filename (before the number).</p>
                         </TooltipContent>
                       </Tooltip>
                     </div>
@@ -752,13 +749,13 @@ export function ImageConverter() {
                   <div className="flex items-center space-x-2 pt-2">
                     <Switch id="use-counter" checked={useCounter} onCheckedChange={setUseCounter} />
                     <Label htmlFor="use-counter" className="flex items-center gap-1.5 cursor-pointer">
-                      {t('settings.filename.add_sequential_number')}
+                      Add sequential number
                       <Tooltip>
                         <TooltipTrigger onClick={(e) => e.preventDefault()}>
                           <HelpCircle className="h-4 w-4 text-muted-foreground" />
                         </TooltipTrigger>
                         <TooltipContent>
-                          <p>{t('settings.filename.add_sequential_number_tooltip')}</p>
+                          <p>Append a numbered sequence to each filename.</p>
                         </TooltipContent>
                       </Tooltip>
                     </Label>
@@ -767,13 +764,13 @@ export function ImageConverter() {
                     <div className="grid grid-cols-2 gap-4 pt-2">
                       <div className="space-y-2">
                         <div className="flex items-center gap-1.5">
-                          <Label htmlFor="counter-start">{t('settings.filename.start_number')}</Label>
+                          <Label htmlFor="counter-start">Start number</Label>
                           <Tooltip>
                             <TooltipTrigger>
                               <HelpCircle className="h-4 w-4 text-muted-foreground" />
                             </TooltipTrigger>
                             <TooltipContent>
-                              <p>{t('settings.filename.start_number_tooltip')}</p>
+                              <p>The first number to use in the sequence.</p>
                             </TooltipContent>
                           </Tooltip>
                         </div>
@@ -787,13 +784,13 @@ export function ImageConverter() {
                       </div>
                       <div className="space-y-2">
                         <div className="flex items-center gap-1.5">
-                          <Label htmlFor="counter-digits">{t('settings.filename.padding_digits')}</Label>
+                          <Label htmlFor="counter-digits">Padding digits</Label>
                           <Tooltip>
                             <TooltipTrigger>
                               <HelpCircle className="h-4 w-4 text-muted-foreground" />
                             </TooltipTrigger>
                             <TooltipContent>
-                              <p>{t('settings.filename.padding_digits_tooltip')}</p>
+                              <p>Total number of digits for the counter, padded with leading zeros (e.g., 3 for 001).</p>
                             </TooltipContent>
                           </Tooltip>
                         </div>
@@ -814,21 +811,21 @@ export function ImageConverter() {
             <AccordionItem value="quality-settings" className="border rounded-lg bg-card">
               <AccordionTrigger className="p-6 hover:no-underline">
                 <div className="text-left">
-                  <h3 className="text-lg font-medium leading-none">{t('settings.quality.title')}</h3>
-                  <p className="text-sm text-muted-foreground mt-1">{t('settings.quality.description')}</p>
+                  <h3 className="text-lg font-medium leading-none">Quality Settings</h3>
+                  <p className="text-sm text-muted-foreground mt-1">Choose format and compression level.</p>
                 </div>
               </AccordionTrigger>
               <AccordionContent className="px-6 pb-6">
                 <div className="space-y-6">
                   <div className="space-y-2">
                     <div className="flex items-center gap-1.5">
-                      <Label htmlFor="format">{t('settings.quality.format')}</Label>
+                      <Label htmlFor="format">Format</Label>
                       <Tooltip>
                         <TooltipTrigger>
                           <HelpCircle className="h-4 w-4 text-muted-foreground" />
                         </TooltipTrigger>
                         <TooltipContent>
-                          <p>{t('settings.quality.format_tooltip')}</p>
+                          <p>Choose the output file format for the images.</p>
                         </TooltipContent>
                       </Tooltip>
                     </div>
@@ -844,13 +841,13 @@ export function ImageConverter() {
                   <div className="space-y-2">
                     <div className="flex justify-between items-center">
                       <div className="flex items-center gap-1.5">
-                        <Label htmlFor="quality">{t('settings.quality.quality')}</Label>
+                        <Label htmlFor="quality">Quality</Label>
                         <Tooltip>
                           <TooltipTrigger>
                             <HelpCircle className="h-4 w-4 text-muted-foreground" />
                           </TooltipTrigger>
                           <TooltipContent>
-                            <p>{t('settings.quality.quality_tooltip')}</p>
+                            <p>Set compression quality for JPEG/WEBP. Higher is better quality but larger file size.</p>
                           </TooltipContent>
                         </Tooltip>
                       </div>
@@ -866,7 +863,7 @@ export function ImageConverter() {
                       disabled={format === 'png'}
                     />
                     {format === 'png' && (
-                      <p className="text-xs text-muted-foreground pt-1">{t('settings.quality.png_disabled_notice')}</p>
+                      <p className="text-xs text-muted-foreground pt-1">Quality slider is disabled for PNG (lossless format).</p>
                     )}
                   </div>
                 </div>
@@ -882,11 +879,11 @@ export function ImageConverter() {
                   variant="outline"
                 >
                   <RotateCcw className="mr-2 h-4 w-4" />
-                  {t('settings.reset')}
+                  Reset
                 </Button>
               </TooltipTrigger>
               <TooltipContent>
-                <p>{t('settings.reset_tooltip')}</p>
+                <p>Reset all settings to their default values.</p>
               </TooltipContent>
             </Tooltip>
             <Tooltip>
@@ -896,11 +893,11 @@ export function ImageConverter() {
                   className="w-full"
                 >
                   <Check className="mr-2 h-4 w-4" />
-                  {t('settings.apply')}
+                  Apply
                 </Button>
               </TooltipTrigger>
               <TooltipContent>
-                <p>{t('settings.apply_tooltip')}</p>
+                <p>Confirm and apply all the settings above. This does not download the images.</p>
               </TooltipContent>
             </Tooltip>
           </div>
diff --git a/src/lib/changelog-config.ts b/src/lib/changelog-config.ts
deleted file mode 100644
index 23b43ef..0000000
--- a/src/lib/changelog-config.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-export type Change = {
-  type: "New" | "Improved" | "Fixed";
-  textKey: string;
-};
-
-export type ChangelogEntry = {
-  version: string;
-  date: string;
-  changes: Change[];
-};
-
-export const changelogData: ChangelogEntry[] = [
-  {
-    version: "1.2.0",
-    date: "July 26, 2024",
-    changes: [
-      { type: "New", textKey: "v1_2_0.new_changelog_page" },
-      { type: "Improved", textKey: "v1_2_0.improved_auto_dimensioning" },
-      { type: "Fixed", textKey: "v1_2_0.fixed_buttons_enabled" },
-    ],
-  },
-  {
-    version: "1.1.0",
-    date: "July 25, 2024",
-    changes: [
-      { type: "Improved", textKey: "v1_1_0.improved_aspect_ratio_detection" },
-      { type: "Fixed", textKey: "v1_1_0.fixed_dimension_swap" },
-    ],
-  },
-  {
-    version: "1.0.0",
-    date: "July 24, 2024",
-    changes: [
-      { type: "New", textKey: "v1_0_0.new_initial_release" },
-      { type: "New", textKey: "v1_0_0.new_features" },
-    ],
-  },
-];
\ No newline at end of file
diff --git a/src/lib/changelog-data.ts b/src/lib/changelog-data.ts
new file mode 100644
index 0000000..2f0fb96
--- /dev/null
+++ b/src/lib/changelog-data.ts
@@ -0,0 +1,27 @@
+export const changelogData = [
+  {
+    version: "1.2.0",
+    date: "July 26, 2024",
+    changes: [
+      { type: "New", text: "Added a changelog page to track updates and new features." },
+      { type: "Improved", text: "Implemented 'auto' dimensioning for batch processing. When one dimension (width or height) is set, the other is calculated automatically for each image to maintain its aspect ratio." },
+      { type: "Fixed", text: "Enabled the 'Reset' and 'Apply' buttons to be used even when no images are uploaded." },
+    ],
+  },
+  {
+    version: "1.1.0",
+    date: "July 25, 2024",
+    changes: [
+      { type: "Improved", text: "Aspect ratio is now automatically detected from the first uploaded image and can be locked." },
+      { type: "Fixed", text: "Corrected an issue where swapping dimensions would not update the aspect ratio to 'Custom'."}
+    ],
+  },
+  {
+    version: "1.0.0",
+    date: "July 24, 2024",
+    changes: [
+      { type: "New", text: "Initial release of the Image Web Exporter." },
+      { type: "New", text: "Features include image uploading, format conversion (PNG, JPEG, WEBP), resizing, quality adjustment, and filename customization." },
+    ],
+  },
+];
\ No newline at end of file
diff --git a/src/lib/i18n/client.ts b/src/lib/i18n/client.ts
deleted file mode 100644
index a086d6a..0000000
--- a/src/lib/i18n/client.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import { createI18nClient } from 'next-international/client';
- 
-export const { useI18n, useScopedI18n, I18nProviderClient, useChangeLocale, useCurrentLocale } = createI18nClient({
-  en: () => import('./en'),
-  de: () => import('./de'),
-});
\ No newline at end of file
diff --git a/src/lib/i18n/de.ts b/src/lib/i18n/de.ts
deleted file mode 100644
index 9707cbe..0000000
--- a/src/lib/i18n/de.ts
+++ /dev/null
@@ -1,175 +0,0 @@
-export default {
-  meta: {
-    title: "Bild Web Exporter",
-    description: "Laden Sie ein Bild hoch und exportieren Sie es in einer anderen Auflösung und einem anderen Format.",
-  },
-  home: {
-    title: "Bild Web Exporter",
-    subtitle: "Laden Sie ein Bild hoch und exportieren Sie es in einer anderen Auflösung und einem anderen Format.",
-  },
-  footer: {
-    imprint: "Impressum",
-    privacy: "Datenschutz",
-  },
-  changelog: {
-    back: "Zurück zum Konverter",
-    title: "Änderungsprotokoll",
-    subtitle: "Verfolgung aller neuen Funktionen, Verbesserungen und Fehlerbehebungen.",
-    version: "Version",
-    types: {
-      new: "Neu",
-      improved: "Verbessert",
-      fixed: "Behoben",
-    },
-    logs: {
-      v1_2_0: {
-        new_changelog_page: "Eine Changelog-Seite hinzugefügt, um Updates und neue Funktionen zu verfolgen.",
-        improved_auto_dimensioning: "Automatische Dimensionierung für die Stapelverarbeitung implementiert. Wenn eine Dimension (Breite oder Höhe) festgelegt wird, wird die andere für jedes Bild automatisch berechnet, um das Seitenverhältnis beizubehalten.",
-        fixed_buttons_enabled: "Die Schaltflächen 'Zurücksetzen' und 'Anwenden' können nun auch ohne hochgeladene Bilder verwendet werden.",
-      },
-      v1_1_0: {
-        improved_aspect_ratio_detection: "Das Seitenverhältnis wird nun automatisch vom ersten hochgeladenen Bild erkannt und kann gesperrt werden.",
-        fixed_dimension_swap: "Ein Problem wurde behoben, bei dem das Tauschen der Dimensionen das Seitenverhältnis nicht auf 'Benutzerdefiniert' aktualisierte.",
-      },
-      v1_0_0: {
-        new_initial_release: "Erstveröffentlichung des Image Web Exporters.",
-        new_features: "Funktionen umfassen das Hochladen von Bildern, die Konvertierung von Formaten (PNG, JPEG, WEBP), Größenänderung, Qualitätsanpassung und Anpassung von Dateinamen.",
-      },
-    },
-  },
-  imprint: {
-    back: "Zurück zum Konverter",
-    title: "Impressum",
-    info: "Angaben gemäß § 5 TMG",
-    contact: {
-      title: "Kontaktinformationen:",
-    },
-    represented_by: {
-      title: "Vertreten durch:",
-    },
-    disclaimer: {
-      title: "Haftungsausschluss:",
-      text: "Dies ist ein Musterimpressum und nicht rechtsverbindlich. Bitte ersetzen Sie den Platzhalterinhalt durch Ihre eigenen Informationen und konsultieren Sie einen Rechtsexperten, um die Einhaltung aller geltenden Gesetze sicherzustellen.",
-    },
-  },
-  privacy: {
-    back: "Zurück zum Konverter",
-    title: "Datenschutzerklärung",
-    general: {
-      title: "1. Allgemeine Informationen",
-      text: "Dies ist ein Platzhalter für Ihre Datenschutzerklärung. Sie beschreibt, wie personenbezogene Daten erfasst, verwendet und geschützt werden, wenn Sie diese Website nutzen.",
-    },
-    collection: {
-      title: "2. Datenerfassung auf dieser Website",
-      text: "Die gesamte Bildverarbeitung findet direkt in Ihrem Browser statt. Die von Ihnen hochgeladenen Bilder werden nicht an einen Server gesendet und von uns nicht gespeichert. Wir erheben keine personenbezogenen Daten aus den Bildern.",
-    },
-    rights: {
-      title: "3. Ihre Rechte",
-      text: "Da keine personenbezogenen Daten erhoben werden, sind Rechte bezüglich Auskunft, Berichtigung oder Löschung personenbezogener Daten in diesem Zusammenhang nicht anwendbar.",
-    },
-    disclaimer: {
-      title: "Haftungsausschluss:",
-      text: "Dies ist eine Muster-Datenschutzerklärung und nicht rechtsverbindlich. Es ist entscheidend, diesen Text an Ihre spezifischen Datenverarbeitungsaktivitäten anzupassen und einen Rechtsexperten zu konsultieren, um die vollständige DSGVO-Konformität sicherzustellen.",
-    },
-  },
-  converter: {
-    upload: {
-      title: "Bilder hochladen",
-      cta: "Klicken oder per Drag & Drop hochladen",
-      supported: "PNG, JPG, WEBP werden unterstützt",
-    },
-    uploaded: {
-      title: "Hochgeladene Bilder",
-      clear_all: "Alle löschen",
-      clear_all_tooltip: "Alle hochgeladenen Bilder entfernen.",
-      download_all: "Alle ({count}) herunterladen",
-      download_all_tooltip: "Alle Bilder mit den aktuellen Einstellungen konvertieren und herunterladen.",
-      converting: "Konvertiere...",
-      base_name: "Basisname",
-      final_name: "Finaler Name: {filename}",
-      download_image_tooltip: "Dieses Bild herunterladen",
-      remove_image_tooltip: "Dieses Bild entfernen",
-    },
-    settings: {
-      image: {
-        title: "Bildeinstellungen",
-        description: "Auflösung und Skalierung für alle Bilder anpassen.",
-        aspect_ratio: "Seitenverhältnis",
-        aspect_ratio_tooltip: "Wählen Sie ein voreingestelltes Seitenverhältnis oder 'Benutzerdefiniert', um die Abmessungen manuell einzugeben.",
-        width: "Breite (px)",
-        width_tooltip: "Legen Sie die Ausgabebreite in Pixel fest. Leer lassen, um die Originalbreite zu verwenden.",
-        swap_tooltip: "Die eingegebenen Werte für Breite und Höhe tauschen.",
-        height: "Höhe (px)",
-        height_tooltip: "Legen Sie die Ausgabehöhe in Pixel fest. Leer lassen, um die Originalhöhe zu verwenden.",
-        keep_orientation: "Originalausrichtung beibehalten",
-        keep_orientation_tooltip: "Tauscht automatisch Breite und Höhe, um der Ausrichtung des Originalbildes zu entsprechen.",
-        scaling: "Skalierung",
-        scaling_tooltip: "Bestimmt, wie das Bild in die neuen Abmessungen passt.",
-        scaling_options: {
-          fill: "Füllen (strecken)",
-          cover: "Abdecken (zuschneiden)",
-          contain: "Enthalten (Letterbox)",
-        },
-        position: "Position",
-        position_tooltip: "Legt den Ankerpunkt für die Skalierung 'Abdecken' oder 'Enthalten' fest.",
-      },
-      filename: {
-        title: "Dateinameneinstellungen",
-        description: "Passen Sie die Ausgabedateinamen an.",
-        use_default_base_name: "Standard-Basisnamen verwenden",
-        use_default_base_name_tooltip: "Wenn aktiviert, verwenden alle neu hochgeladenen Bilder den angegebenen Standard-Basisnamen.",
-        default_base_name: "Standard-Basisname",
-        apply_to_all: "Auf alle anwenden",
-        apply_to_all_tooltip: "Diesen Basisnamen auf alle aktuell hochgeladenen Bilder anwenden.",
-        prefix: "Präfix",
-        prefix_tooltip: "Fügen Sie Text am Anfang jedes Dateinamens hinzu.",
-        suffix: "Suffix",
-        suffix_tooltip: "Fügen Sie Text am Ende jedes Dateinamens hinzu (vor der Nummer).",
-        add_sequential_number: "Laufende Nummer hinzufügen",
-        add_sequential_number_tooltip: "Fügen Sie jedem Dateinamen eine nummerierte Sequenz an.",
-        start_number: "Startnummer",
-        start_number_tooltip: "Die erste Nummer, die in der Sequenz verwendet wird.",
-        padding_digits: "Auffüllziffern",
-        padding_digits_tooltip: "Gesamtzahl der Ziffern für den Zähler, aufgefüllt mit führenden Nullen (z. B. 3 für 001).",
-      },
-      quality: {
-        title: "Qualitätseinstellungen",
-        description: "Wählen Sie Format und Komprimierungsstufe.",
-        format: "Format",
-        format_tooltip: "Wählen Sie das Ausgabedateiformat für die Bilder.",
-        quality: "Qualität",
-        quality_tooltip: "Stellen Sie die Komprimierungsqualität für JPEG/WEBP ein. Höher bedeutet bessere Qualität, aber größere Dateigröße.",
-        png_disabled_notice: "Der Qualitätsschieberegler ist für PNG (verlustfreies Format) deaktiviert.",
-      },
-      reset: "Zurücksetzen",
-      reset_tooltip: "Alle Einstellungen auf ihre Standardwerte zurücksetzen.",
-      apply: "Anwenden",
-      apply_tooltip: "Bestätigen und alle oben genannten Einstellungen anwenden. Dies lädt die Bilder nicht herunter.",
-    },
-    aspect_ratios: {
-      custom: "Benutzerdefiniert",
-      square: "1:1 (Quadratisch)",
-      standard: "4:3 (Standard)",
-      photography: "3:2 (Fotografie)",
-      widescreen: "16:9 (Breitbild)",
-    },
-    toasts: {
-      no_valid_files: "Keine gültigen Bilddateien gefunden.",
-      images_added: "{count} Bild(er) hinzugefügt.",
-      all_cleared: "Alle Bilder gelöscht.",
-      conversion_start_all: "Konvertierung für {count} Bilder wird gestartet...",
-      conversion_success_all: "Alle {count} Bilder erfolgreich exportiert!",
-      conversion_error: "Während der Konvertierung ist ein unbekannter Fehler aufgetreten.",
-      conversion_start_single: "Konvertierung für {filename} wird gestartet...",
-      conversion_success_single: "{filename} erfolgreich exportiert!",
-      settings_applied: "Einstellungen aktualisiert und werden für alle Downloads verwendet.",
-      settings_reset: "Alle Einstellungen wurden auf ihre Standardwerte zurückgesetzt.",
-      base_name_required: "Bitte geben Sie einen Standard-Basisnamen ein, um ihn anzuwenden.",
-      upload_first: "Laden Sie zuerst einige Bilder hoch.",
-      base_name_applied: "Basisname für alle {count} Bilder auf \"{baseName}\" gesetzt.",
-      error_processing: "Konnte {filename} nicht verarbeiten.",
-      error_loading: "Fehler beim Laden von {filename} für die Konvertierung.",
-      upload_images_first: "Bitte laden Sie zuerst Bilder hoch.",
-    },
-  },
-} as const;
\ No newline at end of file
diff --git a/src/lib/i18n/en.ts b/src/lib/i18n/en.ts
deleted file mode 100644
index 2c72912..0000000
--- a/src/lib/i18n/en.ts
+++ /dev/null
@@ -1,175 +0,0 @@
-export default {
-  meta: {
-    title: "Image Web Exporter",
-    description: "Upload a picture, then export it in a different resolution and format.",
-  },
-  home: {
-    title: "Image Web Exporter",
-    subtitle: "Upload a picture, then export it in a different resolution and format.",
-  },
-  footer: {
-    imprint: "Imprint",
-    privacy: "Privacy",
-  },
-  changelog: {
-    back: "Back to Converter",
-    title: "Changelog",
-    subtitle: "Tracking all the new features, improvements, and bug fixes.",
-    version: "Version",
-    types: {
-      new: "New",
-      improved: "Improved",
-      fixed: "Fixed",
-    },
-    logs: {
-      v1_2_0: {
-        new_changelog_page: "Added a changelog page to track updates and new features.",
-        improved_auto_dimensioning: "Implemented 'auto' dimensioning for batch processing. When one dimension (width or height) is set, the other is calculated automatically for each image to maintain its aspect ratio.",
-        fixed_buttons_enabled: "Enabled the 'Reset' and 'Apply' buttons to be used even when no images are uploaded.",
-      },
-      v1_1_0: {
-        improved_aspect_ratio_detection: "Aspect ratio is now automatically detected from the first uploaded image and can be locked.",
-        fixed_dimension_swap: "Corrected an issue where swapping dimensions would not update the aspect ratio to 'Custom'.",
-      },
-      v1_0_0: {
-        new_initial_release: "Initial release of the Image Web Exporter.",
-        new_features: "Features include image uploading, format conversion (PNG, JPEG, WEBP), resizing, quality adjustment, and filename customization.",
-      },
-    },
-  },
-  imprint: {
-    back: "Back to Converter",
-    title: "Imprint",
-    info: "Information according to § 5 TMG (German Telemedia Act)",
-    contact: {
-      title: "Contact Information:",
-    },
-    represented_by: {
-      title: "Represented by:",
-    },
-    disclaimer: {
-      title: "Disclaimer:",
-      text: "This is a sample imprint and not legally binding. Please replace the placeholder content with your own information and consult a legal professional to ensure compliance with all applicable laws.",
-    },
-  },
-  privacy: {
-    back: "Back to Converter",
-    title: "Data Privacy Policy",
-    general: {
-      title: "1. General Information",
-      text: "This is a placeholder for your data privacy policy. It outlines how personal data is collected, used, and protected when you use this website.",
-    },
-    collection: {
-      title: "2. Data Collection on This Website",
-      text: "All image processing happens directly in your browser. The images you upload are not sent to any server and are not stored by us. We do not collect any personal data from the images.",
-    },
-    rights: {
-      title: "3. Your Rights",
-      text: "As no personal data is collected, rights regarding access, rectification, or erasure of personal data are not applicable in this context.",
-    },
-    disclaimer: {
-      title: "Disclaimer:",
-      text: "This is a sample privacy policy and not legally binding. It is crucial to adapt this text to your specific data processing activities and to consult with a legal professional to ensure full GDPR compliance.",
-    },
-  },
-  converter: {
-    upload: {
-      title: "Upload Images",
-      cta: "Click or drag and drop to upload",
-      supported: "PNG, JPG, WEBP supported",
-    },
-    uploaded: {
-      title: "Uploaded Images",
-      clear_all: "Clear All",
-      clear_all_tooltip: "Remove all uploaded images.",
-      download_all: "Download All ({count})",
-      download_all_tooltip: "Convert and download all images with the current settings.",
-      converting: "Converting...",
-      base_name: "Base Name",
-      final_name: "Final name: {filename}",
-      download_image_tooltip: "Download this image",
-      remove_image_tooltip: "Remove this image",
-    },
-    settings: {
-      image: {
-        title: "Image Settings",
-        description: "Adjust resolution and scaling for all images.",
-        aspect_ratio: "Aspect Ratio",
-        aspect_ratio_tooltip: "Choose a preset aspect ratio or select 'Custom' to enter dimensions manually.",
-        width: "Width (px)",
-        width_tooltip: "Set the output width in pixels. Leave blank to use the original width.",
-        swap_tooltip: "Swap the entered width and height values.",
-        height: "Height (px)",
-        height_tooltip: "Set the output height in pixels. Leave blank to use the original height.",
-        keep_orientation: "Keep original orientation",
-        keep_orientation_tooltip: "Automatically swaps width and height to match the original image's orientation.",
-        scaling: "Scaling",
-        scaling_tooltip: "Determines how the image fits into the new dimensions.",
-        scaling_options: {
-          fill: "Fill (stretch to fit)",
-          cover: "Cover (crop to fit)",
-          contain: "Contain (letterbox)",
-        },
-        position: "Position",
-        position_tooltip: "Sets the anchor point for 'Cover' or 'Contain' scaling.",
-      },
-      filename: {
-        title: "Filename Settings",
-        description: "Customize the output filenames.",
-        use_default_base_name: "Use default base name",
-        use_default_base_name_tooltip: "When enabled, all newly uploaded images will use the specified default base name.",
-        default_base_name: "Default base name",
-        apply_to_all: "Apply to all",
-        apply_to_all_tooltip: "Apply this base name to all currently uploaded images.",
-        prefix: "Prefix",
-        prefix_tooltip: "Add text to the beginning of every filename.",
-        suffix: "Suffix",
-        suffix_tooltip: "Add text to the end of every filename (before the number).",
-        add_sequential_number: "Add sequential number",
-        add_sequential_number_tooltip: "Append a numbered sequence to each filename.",
-        start_number: "Start number",
-        start_number_tooltip: "The first number to use in the sequence.",
-        padding_digits: "Padding digits",
-        padding_digits_tooltip: "Total number of digits for the counter, padded with leading zeros (e.g., 3 for 001).",
-      },
-      quality: {
-        title: "Quality Settings",
-        description: "Choose format and compression level.",
-        format: "Format",
-        format_tooltip: "Choose the output file format for the images.",
-        quality: "Quality",
-        quality_tooltip: "Set compression quality for JPEG/WEBP. Higher is better quality but larger file size.",
-        png_disabled_notice: "Quality slider is disabled for PNG (lossless format).",
-      },
-      reset: "Reset",
-      reset_tooltip: "Reset all settings to their default values.",
-      apply: "Apply",
-      apply_tooltip: "Confirm and apply all the settings above. This does not download the images.",
-    },
-    aspect_ratios: {
-      custom: "Custom",
-      square: "1:1 (Square)",
-      standard: "4:3 (Standard)",
-      photography: "3:2 (Photography)",
-      widescreen: "16:9 (Widescreen)",
-    },
-    toasts: {
-      no_valid_files: "No valid image files found.",
-      images_added: "{count} image(s) added.",
-      all_cleared: "All images cleared.",
-      conversion_start_all: "Starting conversion for {count} images...",
-      conversion_success_all: "Successfully exported all {count} images!",
-      conversion_error: "An unknown error occurred during conversion.",
-      conversion_start_single: "Starting conversion for {filename}...",
-      conversion_success_single: "Successfully exported {filename}!",
-      settings_applied: "Settings updated and will be used for all downloads.",
-      settings_reset: "All settings have been reset to their defaults.",
-      base_name_required: "Please enter a default base name to apply.",
-      upload_first: "Upload some images first.",
-      base_name_applied: "Set base name to \"{baseName}\" for all {count} images.",
-      error_processing: "Could not process {filename}.",
-      error_loading: "Failed to load {filename} for conversion.",
-      upload_images_first: "Please upload images first.",
-    },
-  },
-} as const;
\ No newline at end of file
diff --git a/src/lib/i18n/index.ts b/src/lib/i18n/index.ts
deleted file mode 100644
index 02d96da..0000000
--- a/src/lib/i18n/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export const locales = ['en', 'de'] as const;
\ No newline at end of file
diff --git a/src/lib/i18n/server.ts b/src/lib/i18n/server.ts
deleted file mode 100644
index a8fcccf..0000000
--- a/src/lib/i18n/server.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import { createI18nServer } from 'next-international/server';
- 
-export const { getI18n, getScopedI18n, getCurrentLocale } = createI18nServer({
-  en: () => import('./en'),
-  de: () => import('./de'),
-});
\ No newline at end of file
diff --git a/src/middleware.ts b/src/middleware.ts
deleted file mode 100644
index 21fc235..0000000
--- a/src/middleware.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { createI18nMiddleware } from 'next-international/middleware';
-import { NextRequest } from 'next/server';
-import { locales } from './lib/i18n';
- 
-const I18nMiddleware = createI18nMiddleware({
-  locales,
-  defaultLocale: 'en',
-  urlMappingStrategy: 'rewrite',
-});
- 
-export function middleware(request: NextRequest) {
-  return I18nMiddleware(request);
-}
- 
-export const config = {
-  matcher: ['/((?!api|_next/static|_next/image|favicon.ico).*)'],
-};
\ No newline at end of file