diff --git a/frontend/next.config.js b/frontend/next.config.js
index 55d4c9b..cae6a76 100644
--- a/frontend/next.config.js
+++ b/frontend/next.config.js
@@ -1,3 +1,7 @@
+const createNextIntlPlugin = require("next-intl/plugin");
+
+const withNextIntl = createNextIntlPlugin("./src/i18n/request.ts");
+
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   reactStrictMode: true,
@@ -12,4 +16,4 @@ const nextConfig = {
   },
 };
 
-module.exports = nextConfig;
+module.exports = withNextIntl(nextConfig);
diff --git a/frontend/package.json b/frontend/package.json
index 7e788f6..b419444 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -12,6 +12,7 @@
     "@sorosave/sdk": "workspace:*",
     "@stellar/freighter-api": "^2.0.0",
     "next": "^14.2.0",
+    "next-intl": "^4.11.2",
     "react": "^18.3.0",
     "react-dom": "^18.3.0"
   },
diff --git a/frontend/src/app/groups/[id]/page.tsx b/frontend/src/app/[locale]/groups/[id]/page.tsx
similarity index 79%
rename from frontend/src/app/groups/[id]/page.tsx
rename to frontend/src/app/[locale]/groups/[id]/page.tsx
index 02ab880..6c20bda 100644
--- a/frontend/src/app/groups/[id]/page.tsx
+++ b/frontend/src/app/[locale]/groups/[id]/page.tsx
@@ -1,10 +1,11 @@
 "use client";
 
+import { useTranslations } from "next-intl";
+import { useState } from "react";
 import { Navbar } from "@/components/Navbar";
 import { MemberList } from "@/components/MemberList";
 import { RoundProgress } from "@/components/RoundProgress";
 import { ContributeModal } from "@/components/ContributeModal";
-import { useState } from "react";
 import { formatAmount, GroupStatus } from "@sorosave/sdk";
 
 // TODO: Fetch real data from contract
