From 4f79a3cf2f8f6b9f5b12c57e22b02b1d374fe665 Mon Sep 17 00:00:00 2001
From: "yves.gugger" <yves.gugger@gentwo.com>
Date: Wed, 10 Dec 2025 16:10:37 +0100
Subject: [PATCH] fix: Remove serif font (font-display) from Command Center
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

CHANGED font-display → font-semibold:

Command Center Pages:
- alerts/page.tsx: Matches count, notifications, modal title
- marketplace/page.tsx: Listing price
- portfolio/page.tsx: Valuation price
- listings/page.tsx: Price display, modal titles (2)
- seo/page.tsx: Feature title, SEO score, backlinks count

Components (used in Command Center):
- CommandCenterLayout.tsx: Page title
- AdminLayout.tsx: Page title
- PremiumTable.tsx: StatCard value

KEPT serif font (as requested):
- Sidebar.tsx: POUNCE logo only
- Header.tsx: POUNCE logo (public pages)
- Footer.tsx: POUNCE logo

Now the Command Center uses only sans-serif fonts,
with the exception of the POUNCE logo in the navigation.
---
 frontend/src/app/command/alerts/page.tsx        | 6 +++---
 frontend/src/app/command/listings/page.tsx      | 6 +++---
 frontend/src/app/command/marketplace/page.tsx   | 2 +-
 frontend/src/app/command/portfolio/page.tsx     | 2 +-
 frontend/src/app/command/seo/page.tsx           | 6 +++---
 frontend/src/components/AdminLayout.tsx         | 2 +-
 frontend/src/components/CommandCenterLayout.tsx | 2 +-
 frontend/src/components/PremiumTable.tsx        | 2 +-
 8 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/frontend/src/app/command/alerts/page.tsx b/frontend/src/app/command/alerts/page.tsx
