diff --git a/src/app/(auth)/contact/page.tsx b/src/app/(auth)/contact/page.tsx
index 9024b094..8d5af7c0 100644
--- a/src/app/(auth)/contact/page.tsx
+++ b/src/app/(auth)/contact/page.tsx
@@ -1,4 +1,4 @@
-import { Metadata } from 'next'
+import { Metadata, Viewport } from 'next'
 import { Footer } from '~/components/Footer'
 import { Header } from '~/components/Header'
 import Script from 'next/script'
@@ -9,6 +9,10 @@ export const metadata: Metadata = {
   title: 'Contact'
 }
 
+export const viewport: Viewport = {
+  themeColor: '#FFF'
+}
+
 const Contact = () => {
   return (
     <>
diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index ebb5b0c2..68007181 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -1,12 +1,21 @@
 import { Pump } from '.basehub/react-pump'
 import { draftMode } from 'next/headers'
-import { aboutPageFragment, pricingPageFragment } from '~/lib/basehub-queries'
+import { aboutPageFragment } from '~/lib/basehub-queries'
 import { Header } from '~/components/Header'
 import { Footer } from '~/components/Footer'
 import { Hero } from '~/components/about/Hero'
 import { Team } from '~/components/about/Team'
 import { Values } from '~/components/about/Values'
 import { Work } from '~/components/sections/about/work'
+import { Metadata, Viewport } from 'next/types'
+
+export const metadata: Metadata = {
+  title: 'About Us'
+}
+
+export const viewport: Viewport = {
+  themeColor: '#FFF'
+}
 
 export default function Home() {
   return (
diff --git a/src/app/branding/page.tsx b/src/app/branding/page.tsx
index 763f3bf5..3f03cf13 100644
--- a/src/app/branding/page.tsx
+++ b/src/app/branding/page.tsx
@@ -1,12 +1,15 @@
-import { Metadata } from 'next'
+import { Metadata, Viewport } from 'next'
 import { Footer } from '~/components/Footer'
 import { Header } from '~/components/Header'
 
-import { TitleAndSubtitle } from '~/components/primitives/texts'
 import s from '~/components/sections/branding/branding.module.scss'
 import LogoDownloadWidget from '~/components/sections/branding/LogoDownloadWidget'
 import StyleGuide from '~/components/sections/branding/StyleGuide'
 
+export const viewport: Viewport = {
+  themeColor: '#FFF'
+}
+
 export const metadata: Metadata = {
   title: 'Branding'
 }
diff --git a/src/app/page.tsx b/src/app/page.tsx
index e07b1f5e..95f52528 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -11,6 +11,11 @@ import FAQ from '~/components/sections/FAQ'
 import DynamicAnalysis from '~/components/sections/DynamicAnalysis'
 import { Content } from '~/components/sections/Content'
 import { Hero } from './components/hero'
+import { Viewport } from 'next/types'
+
+export const viewport: Viewport = {
+  themeColor: '#FFF'
+}
 
 export default function Home() {
   return (
diff --git a/src/app/pricing/page.tsx b/src/app/pricing/page.tsx
index eac86145..b7109ae0 100644
--- a/src/app/pricing/page.tsx
+++ b/src/app/pricing/page.tsx
@@ -8,7 +8,11 @@ import { Footer } from '~/components/Footer'
 import { PricingFAQ } from '~/components/pricing/PricingFAQ'
 import { CostCalculator } from '~/components/pricing/sections/CostCalculator'
 import { featureFlags } from '~/lib/feature-flags'
-import { Viewport } from 'next/types'
+import { Metadata, Viewport } from 'next/types'
+
+export const metadata: Metadata = {
+  title: 'Pricing'
+}
 
 export const viewport: Viewport = {
   themeColor: '#0F172A'
diff --git a/src/app/privacy-policy/page.tsx b/src/app/privacy-policy/page.tsx
index 94669814..f52a6311 100644
--- a/src/app/privacy-policy/page.tsx
+++ b/src/app/privacy-policy/page.tsx
@@ -1,4 +1,4 @@
-import { Metadata } from 'next'
+import { Metadata, Viewport } from 'next'
 import { Footer } from '~/components/Footer'
 import { Header } from '~/components/Header'
 import { Policy } from '~/components/sections/legal/policy'
@@ -7,6 +7,10 @@ export const metadata: Metadata = {
   title: 'Security and Privacy'
 }
 
+export const viewport: Viewport = {
+  themeColor: '#FFF'
+}
+
 const Privacy = () => {
   return (
     <>
diff --git a/src/app/security-and-privacy/page.tsx b/src/app/security-and-privacy/page.tsx
index 02b7d7eb..23d97e82 100644
--- a/src/app/security-and-privacy/page.tsx
+++ b/src/app/security-and-privacy/page.tsx
@@ -1,4 +1,4 @@
-import { Metadata } from 'next'
+import { Metadata, Viewport } from 'next'
 import { Footer } from '~/components/Footer'
 import { Header } from '~/components/Header'
 import { Security } from '~/components/sections/legal/security'
@@ -7,6 +7,10 @@ export const metadata: Metadata = {
   title: 'Security and Privacy'
 }
 
+export const viewport: Viewport = {
+  themeColor: '#FFF'
+}
+
 const Privacy = () => {
   return (
     <>
diff --git a/src/app/terms-of-service/page.tsx b/src/app/terms-of-service/page.tsx
index 5ca7406e..60011fe7 100644
--- a/src/app/terms-of-service/page.tsx
+++ b/src/app/terms-of-service/page.tsx
@@ -1,4 +1,4 @@
-import { Metadata } from 'next'
+import { Metadata, Viewport } from 'next'
 import { Footer } from '~/components/Footer'
 import { Header } from '~/components/Header'
 
@@ -8,6 +8,10 @@ export const metadata: Metadata = {
   title: 'Terms of Service'
 }
 
+export const viewport: Viewport = {
+  themeColor: '#FFF'
+}
+
 const Terms = () => {
   return (
     <>