diff --git a/app/package-lock.json b/app/package-lock.json
index 22ce382a..c152b754 100644
--- a/app/package-lock.json
+++ b/app/package-lock.json
@@ -18,6 +18,7 @@
         "@tanstack/react-query-devtools": "^5.83.0",
         "dayjs": "^1.11.13",
         "framer-motion": "^12.23.24",
+        "jsonp": "^0.2.1",
         "react": "^19.1.0",
         "react-dom": "^19.1.0",
         "react-plotly.js": "^2.6.0",
@@ -34,6 +35,7 @@
         "@testing-library/jest-dom": "^6.6.3",
         "@testing-library/react": "^16.3.0",
         "@testing-library/user-event": "^14.6.1",
+        "@types/jsonp": "^0.2.3",
         "@types/node": "^22.15.11",
         "@types/react": "^19.1.8",
         "@types/react-dom": "^19.1.6",
@@ -2735,6 +2737,13 @@
       "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
       "license": "MIT"
     },
+    "node_modules/@types/jsonp": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmjs.org/@types/jsonp/-/jsonp-0.2.3.tgz",
+      "integrity": "sha512-+bbowFC2n6TkpbQ369/tqL8pRPF4JRfRNf7Z6cpnAlLlEdy6YxG4HYZE7Qkeg2otcDbwNPIuSMux+P3pE4viFA==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@types/less": {
       "version": "3.0.8",
       "resolved": "https://registry.npmjs.org/@types/less/-/less-3.0.8.tgz",
@@ -7921,6 +7930,29 @@
         "node": ">=6"
       }
     },
+    "node_modules/jsonp": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/jsonp/-/jsonp-0.2.1.tgz",
+      "integrity": "sha512-pfog5gdDxPdV4eP7Kg87M8/bHgshlZ5pybl+yKxAnCZ5O7lCIn7Ixydj03wOlnDQesky2BPyA91SQ+5Y/mNwzw==",
+      "dependencies": {
+        "debug": "^2.1.3"
+      }
+    },
+    "node_modules/jsonp/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/jsonp/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "license": "MIT"
+    },
     "node_modules/jsx-ast-utils": {
       "version": "3.3.5",
       "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz",
diff --git a/app/package.json b/app/package.json
index 7eafef8b..de24d440 100644
--- a/app/package.json
+++ b/app/package.json
@@ -33,6 +33,7 @@
     "@tanstack/react-query-devtools": "^5.83.0",
     "dayjs": "^1.11.13",
     "framer-motion": "^12.23.24",
+    "jsonp": "^0.2.1",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "react-plotly.js": "^2.6.0",
@@ -49,6 +50,7 @@
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
+    "@types/jsonp": "^0.2.3",
     "@types/node": "^22.15.11",
     "@types/react": "^19.1.8",
     "@types/react-dom": "^19.1.6",
@@ -76,4 +78,4 @@
     "vite-tsconfig-paths": "^5.1.4",
     "vitest": "^3.2.3"
   }
-}
\ No newline at end of file
+}
diff --git a/app/src/components/Footer.tsx b/app/src/components/Footer.tsx
index 9959b07b..dbd9ee5d 100644
--- a/app/src/components/Footer.tsx
+++ b/app/src/components/Footer.tsx
@@ -7,18 +7,21 @@ import {
   IconBrandYoutube,
 } from '@tabler/icons-react';
 import { Anchor, Box, Container, Group, SimpleGrid, Stack, Text } from '@mantine/core';
+import type { CountryId } from '@/api/report';
 import PolicyEngineLogo from '@/assets/policyengine-logo.svg';
 import FooterSubscribe from '@/components/FooterSubscribe';
 import { colors, spacing, typography } from '@/designTokens';
+import { useCurrentCountry } from '@/hooks/useCurrentCountry';
 