@@ -33,8 +34,16 @@ const MOCK_GROUP = {
 };
 
 export default function GroupDetailPage() {
+  const t = useTranslations("GroupDetailPage");
   const [showContributeModal, setShowContributeModal] = useState(false);
   const group = MOCK_GROUP;
+  const statusLabels: Record<string, string> = {
+    Forming: t("statusLabels.forming"),
+    Active: t("statusLabels.active"),
+    Completed: t("statusLabels.completed"),
+    Disputed: t("statusLabels.disputed"),
+    Paused: t("statusLabels.paused"),
+  };
 
   return (
     <>
@@ -43,7 +52,7 @@ export default function GroupDetailPage() {
         <div className="mb-8">
           <h1 className="text-2xl font-bold text-gray-900">{group.name}</h1>
           <p className="text-gray-600 mt-1">
-            {formatAmount(group.contributionAmount)} tokens per cycle
+            {formatAmount(group.contributionAmount)} {t("tokensPerCycle")}
           </p>
         </div>
 
@@ -67,7 +76,7 @@ export default function GroupDetailPage() {
           <div className="space-y-4">
             <div className="bg-white rounded-xl shadow-sm border p-6">
               <h3 className="text-lg font-semibold text-gray-900 mb-4">
-                Actions
+                {t("actions")}
               </h3>
               <div className="space-y-3">
                 {group.status === GroupStatus.Active && (
@@ -75,12 +84,12 @@ export default function GroupDetailPage() {
                     onClick={() => setShowContributeModal(true)}
                     className="w-full bg-primary-600 text-white py-3 rounded-lg font-medium hover:bg-primary-700 transition-colors"
                   >
-                    Contribute
+                    {t("contribute")}
                   </button>
                 )}
                 {group.status === GroupStatus.Forming && (
                   <button className="w-full bg-blue-600 text-white py-3 rounded-lg font-medium hover:bg-blue-700 transition-colors">
-                    Join Group
+                    {t("joinGroup")}
                   </button>
                 )}
               </div>
@@ -88,32 +97,34 @@ export default function GroupDetailPage() {
 
             <div className="bg-white rounded-xl shadow-sm border p-6">
               <h3 className="text-sm font-semibold text-gray-900 mb-3">
-                Group Info
+                {t("groupInfo")}
               </h3>
               <dl className="space-y-2 text-sm">
                 <div className="flex justify-between">
-                  <dt className="text-gray-500">Status</dt>
-                  <dd className="font-medium text-gray-900">{group.status}</dd>
+                  <dt className="text-gray-500">{t("status")}</dt>
+                  <dd className="font-medium text-gray-900">
+                    {statusLabels[String(group.status)] || String(group.status)}
+                  </dd>
                 </div>
                 <div className="flex justify-between">
-                  <dt className="text-gray-500">Members</dt>
+                  <dt className="text-gray-500">{t("members")}</dt>
                   <dd className="font-medium text-gray-900">
                     {group.members.length}/{group.maxMembers}
                   </dd>
                 </div>
                 <div className="flex justify-between">
-                  <dt className="text-gray-500">Cycle</dt>
+                  <dt className="text-gray-500">{t("cycle")}</dt>
                   <dd className="font-medium text-gray-900">
-                    {group.cycleLength / 86400} days
+                    {group.cycleLength / 86400} {t("days")}
                   </dd>
                 </div>
                 <div className="flex justify-between">
-                  <dt className="text-gray-500">Pot Size</dt>
+                  <dt className="text-gray-500">{t("potSize")}</dt>
                   <dd className="font-medium text-gray-900">
                     {formatAmount(
                       group.contributionAmount * BigInt(group.members.length)
                     )}{" "}
-                    tokens
+                    {t("tokens")}
                   </dd>
                 </div>
               </dl>
diff --git a/frontend/src/app/groups/new/page.tsx b/frontend/src/app/[locale]/groups/new/page.tsx
similarity index 77%
rename from frontend/src/app/groups/new/page.tsx
rename to frontend/src/app/[locale]/groups/new/page.tsx
index afe0804..a12626f 100644
--- a/frontend/src/app/groups/new/page.tsx
+++ b/frontend/src/app/[locale]/groups/new/page.tsx
@@ -1,13 +1,16 @@
+import { useTranslations } from "next-intl";
 import { Navbar } from "@/components/Navbar";
 import { CreateGroupForm } from "@/components/CreateGroupForm";
 
 export default function NewGroupPage() {
+  const t = useTranslations("NewGroupPage");
+
   return (
     <>
       <Navbar />
       <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
         <h1 className="text-2xl font-bold text-gray-900 mb-8">
-          Create a Savings Group
+          {t("title")}
         </h1>
         <CreateGroupForm />
       </main>
diff --git a/frontend/src/app/groups/page.tsx b/frontend/src/app/[locale]/groups/page.tsx
similarity index 84%
rename from frontend/src/app/groups/page.tsx
rename to frontend/src/app/[locale]/groups/page.tsx
index 7592365..ff1e193 100644
--- a/frontend/src/app/groups/page.tsx
+++ b/frontend/src/app/[locale]/groups/page.tsx
@@ -1,10 +1,11 @@
 "use client";
 
+import { useTranslations } from "next-intl";
 import { Navbar } from "@/components/Navbar";
 import { GroupCard } from "@/components/GroupCard";
 import { SavingsGroup, GroupStatus } from "@sorosave/sdk";
 
-// Placeholder data for development — will be replaced with contract queries
+// Placeholder data for development - will be replaced with contract queries
 const PLACEHOLDER_GROUPS: SavingsGroup[] = [
   {
     id: 1,
@@ -39,6 +40,7 @@ const PLACEHOLDER_GROUPS: SavingsGroup[] = [
 ];
 
 export default function GroupsPage() {
+  const t = useTranslations("GroupsPage");
   // TODO: Replace with actual contract queries
   const groups = PLACEHOLDER_GROUPS;
 
@@ -47,13 +49,11 @@ export default function GroupsPage() {
       <Navbar />
       <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
         <div className="flex justify-between items-center mb-8">
-          <h1 className="text-2xl font-bold text-gray-900">Savings Groups</h1>
+          <h1 className="text-2xl font-bold text-gray-900">{t("title")}</h1>
         </div>
 
         {groups.length === 0 ? (
-          <div className="text-center py-12 text-gray-500">
-            No groups found. Create the first one!
-          </div>
+          <div className="text-center py-12 text-gray-500">{t("empty")}</div>
         ) : (
           <div className="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
             {groups.map((group) => (
diff --git a/frontend/src/app/[locale]/layout.tsx b/frontend/src/app/[locale]/layout.tsx
new file mode 100644
index 0000000..9c5b96f
--- /dev/null
+++ b/frontend/src/app/[locale]/layout.tsx
@@ -0,0 +1,49 @@
+import type { Metadata } from "next";
+import { hasLocale, NextIntlClientProvider } from "next-intl";
+import { getTranslations } from "next-intl/server";
+import { notFound } from "next/navigation";
+import { Providers } from "../providers";
+import { routing, type Locale } from "@/i18n/routing";
+import "../globals.css";
+
+export function generateStaticParams() {
+  return routing.locales.map((locale) => ({ locale }));
+}
+
+export async function generateMetadata({
+  params,
+}: {
+  params: { locale: Locale };
+}): Promise<Metadata> {
+  const t = await getTranslations({
+    locale: params.locale,
+    namespace: "Metadata",
+  });
+
+  return {
+    title: t("title"),
+    description: t("description"),
+  };
+}
+
+export default function RootLayout({
+  children,
+  params,
+}: {
+  children: React.ReactNode;
+  params: { locale: Locale };
+}) {
+  if (!hasLocale(routing.locales, params.locale)) {
+    notFound();
+  }
+
+  return (
+    <html lang={params.locale}>
+      <body className="min-h-screen bg-gray-50">
+        <NextIntlClientProvider>
+          <Providers>{children}</Providers>
+        </NextIntlClientProvider>
+      </body>
+    </html>
+  );
+}
diff --git a/frontend/src/app/page.tsx b/frontend/src/app/[locale]/page.tsx
similarity index 54%
rename from frontend/src/app/page.tsx
rename to frontend/src/app/[locale]/page.tsx
index 670d0c6..f2a8a16 100644
--- a/frontend/src/app/page.tsx
+++ b/frontend/src/app/[locale]/page.tsx
@@ -1,7 +1,13 @@
-import Link from "next/link";
+import { useTranslations } from "next-intl";
+import { Link } from "@/i18n/navigation";
 import { Navbar } from "@/components/Navbar";
 
+const stepKeys = ["create", "join", "contribute", "receive"] as const;
+const featureKeys = ["trustless", "transparent", "lowCost"] as const;
+
 export default function Home() {
+  const t = useTranslations("HomePage");
+
   return (
     <>
       <Navbar />
@@ -11,25 +17,23 @@ export default function Home() {
           <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-24">
             <div className="max-w-3xl">
               <h1 className="text-4xl sm:text-5xl font-bold mb-6">
-                Decentralized Group Savings for Everyone
+                {t("hero.title")}
               </h1>
               <p className="text-xl text-primary-100 mb-8">
-                SoroSave brings the traditional rotating savings model (ajo,
-                susu, chit fund) to the Stellar blockchain. Trustless,
-                transparent, and accessible.
+                {t("hero.description")}
               </p>
               <div className="flex space-x-4">
                 <Link
                   href="/groups"
                   className="bg-white text-primary-700 px-6 py-3 rounded-lg font-semibold hover:bg-primary-50 transition-colors"
                 >
-                  Browse Groups
+                  {t("hero.browseGroups")}
                 </Link>
                 <Link
                   href="/groups/new"
                   className="border-2 border-white text-white px-6 py-3 rounded-lg font-semibold hover:bg-white/10 transition-colors"
                 >
-                  Create a Group
+                  {t("hero.createGroup")}
                 </Link>
               </div>
             </div>
@@ -40,43 +44,20 @@ export default function Home() {
         <section className="py-20">
           <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
             <h2 className="text-3xl font-bold text-gray-900 text-center mb-12">
-              How It Works
+              {t("how.title")}
             </h2>
             <div className="grid md:grid-cols-4 gap-8">
-              {[
-                {
-                  step: "1",
-                  title: "Create a Group",
-                  description:
-                    "Set contribution amount, cycle length, and max members. You become the admin.",
-                },
-                {
-                  step: "2",
-                  title: "Members Join",
-                  description:
-                    "Share the group link. Members join until the group is full or the admin starts it.",
-                },
-                {
-                  step: "3",
-                  title: "Contribute Each Cycle",
-                  description:
-                    "Every member contributes the fixed amount each round. Smart contract enforces rules.",
-                },
-                {
-                  step: "4",
-                  title: "Receive the Pot",
-                  description:
-                    "Each round, one member receives the full pot. Continues until everyone has received.",
-                },
-              ].map((item) => (
-                <div key={item.step} className="text-center">
+              {stepKeys.map((stepKey, index) => (
+                <div key={stepKey} className="text-center">
                   <div className="w-12 h-12 bg-primary-100 text-primary-700 rounded-full flex items-center justify-center text-xl font-bold mx-auto mb-4">
-                    {item.step}
+                    {index + 1}
                   </div>
                   <h3 className="text-lg font-semibold text-gray-900 mb-2">
-                    {item.title}
+                    {t(`how.steps.${stepKey}.title`)}
                   </h3>
-                  <p className="text-gray-600 text-sm">{item.description}</p>
+                  <p className="text-gray-600 text-sm">
+                    {t(`how.steps.${stepKey}.description`)}
+                  </p>
                 </div>
               ))}
             </div>
@@ -87,34 +68,20 @@ export default function Home() {
         <section className="bg-gray-100 py-20">
           <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
             <h2 className="text-3xl font-bold text-gray-900 text-center mb-12">
-              Why SoroSave?
+              {t("features.title")}
             </h2>
             <div className="grid md:grid-cols-3 gap-8">
-              {[
-                {
-                  title: "Trustless",
-                  description:
-                    "Smart contracts enforce contributions and payouts. No middleman needed.",
-                },
-                {
-                  title: "Transparent",
-                  description:
-                    "All transactions are on-chain. Every member can verify the group state.",
-                },
-                {
-                  title: "Low Cost",
-                  description:
-                    "Built on Soroban (Stellar). Transaction fees are a fraction of a cent.",
-                },
-              ].map((feature) => (
+              {featureKeys.map((feature) => (
                 <div
-                  key={feature.title}
+                  key={feature}
                   className="bg-white p-6 rounded-xl shadow-sm"
                 >
                   <h3 className="text-lg font-semibold text-gray-900 mb-2">
-                    {feature.title}
+                    {t(`features.items.${feature}.title`)}
                   </h3>
-                  <p className="text-gray-600">{feature.description}</p>
+                  <p className="text-gray-600">
+                    {t(`features.items.${feature}.description`)}
+                  </p>
                 </div>
               ))}
             </div>
@@ -125,9 +92,7 @@ export default function Home() {
         <footer className="bg-gray-900 text-gray-400 py-12">
           <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
             <p className="text-lg font-semibold text-white mb-2">SoroSave</p>
-            <p className="text-sm">
-              Open-source decentralized group savings protocol on Soroban.
-            </p>
+            <p className="text-sm">{t("footer.description")}</p>
             <div className="mt-4 space-x-4 text-sm">
               <a
                 href="https://github.com/big14way/sorosave"
@@ -136,7 +101,7 @@ export default function Home() {
                 GitHub
               </a>
               <a href="#" className="hover:text-white">
-                Docs
+                {t("footer.docs")}
               </a>
               <a href="#" className="hover:text-white">
                 Discord
diff --git a/frontend/src/app/layout.tsx b/frontend/src/app/layout.tsx
deleted file mode 100644
index 17200f3..0000000
--- a/frontend/src/app/layout.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import type { Metadata } from "next";
-import { Providers } from "./providers";
-import "./globals.css";
-
-export const metadata: Metadata = {
-  title: "SoroSave — Decentralized Group Savings",
-  description:
-    "A decentralized rotating savings protocol built on Soroban. Create or join savings groups, contribute each cycle, and receive the pot when it's your turn.",
-};
-
-export default function RootLayout({
-  children,
-}: {
-  children: React.ReactNode;
-}) {
-  return (
-    <html lang="en">
-      <body className="min-h-screen bg-gray-50">
-        <Providers>{children}</Providers>
-      </body>
-    </html>
-  );
-}
diff --git a/frontend/src/components/ConnectWallet.tsx b/frontend/src/components/ConnectWallet.tsx
index f039a0e..61b96b2 100644
--- a/frontend/src/components/ConnectWallet.tsx
+++ b/frontend/src/components/ConnectWallet.tsx
@@ -1,9 +1,11 @@
 "use client";
 
+import { useTranslations } from "next-intl";
 import { useWallet } from "@/app/providers";
 import { shortenAddress } from "@sorosave/sdk";
 
 export function ConnectWallet() {
+  const t = useTranslations("Wallet");
   const { address, isConnected, isFreighterAvailable, connect, disconnect } =
     useWallet();
 
@@ -15,7 +17,7 @@ export function ConnectWallet() {
         rel="noopener noreferrer"
         className="bg-gray-200 text-gray-700 px-4 py-2 rounded-lg text-sm font-medium hover:bg-gray-300"
       >
-        Install Freighter
+        {t("installFreighter")}
       </a>
     );
   }
@@ -30,7 +32,7 @@ export function ConnectWallet() {
           onClick={disconnect}
           className="text-sm text-red-600 hover:text-red-800"
         >
-          Disconnect
+          {t("disconnect")}
         </button>
       </div>
     );
@@ -41,7 +43,7 @@ export function ConnectWallet() {
       onClick={connect}
       className="bg-primary-600 text-white px-4 py-2 rounded-lg text-sm font-medium hover:bg-primary-700 transition-colors"
     >
-      Connect Wallet
+      {t("connectWallet")}
     </button>
   );
 }
diff --git a/frontend/src/components/ContributeModal.tsx b/frontend/src/components/ContributeModal.tsx
index 0d9d539..98be6ec 100644
--- a/frontend/src/components/ContributeModal.tsx
+++ b/frontend/src/components/ContributeModal.tsx
@@ -1,5 +1,6 @@
 "use client";
 
+import { useTranslations } from "next-intl";
 import { useState } from "react";
 import { useWallet } from "@/app/providers";
 import { sorosaveClient, NETWORK_PASSPHRASE } from "@/lib/sorosave";
@@ -19,6 +20,7 @@ export function ContributeModal({
   isOpen,
   onClose,
 }: ContributeModalProps) {
+  const t = useTranslations("ContributeModal");
   const { address } = useWallet();
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState<string | null>(null);
@@ -42,7 +44,7 @@ export function ContributeModal({
       console.log("Signed contribution:", signedXdr);
       onClose();
     } catch (err) {
-      setError(err instanceof Error ? err.message : "Failed to contribute");
+      setError(err instanceof Error ? err.message : t("error"));
     } finally {
       setLoading(false);
     }
@@ -52,14 +54,14 @@ export function ContributeModal({
     <div className="fixed inset-0 bg-black/50 flex items-center justify-center z-50">
       <div className="bg-white rounded-xl p-6 max-w-md w-full mx-4">
         <h3 className="text-lg font-semibold text-gray-900 mb-4">
-          Confirm Contribution
+          {t("title")}
         </h3>
 
         <div className="bg-gray-50 rounded-lg p-4 mb-6">
           <div className="text-center">
-            <p className="text-sm text-gray-600 mb-1">Amount to contribute</p>
+            <p className="text-sm text-gray-600 mb-1">{t("amount")}</p>
             <p className="text-2xl font-bold text-gray-900">
-              {formatAmount(contributionAmount)} tokens
+              {formatAmount(contributionAmount)} {t("tokens")}
             </p>
           </div>
         </div>
@@ -75,14 +77,14 @@ export function ContributeModal({
             onClick={onClose}
             className="flex-1 px-4 py-2 border border-gray-300 rounded-lg text-gray-700 hover:bg-gray-50"
           >
-            Cancel
+            {t("cancel")}
           </button>
           <button
             onClick={handleContribute}
             disabled={loading}
             className="flex-1 bg-primary-600 text-white px-4 py-2 rounded-lg font-medium hover:bg-primary-700 disabled:opacity-50"
           >
-            {loading ? "Confirming..." : "Contribute"}
+            {loading ? t("confirming") : t("contribute")}
           </button>
         </div>
       </div>
diff --git a/frontend/src/components/CreateGroupForm.tsx b/frontend/src/components/CreateGroupForm.tsx
index 0a1a767..7016351 100644
--- a/frontend/src/components/CreateGroupForm.tsx
+++ b/frontend/src/components/CreateGroupForm.tsx
@@ -1,5 +1,6 @@
 "use client";
 
+import { useTranslations } from "next-intl";
 import { useState } from "react";
 import { useWallet } from "@/app/providers";
 import { sorosaveClient, NETWORK_PASSPHRASE } from "@/lib/sorosave";
@@ -7,6 +8,7 @@ import { parseAmount } from "@sorosave/sdk";
 import { signTransaction } from "@/lib/wallet";
 
 export function CreateGroupForm() {
+  const t = useTranslations("CreateGroupForm");
   const { address, isConnected } = useWallet();
   const [name, setName] = useState("");
   const [tokenAddress, setTokenAddress] = useState("");
@@ -43,9 +45,9 @@ export function CreateGroupForm() {
 
       // TODO: Submit signed transaction to network
       console.log("Signed transaction:", signedXdr);
-      alert("Group created successfully!");
+      alert(t("success"));
     } catch (err) {
-      setError(err instanceof Error ? err.message : "Failed to create group");
+      setError(err instanceof Error ? err.message : t("error"));
     } finally {
       setLoading(false);
     }
@@ -54,7 +56,7 @@ export function CreateGroupForm() {
   if (!isConnected) {
     return (
       <div className="text-center py-12 text-gray-500">
-        Please connect your wallet to create a group.
+        {t("walletRequired")}
       </div>
     );
   }
@@ -63,7 +65,7 @@ export function CreateGroupForm() {
     <form onSubmit={handleSubmit} className="space-y-6 max-w-lg">
       <div>
         <label className="block text-sm font-medium text-gray-700 mb-1">
-          Group Name
+          {t("groupName")}
         </label>
         <input
           type="text"
@@ -71,13 +73,13 @@ export function CreateGroupForm() {
           onChange={(e) => setName(e.target.value)}
           required
           className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-transparent"
-          placeholder="My Savings Circle"
+          placeholder={t("groupNamePlaceholder")}
         />
       </div>
 
       <div>
         <label className="block text-sm font-medium text-gray-700 mb-1">
-          Token Contract Address
+          {t("tokenContractAddress")}
         </label>
         <input
           type="text"
@@ -85,13 +87,13 @@ export function CreateGroupForm() {
           onChange={(e) => setTokenAddress(e.target.value)}
           required
           className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-transparent"
-          placeholder="CDLZ..."
+          placeholder={t("tokenPlaceholder")}
         />
       </div>
 
       <div>
         <label className="block text-sm font-medium text-gray-700 mb-1">
-          Contribution Amount (per cycle)
+          {t("contributionAmount")}
         </label>
         <input
           type="text"
@@ -106,22 +108,22 @@ export function CreateGroupForm() {
       <div className="grid grid-cols-2 gap-4">
         <div>
           <label className="block text-sm font-medium text-gray-700 mb-1">
-            Cycle Length (seconds)
+            {t("cycleLength")}
           </label>
           <select
             value={cycleLength}
             onChange={(e) => setCycleLength(e.target.value)}
             className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-transparent"
           >
-            <option value="3600">1 Hour</option>
-            <option value="86400">1 Day</option>
-            <option value="604800">1 Week</option>
-            <option value="2592000">1 Month</option>
+            <option value="3600">{t("duration.hour")}</option>
+            <option value="86400">{t("duration.day")}</option>
+            <option value="604800">{t("duration.week")}</option>
+            <option value="2592000">{t("duration.month")}</option>
           </select>
         </div>
         <div>
           <label className="block text-sm font-medium text-gray-700 mb-1">
-            Max Members
+            {t("maxMembers")}
           </label>
           <input
             type="number"
@@ -145,7 +147,7 @@ export function CreateGroupForm() {
         disabled={loading}
         className="w-full bg-primary-600 text-white py-3 rounded-lg font-medium hover:bg-primary-700 transition-colors disabled:opacity-50"
       >
-        {loading ? "Creating..." : "Create Savings Group"}
+        {loading ? t("creating") : t("submit")}
       </button>
     </form>
   );
diff --git a/frontend/src/components/GroupCard.tsx b/frontend/src/components/GroupCard.tsx
index 34e0616..19d1d0b 100644
--- a/frontend/src/components/GroupCard.tsx
+++ b/frontend/src/components/GroupCard.tsx
@@ -1,7 +1,8 @@
 "use client";
 
-import Link from "next/link";
-import { SavingsGroup, formatAmount, getStatusLabel } from "@sorosave/sdk";
+import { useTranslations } from "next-intl";
+import { Link } from "@/i18n/navigation";
+import { SavingsGroup, formatAmount } from "@sorosave/sdk";
 
 interface GroupCardProps {
   group: SavingsGroup;
@@ -16,6 +17,15 @@ const statusColors: Record<string, string> = {
 };
 
 export function GroupCard({ group }: GroupCardProps) {
+  const t = useTranslations("GroupCard");
+  const statusLabels: Record<string, string> = {
+    Forming: t("status.forming"),
+    Active: t("status.active"),
+    Completed: t("status.completed"),
+    Disputed: t("status.disputed"),
+    Paused: t("status.paused"),
+  };
+
   return (
     <Link href={`/groups/${group.id}`}>
       <div className="bg-white rounded-xl shadow-sm border p-6 hover:shadow-md transition-shadow cursor-pointer">
@@ -23,28 +33,28 @@ export function GroupCard({ group }: GroupCardProps) {
           <h3 className="text-lg font-semibold text-gray-900">{group.name}</h3>
           <span
             className={`px-2 py-1 rounded-full text-xs font-medium ${
-              statusColors[group.status] || "bg-gray-100 text-gray-800"
+              statusColors[String(group.status)] || "bg-gray-100 text-gray-800"
             }`}
           >
-            {getStatusLabel(group.status)}
+            {statusLabels[String(group.status)] || String(group.status)}
           </span>
         </div>
 
         <div className="space-y-2 text-sm text-gray-600">
           <div className="flex justify-between">
-            <span>Contribution</span>
+            <span>{t("contribution")}</span>
             <span className="font-medium text-gray-900">
-              {formatAmount(group.contributionAmount)} tokens
+              {formatAmount(group.contributionAmount)} {t("tokens")}
             </span>
           </div>
           <div className="flex justify-between">
-            <span>Members</span>
+            <span>{t("members")}</span>
             <span className="font-medium text-gray-900">
               {group.members.length} / {group.maxMembers}
             </span>
           </div>
           <div className="flex justify-between">
-            <span>Round</span>
+            <span>{t("round")}</span>
             <span className="font-medium text-gray-900">
               {group.currentRound} / {group.totalRounds || group.maxMembers}
             </span>
diff --git a/frontend/src/components/LanguageSwitcher.tsx b/frontend/src/components/LanguageSwitcher.tsx
new file mode 100644
index 0000000..fe60f67
--- /dev/null
+++ b/frontend/src/components/LanguageSwitcher.tsx
@@ -0,0 +1,33 @@
+"use client";
+
+import { useLocale, useTranslations } from "next-intl";
+import { routing, type Locale } from "@/i18n/routing";
+import { usePathname, useRouter } from "@/i18n/navigation";
+
+export function LanguageSwitcher() {
+  const t = useTranslations("LocaleSwitcher");
+  const locale = useLocale() as Locale;
+  const pathname = usePathname();
+  const router = useRouter();
+
+  return (
+    <label className="flex items-center">
+      <span className="sr-only">{t("label")}</span>
+      <select
+        value={locale}
+        onChange={(event) => {
+          router.replace(pathname, {
+            locale: event.target.value as Locale,
+          });
+        }}
+        className="rounded-lg border border-gray-300 bg-white px-2 py-1 text-sm text-gray-700 hover:bg-gray-50"
+      >
+        {routing.locales.map((item) => (
+          <option key={item} value={item}>
+            {t(`locales.${item}`)}
+          </option>
+        ))}
+      </select>
+    </label>
+  );
+}
diff --git a/frontend/src/components/MemberList.tsx b/frontend/src/components/MemberList.tsx
index bd469e1..3508904 100644
--- a/frontend/src/components/MemberList.tsx
+++ b/frontend/src/components/MemberList.tsx
@@ -1,5 +1,6 @@
 "use client";
 
+import { useTranslations } from "next-intl";
 import { shortenAddress } from "@sorosave/sdk";
 
 interface MemberListProps {
@@ -15,9 +16,13 @@ export function MemberList({
   payoutOrder,
   currentRound,
 }: MemberListProps) {
+  const t = useTranslations("MemberList");
+
   return (
     <div className="bg-white rounded-xl shadow-sm border p-6">
-      <h3 className="text-lg font-semibold text-gray-900 mb-4">Members</h3>
+      <h3 className="text-lg font-semibold text-gray-900 mb-4">
+        {t("title")}
+      </h3>
       <div className="space-y-3">
         {members.map((member, index) => {
           const payoutRound =
@@ -42,7 +47,7 @@ export function MemberList({
                   </span>
                   {member === admin && (
                     <span className="ml-2 text-xs bg-primary-100 text-primary-700 px-2 py-0.5 rounded-full">
-                      Admin
+                      {t("admin")}
                     </span>
                   )}
                 </div>
@@ -50,17 +55,17 @@ export function MemberList({
               <div>
                 {isCurrentRecipient && (
                   <span className="text-xs bg-green-100 text-green-700 px-2 py-1 rounded-full">
-                    Current Recipient
+                    {t("currentRecipient")}
                   </span>
                 )}
                 {hasReceived && (
                   <span className="text-xs bg-gray-100 text-gray-600 px-2 py-1 rounded-full">
-                    Received
+                    {t("received")}
                   </span>
                 )}
                 {payoutRound && !hasReceived && !isCurrentRecipient && (
                   <span className="text-xs text-gray-500">
-                    Round {payoutRound}
+                    {t("round")} {payoutRound}
                   </span>
                 )}
               </div>
diff --git a/frontend/src/components/Navbar.tsx b/frontend/src/components/Navbar.tsx
index 2d673aa..569bef3 100644
--- a/frontend/src/components/Navbar.tsx
+++ b/frontend/src/components/Navbar.tsx
@@ -1,9 +1,13 @@
 "use client";
 
-import Link from "next/link";
+import { useTranslations } from "next-intl";
+import { Link } from "@/i18n/navigation";
 import { ConnectWallet } from "./ConnectWallet";
+import { LanguageSwitcher } from "./LanguageSwitcher";
 
 export function Navbar() {
+  const t = useTranslations("Navbar");
+
   return (
     <nav className="bg-white shadow-sm border-b">
       <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
@@ -17,17 +21,20 @@ export function Navbar() {
                 href="/groups"
                 className="text-gray-600 hover:text-gray-900 px-3 py-2 text-sm font-medium"
               >
-                Groups
+                {t("groups")}
               </Link>
               <Link
                 href="/groups/new"
                 className="text-gray-600 hover:text-gray-900 px-3 py-2 text-sm font-medium"
               >
-                Create Group
+                {t("createGroup")}
               </Link>
             </div>
           </div>
-          <ConnectWallet />
+          <div className="flex items-center space-x-3">
+            <LanguageSwitcher />
+            <ConnectWallet />
+          </div>
         </div>
       </div>
     </nav>
diff --git a/frontend/src/components/RoundProgress.tsx b/frontend/src/components/RoundProgress.tsx
index 8105152..146b4be 100644
--- a/frontend/src/components/RoundProgress.tsx
+++ b/frontend/src/components/RoundProgress.tsx
@@ -1,5 +1,7 @@
 "use client";
 
+import { useTranslations } from "next-intl";
+
 interface RoundProgressProps {
   currentRound: number;
   totalRounds: number;
@@ -13,20 +15,23 @@ export function RoundProgress({
   contributionsReceived,
   totalMembers,
 }: RoundProgressProps) {
+  const t = useTranslations("RoundProgress");
   const roundProgress = totalRounds > 0 ? (currentRound / totalRounds) * 100 : 0;
   const contributionProgress =
     totalMembers > 0 ? (contributionsReceived / totalMembers) * 100 : 0;
 
   return (
     <div className="bg-white rounded-xl shadow-sm border p-6">
-      <h3 className="text-lg font-semibold text-gray-900 mb-4">Progress</h3>
+      <h3 className="text-lg font-semibold text-gray-900 mb-4">
+        {t("title")}
+      </h3>
 
       <div className="space-y-4">
         <div>
           <div className="flex justify-between text-sm mb-1">
-            <span className="text-gray-600">Overall Progress</span>
+            <span className="text-gray-600">{t("overall")}</span>
             <span className="font-medium text-gray-900">
-              Round {currentRound} of {totalRounds}
+              {t("roundOf", { currentRound, totalRounds })}
             </span>
           </div>
           <div className="w-full bg-gray-200 rounded-full h-2">
@@ -39,7 +44,7 @@ export function RoundProgress({
 
         <div>
           <div className="flex justify-between text-sm mb-1">
-            <span className="text-gray-600">Current Round Contributions</span>
+            <span className="text-gray-600">{t("currentContributions")}</span>
             <span className="font-medium text-gray-900">
               {contributionsReceived} / {totalMembers}
             </span>
diff --git a/frontend/src/i18n/navigation.ts b/frontend/src/i18n/navigation.ts
new file mode 100644
index 0000000..2c786c5
--- /dev/null
+++ b/frontend/src/i18n/navigation.ts
@@ -0,0 +1,5 @@
+import { createNavigation } from "next-intl/navigation";
+import { routing } from "./routing";
+
+export const { Link, redirect, usePathname, useRouter, getPathname } =
+  createNavigation(routing);
diff --git a/frontend/src/i18n/request.ts b/frontend/src/i18n/request.ts
new file mode 100644
index 0000000..7157f14
--- /dev/null
+++ b/frontend/src/i18n/request.ts
@@ -0,0 +1,15 @@
+import { hasLocale } from "next-intl";
+import { getRequestConfig } from "next-intl/server";
+import { routing } from "./routing";
+
+export default getRequestConfig(async ({ requestLocale }) => {
+  const requested = await requestLocale;
+  const locale = hasLocale(routing.locales, requested)
+    ? requested
+    : routing.defaultLocale;
+
+  return {
+    locale,
+    messages: (await import(`../messages/${locale}.json`)).default,
+  };
+});
diff --git a/frontend/src/i18n/routing.ts b/frontend/src/i18n/routing.ts
new file mode 100644
index 0000000..be582bd
--- /dev/null
+++ b/frontend/src/i18n/routing.ts
@@ -0,0 +1,9 @@
+import { defineRouting } from "next-intl/routing";
+
+export const routing = defineRouting({
+  locales: ["en", "fr"],
+  defaultLocale: "en",
+  localePrefix: "as-needed",
+});
+
+export type Locale = (typeof routing.locales)[number];
diff --git a/frontend/src/messages/en.json b/frontend/src/messages/en.json
new file mode 100644
index 0000000..05e6095
--- /dev/null
+++ b/frontend/src/messages/en.json
@@ -0,0 +1,154 @@
+{
+  "Metadata": {
+    "title": "SoroSave - Decentralized Group Savings",
+    "description": "A decentralized rotating savings protocol built on Soroban. Create or join savings groups, contribute each cycle, and receive the pot when it's your turn."
+  },
+  "Navbar": {
+    "groups": "Groups",
+    "createGroup": "Create Group"
+  },
+  "Wallet": {
+    "installFreighter": "Install Freighter",
+    "disconnect": "Disconnect",
+    "connectWallet": "Connect Wallet"
+  },
+  "LocaleSwitcher": {
+    "label": "Language",
+    "locales": {
+      "en": "English",
+      "fr": "French"
+    }
+  },
+  "HomePage": {
+    "hero": {
+      "title": "Decentralized Group Savings for Everyone",
+      "description": "SoroSave brings the traditional rotating savings model (ajo, susu, chit fund) to the Stellar blockchain. Trustless, transparent, and accessible.",
+      "browseGroups": "Browse Groups",
+      "createGroup": "Create a Group"
+    },
+    "how": {
+      "title": "How It Works",
+      "steps": {
+        "create": {
+          "title": "Create a Group",
+          "description": "Set contribution amount, cycle length, and max members. You become the admin."
+        },
+        "join": {
+          "title": "Members Join",
+          "description": "Share the group link. Members join until the group is full or the admin starts it."
+        },
+        "contribute": {
+          "title": "Contribute Each Cycle",
+          "description": "Every member contributes the fixed amount each round. Smart contract enforces rules."
+        },
+        "receive": {
+          "title": "Receive the Pot",
+          "description": "Each round, one member receives the full pot. Continues until everyone has received."
+        }
+      }
+    },
+    "features": {
+      "title": "Why SoroSave?",
+      "items": {
+        "trustless": {
+          "title": "Trustless",
+          "description": "Smart contracts enforce contributions and payouts. No middleman needed."
+        },
+        "transparent": {
+          "title": "Transparent",
+          "description": "All transactions are on-chain. Every member can verify the group state."
+        },
+        "lowCost": {
+          "title": "Low Cost",
+          "description": "Built on Soroban (Stellar). Transaction fees are a fraction of a cent."
+        }
+      }
+    },
+    "footer": {
+      "description": "Open-source decentralized group savings protocol on Soroban.",
+      "docs": "Docs"
+    }
+  },
+  "GroupsPage": {
+    "title": "Savings Groups",
+    "empty": "No groups found. Create the first one!"
+  },
+  "NewGroupPage": {
+    "title": "Create a Savings Group"
+  },
+  "GroupCard": {
+    "contribution": "Contribution",
+    "members": "Members",
+    "round": "Round",
+    "tokens": "tokens",
+    "status": {
+      "forming": "Accepting Members",
+      "active": "Active",
+      "completed": "Completed",
+      "disputed": "Under Dispute",
+      "paused": "Paused"
+    }
+  },
+  "CreateGroupForm": {
+    "walletRequired": "Please connect your wallet to create a group.",
+    "groupName": "Group Name",
+    "groupNamePlaceholder": "My Savings Circle",
+    "tokenContractAddress": "Token Contract Address",
+    "tokenPlaceholder": "CDLZ...",
+    "contributionAmount": "Contribution Amount (per cycle)",
+    "cycleLength": "Cycle Length (seconds)",
+    "maxMembers": "Max Members",
+    "duration": {
+      "hour": "1 Hour",
+      "day": "1 Day",
+      "week": "1 Week",
+      "month": "1 Month"
+    },
+    "success": "Group created successfully!",
+    "error": "Failed to create group",
+    "creating": "Creating...",
+    "submit": "Create Savings Group"
+  },
+  "GroupDetailPage": {
+    "tokensPerCycle": "tokens per cycle",
+    "actions": "Actions",
+    "contribute": "Contribute",
+    "joinGroup": "Join Group",
+    "groupInfo": "Group Info",
+    "status": "Status",
+    "members": "Members",
+    "cycle": "Cycle",
+    "potSize": "Pot Size",
+    "days": "days",
+    "tokens": "tokens",
+    "statusLabels": {
+      "forming": "Accepting Members",
+      "active": "Active",
+      "completed": "Completed",
+      "disputed": "Under Dispute",
+      "paused": "Paused"
+    }
+  },
+  "MemberList": {
+    "title": "Members",
+    "admin": "Admin",
+    "currentRecipient": "Current Recipient",
+    "received": "Received",
+    "round": "Round"
+  },
+  "RoundProgress": {
+    "title": "Progress",
+    "overall": "Overall Progress",
+    "roundOf": "Round {currentRound} of {totalRounds}",
+    "currentContributions": "Current Round Contributions"
+  },
+  "ContributeModal": {
+    "title": "Confirm Contribution",
+    "amount": "Amount to contribute",
+    "tokens": "tokens",
+    "error": "Failed to contribute",
+    "cancel": "Cancel",
+    "confirming": "Confirming...",
+    "contribute": "Contribute"
+  }
+}
diff --git a/frontend/src/messages/fr.json b/frontend/src/messages/fr.json
new file mode 100644
index 0000000..981d6f9
--- /dev/null
+++ b/frontend/src/messages/fr.json
@@ -0,0 +1,154 @@
+{
+  "Metadata": {
+    "title": "SoroSave - Epargne collective decentralisee",
+    "description": "Un protocole d'epargne rotative decentralisee construit sur Soroban. Creez ou rejoignez des groupes d'epargne, contribuez a chaque cycle et recevez la cagnotte quand vient votre tour."
+  },
+  "Navbar": {
+    "groups": "Groupes",
+    "createGroup": "Creer un groupe"
+  },
+  "Wallet": {
+    "installFreighter": "Installer Freighter",
+    "disconnect": "Deconnecter",
+    "connectWallet": "Connecter le wallet"
+  },
+  "LocaleSwitcher": {
+    "label": "Langue",
+    "locales": {
+      "en": "Anglais",
+      "fr": "Francais"
+    }
+  },
+  "HomePage": {
+    "hero": {
+      "title": "Epargne collective decentralisee pour tous",
+      "description": "SoroSave apporte le modele traditionnel d'epargne rotative (ajo, susu, tontine) a la blockchain Stellar. Sans confiance aveugle, transparent et accessible.",
+      "browseGroups": "Voir les groupes",
+      "createGroup": "Creer un groupe"
+    },
+    "how": {
+      "title": "Comment ca marche",
+      "steps": {
+        "create": {
+          "title": "Creez un groupe",
+          "description": "Definissez le montant de contribution, la duree du cycle et le nombre maximum de membres. Vous devenez l'administrateur."
+        },
+        "join": {
+          "title": "Les membres rejoignent",
+          "description": "Partagez le lien du groupe. Les membres rejoignent jusqu'a ce que le groupe soit complet ou que l'administrateur le lance."
+        },
+        "contribute": {
+          "title": "Contribuez a chaque cycle",
+          "description": "Chaque membre verse le montant fixe a chaque tour. Le smart contract applique les regles."
+        },
+        "receive": {
+          "title": "Recevez la cagnotte",
+          "description": "A chaque tour, un membre recoit toute la cagnotte. Le processus continue jusqu'a ce que tout le monde l'ait recue."
+        }
+      }
+    },
+    "features": {
+      "title": "Pourquoi SoroSave ?",
+      "items": {
+        "trustless": {
+          "title": "Sans intermediaire",
+          "description": "Les smart contracts appliquent les contributions et les paiements. Aucun intermediaire n'est necessaire."
+        },
+        "transparent": {
+          "title": "Transparent",
+          "description": "Toutes les transactions sont on-chain. Chaque membre peut verifier l'etat du groupe."
+        },
+        "lowCost": {
+          "title": "Faible cout",
+          "description": "Construit sur Soroban (Stellar). Les frais de transaction ne representent qu'une fraction de centime."
+        }
+      }
+    },
+    "footer": {
+      "description": "Protocole open source d'epargne collective decentralisee sur Soroban.",
+      "docs": "Docs"
+    }
+  },
+  "GroupsPage": {
+    "title": "Groupes d'epargne",
+    "empty": "Aucun groupe trouve. Creez le premier !"
+  },
+  "NewGroupPage": {
+    "title": "Creer un groupe d'epargne"
+  },
+  "GroupCard": {
+    "contribution": "Contribution",
+    "members": "Membres",
+    "round": "Tour",
+    "tokens": "tokens",
+    "status": {
+      "forming": "Accepte des membres",
+      "active": "Actif",
+      "completed": "Termine",
+      "disputed": "En litige",
+      "paused": "En pause"
+    }
+  },
+  "CreateGroupForm": {
+    "walletRequired": "Veuillez connecter votre wallet pour creer un groupe.",
+    "groupName": "Nom du groupe",
+    "groupNamePlaceholder": "Mon cercle d'epargne",
+    "tokenContractAddress": "Adresse du contrat token",
+    "tokenPlaceholder": "CDLZ...",
+    "contributionAmount": "Montant de contribution (par cycle)",
+    "cycleLength": "Duree du cycle (secondes)",
+    "maxMembers": "Nombre max de membres",
+    "duration": {
+      "hour": "1 heure",
+      "day": "1 jour",
+      "week": "1 semaine",
+      "month": "1 mois"
+    },
+    "success": "Groupe cree avec succes !",
+    "error": "Echec de la creation du groupe",
+    "creating": "Creation...",
+    "submit": "Creer le groupe d'epargne"
+  },
+  "GroupDetailPage": {
+    "tokensPerCycle": "tokens par cycle",
+    "actions": "Actions",
+    "contribute": "Contribuer",
+    "joinGroup": "Rejoindre le groupe",
+    "groupInfo": "Infos du groupe",
+    "status": "Statut",
+    "members": "Membres",
+    "cycle": "Cycle",
+    "potSize": "Taille de la cagnotte",
+    "days": "jours",
+    "tokens": "tokens",
+    "statusLabels": {
+      "forming": "Accepte des membres",
+      "active": "Actif",
+      "completed": "Termine",
+      "disputed": "En litige",
+      "paused": "En pause"
+    }
+  },
+  "MemberList": {
+    "title": "Membres",
+    "admin": "Admin",
+    "currentRecipient": "Beneficiaire actuel",
+    "received": "Recu",
+    "round": "Tour"
+  },
+  "RoundProgress": {
+    "title": "Progression",
+    "overall": "Progression globale",
+    "roundOf": "Tour {currentRound} sur {totalRounds}",
+    "currentContributions": "Contributions du tour actuel"
+  },
+  "ContributeModal": {
+    "title": "Confirmer la contribution",
+    "amount": "Montant a contribuer",
+    "tokens": "tokens",
+    "error": "Echec de la contribution",
+    "cancel": "Annuler",
+    "confirming": "Confirmation...",
+    "contribute": "Contribuer"
+  }
+}
diff --git a/frontend/src/middleware.ts b/frontend/src/middleware.ts
new file mode 100644
index 0000000..fcf488a
--- /dev/null
+++ b/frontend/src/middleware.ts
@@ -0,0 +1,8 @@
+import createMiddleware from "next-intl/middleware";
+import { routing } from "./i18n/routing";
+
+export default createMiddleware(routing);
+
+export const config = {
+  matcher: ["/((?!api|_next|_vercel|.*\\..*).*)"],
+};