From 545b2ad26927bcec06e6708fb3f7ef62f7115b48 Mon Sep 17 00:00:00 2001
From: Michael Chihlas <michael@resolutionflow.com>
Date: Mon, 11 May 2026 02:05:11 -0400
Subject: [PATCH] refactor(legal): extract MarketingFooter, mount on /pricing
 and /contact-sales
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Pulls the existing /landing footer markup into
`components/common/MarketingFooter.tsx` and mounts it on PricingPage and
ContactSalesPage so the Privacy / Terms / Policies / Contact links are
reachable from every marketing surface (including the page Stripe's
reviewer spends the most time on during live-mode activation).

All three current call sites wrap in `.landing-page`, so the existing
`landing-footer` CSS — and its `--lp-*` variables — resolve without
change. Landing renders pixel-identically; Pricing and ContactSales now
match.

A JSX comment on the component documents the `.landing-page` scoping
requirement so future authors don't drop it on a non-marketing route
and see it render unstyled.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
---
 .../src/components/common/MarketingFooter.tsx | 35 +++++++++++++++++++
 frontend/src/pages/ContactSalesPage.tsx       |  3 ++
 frontend/src/pages/LandingPage.tsx            | 26 ++------------
 frontend/src/pages/PricingPage.tsx            |  3 ++
 4 files changed, 43 insertions(+), 24 deletions(-)
 create mode 100644 frontend/src/components/common/MarketingFooter.tsx

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 (
+    <footer className="landing-footer">
+      <div className="landing-footer-inner">
+        <div className="landing-footer-left">
+          <div className="landing-nav-logo-icon" style={{ width: 24, height: 24, borderRadius: 6 }}>
+            <svg viewBox="0 0 24 24" fill="none" stroke="#000" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round" style={{ width: 14, height: 14 }}>
+              <circle cx="12" cy="5" r="2" />
+              <line x1="12" y1="7" x2="12" y2="11" />
+              <circle cx="6" cy="15" r="2" />
+              <circle cx="18" cy="15" r="2" />
+              <line x1="12" y1="11" x2="6" y2="13" />
+              <line x1="12" y1="11" x2="18" y2="13" />
+            </svg>
+          </div>
+          <span className="landing-footer-copy">&copy; 2026 ResolutionFlow</span>
+        </div>
+        <ul className="landing-footer-links">
+          <li><Link to="/privacy">Privacy</Link></li>
+          <li><Link to="/terms">Terms</Link></li>
+          <li><Link to="/policies">Policies</Link></li>
+          <li><Link to="/contact">Contact</Link></li>
+        </ul>
+      </div>
+    </footer>
+  )
+}
+
+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() {
             </form>
           )}
         </section>
+
+        <MarketingFooter />
       </main>
     </div>
   )
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() {
             </div>
           </section>
 
-          {/* Footer */}
-          <footer className="landing-footer">
-            <div className="landing-footer-inner">
-              <div className="landing-footer-left">
-                <div className="landing-nav-logo-icon" style={{ width: 24, height: 24, borderRadius: 6 }}>
-                  <svg viewBox="0 0 24 24" fill="none" stroke="#000" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round" style={{ width: 14, height: 14 }}>
-                    <circle cx="12" cy="5" r="2" />
-                    <line x1="12" y1="7" x2="12" y2="11" />
-                    <circle cx="6" cy="15" r="2" />
-                    <circle cx="18" cy="15" r="2" />
-                    <line x1="12" y1="11" x2="6" y2="13" />
-                    <line x1="12" y1="11" x2="18" y2="13" />
-                  </svg>
-                </div>
-                <span className="landing-footer-copy">&copy; 2026 ResolutionFlow</span>
-              </div>
-              <ul className="landing-footer-links">
-                <li><Link to="/privacy">Privacy</Link></li>
-                <li><Link to="/terms">Terms</Link></li>
-                <li><Link to="/policies">Policies</Link></li>
-                <li><Link to="/contact">Contact</Link></li>
-              </ul>
-            </div>
-          </footer>
+          <MarketingFooter />
         </main>
       </div>
     </>
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
         </section>
+
+        <MarketingFooter />
       </main>
     </div>
   )