-const CONTACT_LINKS = {
+const getContactLinks = (countryId: CountryId) => ({
   email: 'mailto:hello@policyengine.org',
-  about: '#',
-  donate: '#',
-  privacy: '#',
-  terms: '#',
-  developerTools: '#',
-};
+  about: `/${countryId}/team`,
+  donate: `/${countryId}/donate`,
+  privacy: `/${countryId}/privacy`,
+  terms: `/${countryId}/terms`,
+  // TODO: Add developer-tools page once it's built out
+  // developerTools: `/${countryId}/developer-tools`,
+});
 
 const SOCIAL_LINKS = [
   { icon: IconBrandTwitter, href: 'https://twitter.com/ThePolicyEngine' },
@@ -30,6 +33,8 @@ const SOCIAL_LINKS = [
 ];
 
 export default function Footer() {
+  const countryId = useCurrentCountry();
+  const CONTACT_LINKS = getContactLinks(countryId);
   return (
     <Box
       component="footer"
@@ -86,8 +91,9 @@ export default function Footer() {
                 underline="never"
                 ff={typography.fontFamily.primary}
               >
-                Terms and conditions
+                Terms and Conditions
               </Anchor>
+              {/* TODO: Uncomment when developer-tools page is built
               <Anchor
                 href={CONTACT_LINKS.developerTools}
                 c={colors.white}
@@ -97,6 +103,7 @@ export default function Footer() {
               >
                 Developer tools
               </Anchor>
+              */}
             </Stack>
 
             <Stack gap="md">
diff --git a/app/src/components/FooterSubscribe.tsx b/app/src/components/FooterSubscribe.tsx
index d8b84e17..ac8a8615 100644
--- a/app/src/components/FooterSubscribe.tsx
+++ b/app/src/components/FooterSubscribe.tsx
@@ -1,13 +1,41 @@
 import { useState } from 'react';
 import { Button, Stack, Text, TextInput } from '@mantine/core';
 import { colors, typography } from '@/designTokens';
+import { submitToMailchimp } from '@/utils/mailchimpSubscription';
 
 export default function FooterSubscribe() {
   const [email, setEmail] = useState('');
+  const [status, setStatus] = useState<'idle' | 'loading' | 'success' | 'error'>('idle');
+  const [message, setMessage] = useState('');
 
-  const handleSubscribe = () => {
-    // Functionality to handle subscription to be added
-    // alert(`Subscribe button clicked with email: ${email}`);
+  const handleSubscribe = async () => {
+    if (!email) {
+      setStatus('error');
+      setMessage('Please enter a valid email address.');
+      return;
+    }
+
+    setStatus('loading');
+    setMessage('');
+
+    try {
+      const result = await submitToMailchimp(email);
+      if (result.isSuccessful) {
+        setStatus('success');
+        setMessage(result.message);
+        setEmail('');
+      } else {
+        setStatus('error');
+        setMessage(result.message);
+      }
+    } catch (error) {
+      setStatus('error');
+      setMessage(
+        error instanceof Error
+          ? error.message
+          : 'There was an issue processing your subscription; please try again later.'
+      );
+    }
   };
 
   return (
@@ -28,15 +56,28 @@ export default function FooterSubscribe() {
           styles={{
             input: { backgroundColor: colors.white, flex: 1 },
           }}
+          disabled={status === 'loading'}
         />
         <Button
           color={colors.primary[500]}
           size="md"
           ff={typography.fontFamily.primary}
           onClick={handleSubscribe}
+          loading={status === 'loading'}
+          disabled={status === 'loading'}
         >
           SUBSCRIBE
         </Button>
+        {message && (
+          <Text
+            fz="sm"
+            c={status === 'success' ? colors.success : colors.error}
+            ff={typography.fontFamily.primary}
+            ta="center"
+          >
+            {message}
+          </Text>
+        )}
       </Stack>
     </Stack>
   );
diff --git a/app/src/components/StaticLayout.tsx b/app/src/components/StaticLayout.tsx
index 790ce843..07c5f8c2 100644
--- a/app/src/components/StaticLayout.tsx
+++ b/app/src/components/StaticLayout.tsx
@@ -1,4 +1,5 @@
 import { Outlet } from 'react-router-dom';
+import Footer from '@/components/Footer';
 import HeaderNavigation from '@/components/shared/HomeHeader';
 
 export default function StaticLayout() {
@@ -6,6 +7,7 @@ export default function StaticLayout() {
     <>
       <HeaderNavigation />
       <Outlet />
+      <Footer />
     </>
   );
 }
diff --git a/app/src/tests/unit/components/FooterSubscribe.test.tsx b/app/src/tests/unit/components/FooterSubscribe.test.tsx
new file mode 100644
index 00000000..7c3e389a
--- /dev/null
+++ b/app/src/tests/unit/components/FooterSubscribe.test.tsx
@@ -0,0 +1,154 @@
+import { render, screen, userEvent } from '@test-utils';
+import { beforeEach, describe, expect, test, vi } from 'vitest';
+import FooterSubscribe from '@/components/FooterSubscribe';
+import { submitToMailchimp } from '@/utils/mailchimpSubscription';
+
+// Mock the mailchimp subscription utility
+vi.mock('@/utils/mailchimpSubscription', () => ({
+  submitToMailchimp: vi.fn(),
+}));
+
+describe('FooterSubscribe', () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+  });
+
+  test('given component renders then displays title and input', () => {
+    // When
+    render(<FooterSubscribe />);
+
+    // Then
+    expect(screen.getByText('Subscribe to PolicyEngine')).toBeInTheDocument();
+    expect(screen.getByPlaceholderText('Enter your email address')).toBeInTheDocument();
+    expect(screen.getByRole('button', { name: /subscribe/i })).toBeInTheDocument();
+  });
+
+  test('given user enters email and clicks subscribe then submits to mailchimp', async () => {
+    // Given
+    const user = userEvent.setup();
+    vi.mocked(submitToMailchimp).mockResolvedValue({
+      isSuccessful: true,
+      message: 'Thank you for subscribing!',
+    });
+
+    render(<FooterSubscribe />);
+
+    // When
+    await user.type(screen.getByPlaceholderText('Enter your email address'), 'test@example.com');
+    await user.click(screen.getByRole('button', { name: /subscribe/i }));
+
+    // Then
+    expect(submitToMailchimp).toHaveBeenCalledWith('test@example.com');
+  });
+
+  test('given successful subscription then displays success message', async () => {
+    // Given
+    const user = userEvent.setup();
+    vi.mocked(submitToMailchimp).mockResolvedValue({
+      isSuccessful: true,
+      message: 'Thank you for subscribing!',
+    });
+
+    render(<FooterSubscribe />);
+
+    // When
+    await user.type(screen.getByPlaceholderText('Enter your email address'), 'test@example.com');
+    await user.click(screen.getByRole('button', { name: /subscribe/i }));
+
+    // Then
+    expect(await screen.findByText('Thank you for subscribing!')).toBeInTheDocument();
+  });
+
+  test('given failed subscription then displays error message', async () => {
+    // Given
+    const user = userEvent.setup();
+    vi.mocked(submitToMailchimp).mockResolvedValue({
+      isSuccessful: false,
+      message: 'This email is already subscribed.',
+    });
+
+    render(<FooterSubscribe />);
+
+    // When
+    await user.type(screen.getByPlaceholderText('Enter your email address'), 'test@example.com');
+    await user.click(screen.getByRole('button', { name: /subscribe/i }));
+
+    // Then
+    expect(await screen.findByText('This email is already subscribed.')).toBeInTheDocument();
+  });
+
+  test('given network error then displays error message', async () => {
+    // Given
+    const user = userEvent.setup();
+    vi.mocked(submitToMailchimp).mockRejectedValue(
+      new Error('There was an issue processing your subscription; please try again later.')
+    );
+
+    render(<FooterSubscribe />);
+
+    // When
+    await user.type(screen.getByPlaceholderText('Enter your email address'), 'test@example.com');
+    await user.click(screen.getByRole('button', { name: /subscribe/i }));
+
+    // Then
+    expect(
+      await screen.findByText(
+        'There was an issue processing your subscription; please try again later.'
+      )
+    ).toBeInTheDocument();
+  });
+
+  test('given empty email then displays validation error', async () => {
+    // Given
+    const user = userEvent.setup();
+    render(<FooterSubscribe />);
+
+    // When
+    await user.click(screen.getByRole('button', { name: /subscribe/i }));
+
+    // Then
+    expect(await screen.findByText('Please enter a valid email address.')).toBeInTheDocument();
+    expect(submitToMailchimp).not.toHaveBeenCalled();
+  });
+
+  test('given successful subscription then clears email input', async () => {
+    // Given
+    const user = userEvent.setup();
+    vi.mocked(submitToMailchimp).mockResolvedValue({
+      isSuccessful: true,
+      message: 'Thank you for subscribing!',
+    });
+
+    render(<FooterSubscribe />);
+    const input = screen.getByPlaceholderText('Enter your email address') as HTMLInputElement;
+
+    // When
+    await user.type(input, 'test@example.com');
+    await user.click(screen.getByRole('button', { name: /subscribe/i }));
+
+    // Then
+    await screen.findByText('Thank you for subscribing!');
+    expect(input.value).toBe('');
+  });
+
+  test('given loading state then disables input and button', async () => {
+    // Given
+    const user = userEvent.setup();
+    vi.mocked(submitToMailchimp).mockImplementation(
+      () => new Promise((resolve) => setTimeout(resolve, 1000))
+    );
+
+    render(<FooterSubscribe />);
+
+    // When
+    await user.type(screen.getByPlaceholderText('Enter your email address'), 'test@example.com');
+    const button = screen.getByRole('button', { name: /subscribe/i });
+    const input = screen.getByPlaceholderText('Enter your email address');
+
+    await user.click(button);
+
+    // Then
+    expect(button).toBeDisabled();
+    expect(input).toBeDisabled();
+  });
+});
diff --git a/app/src/tests/unit/components/StaticLayout.test.tsx b/app/src/tests/unit/components/StaticLayout.test.tsx
index 4b0de65c..08692181 100644
--- a/app/src/tests/unit/components/StaticLayout.test.tsx
+++ b/app/src/tests/unit/components/StaticLayout.test.tsx
@@ -14,6 +14,10 @@ vi.mock('react-router-dom', async () => {
   };
 });
 
+vi.mock('@/hooks/useCurrentCountry', () => ({
+  useCurrentCountry: vi.fn(() => 'us'),
+}));
+
 describe('StaticLayout', () => {
   test('given component renders then displays header navigation', () => {
     // When
@@ -21,7 +25,7 @@ describe('StaticLayout', () => {
 
     // Then
     expect(screen.getByText(EXPECTED_LAYOUT_TEXT.ABOUT)).toBeInTheDocument();
-    expect(screen.getByText(EXPECTED_LAYOUT_TEXT.DONATE)).toBeInTheDocument();
+    expect(screen.getAllByText(EXPECTED_LAYOUT_TEXT.DONATE).length).toBeGreaterThan(0);
   });
 
   test('given component renders then displays outlet content', () => {
@@ -32,26 +36,30 @@ describe('StaticLayout', () => {
     expect(screen.getByText(EXPECTED_LAYOUT_TEXT.PAGE_CONTENT)).toBeInTheDocument();
   });
 
-  test('given component renders then header appears before content', () => {
+  test('given component renders then displays footer', () => {
+    // When
+    renderWithCountry(<StaticLayout />, 'us');
+
+    // Then
+    expect(screen.getByText('Subscribe to PolicyEngine')).toBeInTheDocument();
+    expect(screen.getByPlaceholderText('Enter your email address')).toBeInTheDocument();
+  });
+
+  test('given component renders then footer appears after content', () => {
     // When
     const { container } = renderWithCountry(<StaticLayout />, 'us');
 
     // Then
-    const elements = container.querySelectorAll('*');
-    let headerIndex = -1;
-    let contentIndex = -1;
-
-    elements.forEach((el, index) => {
-      if (el.textContent?.includes(EXPECTED_LAYOUT_TEXT.ABOUT)) {
-        headerIndex = index;
-      }
-      if (el.textContent === EXPECTED_LAYOUT_TEXT.PAGE_CONTENT) {
-        contentIndex = index;
-      }
-    });
-
-    expect(headerIndex).toBeGreaterThan(-1);
+    const elements = Array.from(container.querySelectorAll('*'));
+    const contentIndex = elements.findIndex(
+      (el) => el.textContent === EXPECTED_LAYOUT_TEXT.PAGE_CONTENT
+    );
+    const footerIndex = elements.findIndex((el) =>
+      el.textContent?.includes('Subscribe to PolicyEngine')
+    );
+
     expect(contentIndex).toBeGreaterThan(-1);
-    expect(headerIndex).toBeLessThan(contentIndex);
+    expect(footerIndex).toBeGreaterThan(-1);
+    expect(footerIndex).toBeGreaterThan(contentIndex);
   });
 });
diff --git a/app/src/tests/unit/utils/mailchimpSubscription.test.ts b/app/src/tests/unit/utils/mailchimpSubscription.test.ts
new file mode 100644
index 00000000..e0e2fadb
--- /dev/null
+++ b/app/src/tests/unit/utils/mailchimpSubscription.test.ts
@@ -0,0 +1,101 @@
+import jsonp from 'jsonp';
+import { beforeEach, describe, expect, test, vi } from 'vitest';
+import { submitToMailchimp } from '@/utils/mailchimpSubscription';
+
+// Mock jsonp module
+vi.mock('jsonp', () => ({
+  default: vi.fn(),
+}));
+
+describe('submitToMailchimp', () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+  });
+
+  test('given valid email then resolves with success response', async () => {
+    // Given
+    const email = 'test@example.com';
+    const mockData = {
+      result: 'success',
+      msg: 'Thank you for subscribing!',
+    };
+
+    vi.mocked(jsonp).mockImplementation(((_url: string, _options: any, callback: any) => {
+      callback(null, mockData);
+      return () => {}; // Return cancel function
+    }) as any);
+
+    // When
+    const result = await submitToMailchimp(email);
+
+    // Then
+    expect(result.isSuccessful).toBe(true);
+    expect(result.message).toBe('Thank you for subscribing!');
+    expect(jsonp).toHaveBeenCalledWith(
+      expect.stringContaining('EMAIL=test%40example.com'),
+      { param: 'c' },
+      expect.any(Function)
+    );
+  });
+
+  test('given email already subscribed then resolves with error response', async () => {
+    // Given
+    const email = 'existing@example.com';
+    const mockData = {
+      result: 'error',
+      msg: 'This email is already subscribed.',
+    };
+
+    vi.mocked(jsonp).mockImplementation(((_url: string, _options: any, callback: any) => {
+      callback(null, mockData);
+      return () => {};
+    }) as any);
+
+    // When
+    const result = await submitToMailchimp(email);
+
+    // Then
+    expect(result.isSuccessful).toBe(false);
+    expect(result.message).toBe('This email is already subscribed.');
+  });
+
+  test('given network error then rejects with error message', async () => {
+    // Given
+    const email = 'test@example.com';
+    const mockError = new Error('Network error');
+
+    vi.mocked(jsonp).mockImplementation(((_url: string, _options: any, callback: any) => {
+      callback(mockError, null);
+      return () => {};
+    }) as any);
+
+    // When/Then
+    await expect(submitToMailchimp(email)).rejects.toThrow(
+      'There was an issue processing your subscription; please try again later.'
+    );
+  });
+
+  test('given email with special characters then encodes URL correctly', async () => {
+    // Given
+    const email = 'test+tag@example.com';
+    const mockData = {
+      result: 'success',
+      msg: 'Thank you for subscribing!',
+    };
+
+    vi.mocked(jsonp).mockImplementation(((_url: string, _options: any, callback: any) => {
+      callback(null, mockData);
+      return () => {};
+    }) as any);
+
+    // When
+    await submitToMailchimp(email);
+
+    // Then
+    expect(jsonp).toHaveBeenCalledWith(
+      expect.stringContaining('EMAIL=test%2Btag%40example.com'),
+      { param: 'c' },
+      expect.any(Function)
+    );
+  });
+});
diff --git a/app/src/utils/mailchimpSubscription.ts b/app/src/utils/mailchimpSubscription.ts
new file mode 100644
index 00000000..24c62f20
--- /dev/null
+++ b/app/src/utils/mailchimpSubscription.ts
@@ -0,0 +1,36 @@
+import jsonp from 'jsonp';
+
+interface SubscriptionResult {
+  isSuccessful: boolean;
+  message: string;
+}
+
+const MAILCHIMP_URL =
+  'https://policyengine.us5.list-manage.com/subscribe/post-json?u=e5ad35332666289a0f48013c5&id=71ed1f89d8&f_id=00f173e6f0';
+
+/**
+ * Submit an email address to PolicyEngine's Mailchimp mailing list
+ * @param email - The email address to subscribe
+ * @returns Promise with subscription result
+ */
+export function submitToMailchimp(email: string): Promise<SubscriptionResult> {
+  return new Promise((resolve, reject) => {
+    const encodedEmail = encodeURIComponent(email);
+    jsonp(`${MAILCHIMP_URL}&EMAIL=${encodedEmail}`, { param: 'c' }, (error, data) => {
+      if (error) {
+        reject(
+          new Error('There was an issue processing your subscription; please try again later.')
+        );
+        return;
+      }
+
+      if (data) {
+        const { msg } = data;
+        resolve({
+          isSuccessful: data.result !== 'error',
+          message: msg,
+        });
+      }
+    });
+  });
+}