🎨 Unify blog page labels with consistent styling
Some checks failed
CI / Frontend Lint & Type Check (push) Has been cancelled
CI / Frontend Build (push) Has been cancelled
CI / Backend Lint (push) Has been cancelled
CI / Backend Tests (push) Has been cancelled
CI / Docker Build (push) Has been cancelled
CI / Security Scan (push) Has been cancelled
Deploy / Build & Push Images (push) Has been cancelled
Deploy / Deploy to Server (push) Has been cancelled
Deploy / Notify (push) Has been cancelled

- Changed badge-style labels to simple text format
- Matching other pages: Market Intel, Auction Aggregator, etc.
- Removed Sparkles icon from blog headers
- Consistent: text-sm font-semibold text-accent uppercase tracking-wider
This commit is contained in:
yves.gugger
2025-12-09 17:16:58 +01:00
parent c8fe134ba3
commit 3d4b8ffc17
2 changed files with 6 additions and 16 deletions

View File

@ -15,13 +15,11 @@ import {
Tag,
Loader2,
User,
Share2,
BookOpen,
Twitter,
Linkedin,
Copy,
Check,
Sparkles,
} from 'lucide-react'
interface BlogPost {
@ -178,10 +176,9 @@ export default function BlogPostPage() {
{/* Hero Header */}
<header className="mb-12 animate-fade-in">
<div className="flex flex-wrap items-center gap-3 mb-6">
<div className="flex flex-wrap items-center gap-4 mb-6">
{post.category && (
<span className="inline-flex items-center gap-1.5 px-4 py-1.5 bg-accent/10 text-accent text-sm font-medium rounded-full border border-accent/20">
<Sparkles className="w-3.5 h-3.5" />
<span className="text-sm font-semibold text-accent uppercase tracking-wider">
{post.category}
</span>
)}
@ -327,11 +324,8 @@ export default function BlogPostPage() {
<div className="mt-20 relative">
<div className="absolute inset-0 bg-gradient-to-r from-accent/10 via-accent/5 to-accent/10 rounded-3xl blur-xl" />
<div className="relative p-10 sm:p-14 bg-background-secondary/50 backdrop-blur-sm border border-accent/20 rounded-3xl text-center">
<div className="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-accent/10 border border-accent/20 mb-6">
<Sparkles className="w-4 h-4 text-accent" />
<span className="text-sm font-medium text-accent">Ready to Hunt?</span>
</div>
<h3 className="text-2xl sm:text-3xl font-display text-foreground mb-4">
<span className="text-sm font-semibold text-accent uppercase tracking-wider">Ready to Hunt?</span>
<h3 className="mt-4 text-2xl sm:text-3xl font-display text-foreground mb-4">
Start finding premium domains today
</h3>
<p className="text-foreground-muted mb-8 max-w-xl mx-auto">

View File

@ -14,7 +14,6 @@ import {
ArrowRight,
Loader2,
FileText,
Sparkles,
TrendingUp,
} from 'lucide-react'
import clsx from 'clsx'
@ -110,12 +109,9 @@ export default function BlogPage() {
<div className="max-w-7xl mx-auto">
{/* Hero Header */}
<div className="text-center mb-20 animate-fade-in">
<div className="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-accent/10 border border-accent/20 mb-8">
<Sparkles className="w-4 h-4 text-accent" />
<span className="text-sm font-medium text-accent">Domain Intelligence</span>
</div>
<span className="text-sm font-semibold text-accent uppercase tracking-wider">Domain Intelligence</span>
<h1 className="font-display text-[2.75rem] sm:text-[4rem] md:text-[5rem] leading-[0.95] tracking-[-0.03em] text-foreground mb-8">
<h1 className="mt-4 font-display text-[2.75rem] sm:text-[4rem] md:text-[5rem] leading-[0.95] tracking-[-0.03em] text-foreground mb-8">
The Hunt<br />
<span className="text-accent">Begins Here.</span>
</h1>