fix: Remove serif font (font-display) from Command Center

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.
This commit is contained in:
yves.gugger
2025-12-10 16:10:37 +01:00
parent e0b53dd7fe
commit 2f2a5218df
8 changed files with 14 additions and 14 deletions

View File

@ -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>

View File

@ -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>

View File

@ -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' && (

View File

@ -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">

View File

@ -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">

View File

@ -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">

View File

@ -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>

View File

@ -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>}