index 7d699d2..f57a82e 100644
--- a/frontend/src/app/command/alerts/page.tsx
+++ b/frontend/src/app/command/alerts/page.tsx
@@ -286,11 +286,11 @@ export default function SniperAlertsPage() {
                     {/* Stats */}
                     <div className="flex items-center gap-6 text-sm">
                       <div className="text-center">
-                        <p className="text-lg font-display text-foreground">{alert.matches_count}</p>
+                        <p className="text-lg font-semibold text-foreground">{alert.matches_count}</p>
                         <p className="text-xs text-foreground-muted">Matches</p>
                       </div>
                       <div className="text-center">
-                        <p className="text-lg font-display text-foreground">{alert.notifications_sent}</p>
+                        <p className="text-lg font-semibold text-foreground">{alert.notifications_sent}</p>
                         <p className="text-xs text-foreground-muted">Notified</p>
                       </div>
                     </div>
@@ -419,7 +419,7 @@ export default function SniperAlertsPage() {
       {showCreateModal && (
         <div className="fixed inset-0 z-50 flex items-center justify-center p-4 bg-background/80 backdrop-blur-sm overflow-y-auto">
           <div className="w-full max-w-lg bg-background-secondary border border-border rounded-2xl p-6 my-8">
-            <h2 className="text-xl font-display text-foreground mb-2">Create Sniper Alert</h2>
+            <h2 className="text-xl font-semibold text-foreground mb-2">Create Sniper Alert</h2>
             <p className="text-sm text-foreground-muted mb-6">
               Get notified when domains matching your criteria appear in auctions.
             </p>
diff --git a/frontend/src/app/command/listings/page.tsx b/frontend/src/app/command/listings/page.tsx
index 8dafdc0..c508771 100755
--- a/frontend/src/app/command/listings/page.tsx
+++ b/frontend/src/app/command/listings/page.tsx
@@ -342,7 +342,7 @@ export default function MyListingsPage() {
                   
                   {/* Price */}
                   <div className="text-right">
-                    <p className="text-xl font-display text-foreground">
+                    <p className="text-xl font-semibold text-foreground">
                       {formatPrice(listing.asking_price, listing.currency)}
                     </p>
                     {listing.pounce_score && (
@@ -412,7 +412,7 @@ export default function MyListingsPage() {
       {showCreateModal && (
         <div className="fixed inset-0 z-50 flex items-center justify-center p-4 bg-background/80 backdrop-blur-sm">
           <div className="w-full max-w-lg bg-background-secondary border border-border rounded-2xl p-6">
-            <h2 className="text-xl font-display text-foreground mb-6">List Domain for Sale</h2>
+            <h2 className="text-xl font-semibold text-foreground mb-6">List Domain for Sale</h2>
             
             <form onSubmit={handleCreate} className="space-y-4">
               <div>
@@ -514,7 +514,7 @@ export default function MyListingsPage() {
       {showVerifyModal && verificationInfo && selectedListing && (
         <div className="fixed inset-0 z-50 flex items-center justify-center p-4 bg-background/80 backdrop-blur-sm">
           <div className="w-full max-w-xl bg-background-secondary border border-border rounded-2xl p-6">
-            <h2 className="text-xl font-display text-foreground mb-2">Verify Domain Ownership</h2>
+            <h2 className="text-xl font-semibold text-foreground mb-2">Verify Domain Ownership</h2>
             <p className="text-sm text-foreground-muted mb-6">
               Add a DNS TXT record to prove you own <strong>{selectedListing.domain}</strong>
             </p>
diff --git a/frontend/src/app/command/marketplace/page.tsx b/frontend/src/app/command/marketplace/page.tsx
index 295a853..440671e 100644
--- a/frontend/src/app/command/marketplace/page.tsx
+++ b/frontend/src/app/command/marketplace/page.tsx
@@ -292,7 +292,7 @@ export default function CommandMarketplacePage() {
                     )}
                   </div>
                   <div className="text-right">
-                    <p className="text-xl font-display text-foreground">
+                    <p className="text-xl font-semibold text-foreground">
                       {formatPrice(listing.asking_price, listing.currency)}
                     </p>
                     {listing.price_type === 'negotiable' && (
diff --git a/frontend/src/app/command/portfolio/page.tsx b/frontend/src/app/command/portfolio/page.tsx
index 2d87b5a..b0ce4e6 100644
--- a/frontend/src/app/command/portfolio/page.tsx
+++ b/frontend/src/app/command/portfolio/page.tsx
@@ -703,7 +703,7 @@ export default function PortfolioPage() {
           ) : valuation ? (
             <div className="space-y-4">
               <div className="text-center p-6 bg-accent/5 border border-accent/20 rounded-xl">
-                <p className="text-4xl font-display text-accent">${valuation.estimated_value.toLocaleString()}</p>
+                <p className="text-4xl font-semibold text-accent">${valuation.estimated_value.toLocaleString()}</p>
                 <p className="text-sm text-foreground-muted mt-1">Pounce Score Estimate</p>
               </div>
               <div className="space-y-2 text-sm">
diff --git a/frontend/src/app/command/seo/page.tsx b/frontend/src/app/command/seo/page.tsx
index dbd26da..295fd62 100644
--- a/frontend/src/app/command/seo/page.tsx
+++ b/frontend/src/app/command/seo/page.tsx
@@ -151,7 +151,7 @@ export default function SEOPage() {
             <div className="w-20 h-20 bg-accent/20 rounded-full flex items-center justify-center mx-auto mb-6">
               <Crown className="w-10 h-10 text-accent" />
             </div>
-            <h2 className="text-2xl font-display text-foreground mb-3">Tycoon Feature</h2>
+            <h2 className="text-2xl font-semibold text-foreground mb-3">Tycoon Feature</h2>
             <p className="text-foreground-muted max-w-lg mx-auto mb-8">
               SEO Juice Detector is a premium feature for serious domain investors. 
               Analyze backlinks, domain authority, and find hidden gems that SEO agencies pay 
@@ -280,7 +280,7 @@ export default function SEOPage() {
                   "w-24 h-24 rounded-2xl border flex flex-col items-center justify-center",
                   getScoreBg(seoData.seo_score)
                 )}>
-                  <span className={clsx("text-3xl font-display", getScoreColor(seoData.seo_score))}>
+                  <span className={clsx("text-3xl font-semibold", getScoreColor(seoData.seo_score))}>
                     {seoData.seo_score}
                   </span>
                   <span className="text-xs text-foreground-muted">SEO Score</span>
@@ -291,7 +291,7 @@ export default function SEOPage() {
               {seoData.estimated_value && (
                 <div className="mt-4 p-4 bg-accent/10 border border-accent/20 rounded-xl">
                   <p className="text-sm text-foreground-muted mb-1">Estimated SEO Value</p>
-                  <p className="text-2xl font-display text-accent">
+                  <p className="text-2xl font-semibold text-accent">
                     ${seoData.estimated_value.toLocaleString()}
                   </p>
                   <p className="text-xs text-foreground-subtle mt-1">
diff --git a/frontend/src/components/AdminLayout.tsx b/frontend/src/components/AdminLayout.tsx
index 8a2c8ee..151f6b3 100644
--- a/frontend/src/components/AdminLayout.tsx
+++ b/frontend/src/components/AdminLayout.tsx
@@ -146,7 +146,7 @@ export function AdminLayout({
           <header className="sticky top-0 z-30 h-16 sm:h-20 bg-gradient-to-r from-background/90 via-background/80 to-background/90 backdrop-blur-xl border-b border-border/30">
             <div className="h-full px-4 sm:px-6 lg:px-8 flex items-center justify-between">
               <div className="ml-10 lg:ml-0">
-                <h1 className="text-lg sm:text-xl lg:text-2xl font-display tracking-tight text-foreground">{title}</h1>
+                <h1 className="text-lg sm:text-xl lg:text-2xl font-semibold tracking-tight text-foreground">{title}</h1>
                 {subtitle && <p className="text-xs sm:text-sm text-foreground-muted mt-0.5">{subtitle}</p>}
               </div>
               <div className="flex items-center gap-3">
diff --git a/frontend/src/components/CommandCenterLayout.tsx b/frontend/src/components/CommandCenterLayout.tsx
index 69f27f9..ef1d05e 100755
--- a/frontend/src/components/CommandCenterLayout.tsx
+++ b/frontend/src/components/CommandCenterLayout.tsx
@@ -113,7 +113,7 @@ export function CommandCenterLayout({
             {/* Left: Title */}
             <div className="ml-10 lg:ml-0">
               {title && (
-                <h1 className="text-lg sm:text-xl lg:text-2xl font-display tracking-tight text-foreground">{title}</h1>
+                <h1 className="text-lg sm:text-xl lg:text-2xl font-semibold tracking-tight text-foreground">{title}</h1>
               )}
               {subtitle && (
                 <p className="text-xs sm:text-sm text-foreground-muted mt-0.5 hidden sm:block">{subtitle}</p>
diff --git a/frontend/src/components/PremiumTable.tsx b/frontend/src/components/PremiumTable.tsx
index 5b3fc02..ee19383 100755
--- a/frontend/src/components/PremiumTable.tsx
+++ b/frontend/src/components/PremiumTable.tsx
@@ -364,7 +364,7 @@ export function StatCard({
           </div>
         )}
         <p className="text-[10px] text-foreground-subtle uppercase tracking-wider mb-1">{title}</p>
-        <p className={clsx("text-2xl font-display", accent ? "text-accent" : "text-foreground")}>
+        <p className={clsx("text-2xl font-semibold", accent ? "text-accent" : "text-foreground")}>
           {typeof value === 'number' ? value.toLocaleString() : value}
         </p>
         {subtitle && <p className="text-xs text-foreground-subtle mt-0.5">{subtitle}</p>}