diff --git a/frontend/src/components/common/MarketingFooter.tsx b/frontend/src/components/common/MarketingFooter.tsx
new file mode 100644
index 00000000..978a7cdf
--- /dev/null
+++ b/frontend/src/components/common/MarketingFooter.tsx
@@ -0,0 +1,35 @@
+import { Link } from 'react-router-dom'
+
+// Styles live in src/styles/landing.css under `.landing-footer*`. The component
+// must be rendered inside a `.landing-page` wrapper so the `--lp-*` CSS
+// variables resolve. All current marketing surfaces (LandingPage,
+// PricingPage, ContactSalesPage) already provide that wrapper.
+export function MarketingFooter() {
+ return (
+
+ )
+}
+
+export default MarketingFooter
diff --git a/frontend/src/pages/ContactSalesPage.tsx b/frontend/src/pages/ContactSalesPage.tsx
index dd083ba6..3e7665f7 100644
--- a/frontend/src/pages/ContactSalesPage.tsx
+++ b/frontend/src/pages/ContactSalesPage.tsx
@@ -3,6 +3,7 @@ import { Link } from 'react-router-dom'
import { salesApi, type SalesLeadSource } from '@/api/sales'
import { PageMeta } from '@/components/common/PageMeta'
+import { MarketingFooter } from '@/components/common/MarketingFooter'
import { useAppConfig } from '@/hooks/useAppConfig'
import '@/styles/landing.css'
@@ -342,6 +343,8 @@ export function ContactSalesPage() {
)}
+
+
)
diff --git a/frontend/src/pages/LandingPage.tsx b/frontend/src/pages/LandingPage.tsx
index 64913cdd..3c352033 100644
--- a/frontend/src/pages/LandingPage.tsx
+++ b/frontend/src/pages/LandingPage.tsx
@@ -2,6 +2,7 @@ import { useState, useEffect, useRef } from 'react'
import { Link } from 'react-router-dom'
import { PageMeta } from '@/components/common/PageMeta'
import { useAppConfig } from '@/hooks/useAppConfig'
+import { MarketingFooter } from '@/components/common/MarketingFooter'
import '@/styles/landing.css'
const FAQ_ITEMS = [
@@ -410,30 +411,7 @@ export default function LandingPage() {
- {/* Footer */}
-
+
>
diff --git a/frontend/src/pages/PricingPage.tsx b/frontend/src/pages/PricingPage.tsx
index 6abdd4bf..8632e2d2 100644
--- a/frontend/src/pages/PricingPage.tsx
+++ b/frontend/src/pages/PricingPage.tsx
@@ -3,6 +3,7 @@ import { Link } from 'react-router-dom'
import { plansApi, type PublicPlanResponse } from '@/api/plans'
import { PageMeta } from '@/components/common/PageMeta'
+import { MarketingFooter } from '@/components/common/MarketingFooter'
import { useAppConfig } from '@/hooks/useAppConfig'
import '@/styles/landing.css'
@@ -431,6 +432,8 @@ export function PricingPage() {
>
Built on Stripe + AWS ยท Encrypted in transit and at rest
+
+
)