🎨 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
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:
@ -15,13 +15,11 @@ import {
|
|||||||
Tag,
|
Tag,
|
||||||
Loader2,
|
Loader2,
|
||||||
User,
|
User,
|
||||||
Share2,
|
|
||||||
BookOpen,
|
BookOpen,
|
||||||
Twitter,
|
Twitter,
|
||||||
Linkedin,
|
Linkedin,
|
||||||
Copy,
|
Copy,
|
||||||
Check,
|
Check,
|
||||||
Sparkles,
|
|
||||||
} from 'lucide-react'
|
} from 'lucide-react'
|
||||||
|
|
||||||
interface BlogPost {
|
interface BlogPost {
|
||||||
@ -178,10 +176,9 @@ export default function BlogPostPage() {
|
|||||||
|
|
||||||
{/* Hero Header */}
|
{/* Hero Header */}
|
||||||
<header className="mb-12 animate-fade-in">
|
<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 && (
|
{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">
|
<span className="text-sm font-semibold text-accent uppercase tracking-wider">
|
||||||
<Sparkles className="w-3.5 h-3.5" />
|
|
||||||
{post.category}
|
{post.category}
|
||||||
</span>
|
</span>
|
||||||
)}
|
)}
|
||||||
@ -327,11 +324,8 @@ export default function BlogPostPage() {
|
|||||||
<div className="mt-20 relative">
|
<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="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="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">
|
<span className="text-sm font-semibold text-accent uppercase tracking-wider">Ready to Hunt?</span>
|
||||||
<Sparkles className="w-4 h-4 text-accent" />
|
<h3 className="mt-4 text-2xl sm:text-3xl font-display text-foreground mb-4">
|
||||||
<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">
|
|
||||||
Start finding premium domains today
|
Start finding premium domains today
|
||||||
</h3>
|
</h3>
|
||||||
<p className="text-foreground-muted mb-8 max-w-xl mx-auto">
|
<p className="text-foreground-muted mb-8 max-w-xl mx-auto">
|
||||||
|
|||||||
@ -14,7 +14,6 @@ import {
|
|||||||
ArrowRight,
|
ArrowRight,
|
||||||
Loader2,
|
Loader2,
|
||||||
FileText,
|
FileText,
|
||||||
Sparkles,
|
|
||||||
TrendingUp,
|
TrendingUp,
|
||||||
} from 'lucide-react'
|
} from 'lucide-react'
|
||||||
import clsx from 'clsx'
|
import clsx from 'clsx'
|
||||||
@ -110,12 +109,9 @@ export default function BlogPage() {
|
|||||||
<div className="max-w-7xl mx-auto">
|
<div className="max-w-7xl mx-auto">
|
||||||
{/* Hero Header */}
|
{/* Hero Header */}
|
||||||
<div className="text-center mb-20 animate-fade-in">
|
<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">
|
<span className="text-sm font-semibold text-accent uppercase tracking-wider">Domain Intelligence</span>
|
||||||
<Sparkles className="w-4 h-4 text-accent" />
|
|
||||||
<span className="text-sm font-medium text-accent">Domain Intelligence</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<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 />
|
The Hunt<br />
|
||||||
<span className="text-accent">Begins Here.</span>
|
<span className="text-accent">Begins Here.</span>
|
||||||
</h1>
|
</h1>
|
||||||
|
|||||||
Reference in New Issue
Block a user