Update auction guide with detailed text content and improved UI
Replace existing UI elements and add a new text file containing the Auction Guide. Replit-Commit-Author: Agent Replit-Commit-Session-Id: 069d4324-6c40-4355-955e-c714a50de1ea Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/3df548ff-50ae-432f-9be4-25d34eccc983/069d4324-6c40-4355-955e-c714a50de1ea/9tQ591o
This commit is contained in:
kimjaehyeon0101
@ -1,28 +1,16 @@
|
||||
import { Button } from "@/components/ui/button";
|
||||
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
|
||||
import { Badge } from "@/components/ui/badge";
|
||||
import { Link } from "wouter";
|
||||
import {
|
||||
Lightbulb,
|
||||
Settings,
|
||||
TrendingUp,
|
||||
Award,
|
||||
TrendingUp,
|
||||
List,
|
||||
Brain,
|
||||
Gavel,
|
||||
Home,
|
||||
Calculator,
|
||||
Users,
|
||||
Hash,
|
||||
Building,
|
||||
DollarSign,
|
||||
Star,
|
||||
Target,
|
||||
BookOpen
|
||||
Gavel,
|
||||
Home
|
||||
} from "lucide-react";
|
||||
|
||||
export default function AuctionGuide() {
|
||||
|
||||
return (
|
||||
<div className="min-h-screen bg-gray-50">
|
||||
{/* Header */}
|
||||
@ -40,9 +28,9 @@ export default function AuctionGuide() {
|
||||
|
||||
<div className="flex items-center space-x-3">
|
||||
<nav className="hidden md:flex space-x-4">
|
||||
<Link href="/" className="text-muted-foreground hover:text-foreground transition-colors text-sm" data-testid="link-home">Home</Link>
|
||||
<Link href="/auctions" className="text-muted-foreground hover:text-foreground transition-colors text-sm" data-testid="link-auctions">Auctions</Link>
|
||||
<Link href="/auction-guide" className="text-foreground font-medium text-sm" data-testid="link-auction-guide">Auction Guide</Link>
|
||||
<Link href="/" className="text-gray-600 hover:text-gray-900 transition-colors text-sm" data-testid="link-home">Home</Link>
|
||||
<Link href="/auctions" className="text-gray-600 hover:text-gray-900 transition-colors text-sm" data-testid="link-auctions">Auctions</Link>
|
||||
<Link href="/auction-guide" className="text-gray-900 font-medium text-sm" data-testid="link-auction-guide">Auction Guide</Link>
|
||||
</nav>
|
||||
|
||||
<a href="/api/login">
|
||||
@ -53,390 +41,246 @@ export default function AuctionGuide() {
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main className="max-w-6xl mx-auto px-4 py-3">
|
||||
<main className="max-w-6xl mx-auto px-4 py-4">
|
||||
{/* Header Section */}
|
||||
<div className="mb-3">
|
||||
<h1 className="text-2xl font-bold mb-1" data-testid="text-guide-title">Media Outlet Auction System Guide</h1>
|
||||
<div className="mb-4">
|
||||
<h1 className="text-2xl font-bold mb-1" data-testid="text-guide-title">
|
||||
Media Outlet Auction System Guide
|
||||
</h1>
|
||||
<p className="text-sm text-gray-600">
|
||||
Innovative media management rights auction platform based on advertising bidding methods
|
||||
Advertising Bidding Method Based
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{/* Overview Card */}
|
||||
{/* 1. System Overview */}
|
||||
<Card className="mb-3" data-testid="section-overview">
|
||||
<CardHeader className="pb-1 pt-3 px-3">
|
||||
<CardHeader className="pb-2 pt-3 px-3">
|
||||
<CardTitle className="flex items-center gap-2 text-base font-semibold">
|
||||
<Lightbulb className="h-4 w-4 text-primary" />
|
||||
<span>Auction System Overview</span>
|
||||
<Award className="h-4 w-4 text-blue-600" />
|
||||
<span>1. System Overview and Core Principles</span>
|
||||
</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent className="pt-0 px-3 pb-3">
|
||||
<p className="text-xs text-gray-600 mb-2">
|
||||
This platform is an innovative system that applies the <strong>advertising bidding method</strong> to the auction of media management rights.
|
||||
</p>
|
||||
|
||||
<div className="overflow-x-auto">
|
||||
<table className="w-full text-xs border-collapse">
|
||||
<thead>
|
||||
<tr className="border-b">
|
||||
<th className="text-left py-2 px-2 font-semibold">Core Principle</th>
|
||||
<th className="text-left py-2 px-2 font-semibold">Description</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr className="border-b">
|
||||
<td className="py-2 px-2 font-medium">Vickrey Auction</td>
|
||||
<td className="py-2 px-2">The winner is the bidder with the <strong>highest total score</strong>.</td>
|
||||
</tr>
|
||||
<tr className="border-b">
|
||||
<td className="py-2 px-2 font-medium">Second-Price Payment</td>
|
||||
<td className="py-2 px-2">The winner actually pays the price of the <strong>second-place bid</strong>. (Prevents excessive bidding)</td>
|
||||
</tr>
|
||||
<tr className="border-b">
|
||||
<td className="py-2 px-2 font-medium">Hybrid Scoring</td>
|
||||
<td className="py-2 px-2">The final ranking score is calculated by combining <strong>Bid Amount × Quality Score</strong>.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td className="py-2 px-2 font-medium">Quality-Centered</td>
|
||||
<td className="py-2 px-2">Evaluation prioritizes content quality, preventing simple price competition.</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</CardContent>
|
||||
</Card>
|
||||
|
||||
{/* 2. Core Mechanism */}
|
||||
<Card className="mb-3" data-testid="section-mechanism">
|
||||
<CardHeader className="pb-2 pt-3 px-3">
|
||||
<CardTitle className="flex items-center gap-2 text-base font-semibold">
|
||||
<TrendingUp className="h-4 w-4 text-green-600" />
|
||||
<span>2. Core Mechanism and Ranking Calculation</span>
|
||||
</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent className="pt-0 px-3 pb-3 space-y-3">
|
||||
{/* Formula */}
|
||||
<div className="bg-gradient-to-r from-blue-50 to-green-50 rounded p-3 text-center">
|
||||
<h3 className="text-xs font-semibold mb-1">Final Ranking Score Formula</h3>
|
||||
<div className="text-base font-bold text-blue-600">
|
||||
Ranking Score = Bid Amount × (Quality Score ÷ 100)
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Bidding Terms */}
|
||||
<div>
|
||||
<h4 className="font-semibold text-sm mb-2">Bidding Terms</h4>
|
||||
<div className="overflow-x-auto">
|
||||
<table className="w-full text-xs border-collapse">
|
||||
<thead>
|
||||
<tr className="border-b bg-gray-50">
|
||||
<th className="text-left py-2 px-2 font-semibold">Category</th>
|
||||
<th className="text-left py-2 px-2 font-semibold">Details</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr className="border-b">
|
||||
<td className="py-2 px-2 font-medium">Bid Amount</td>
|
||||
<td className="py-2 px-2">Minimum $100 to Maximum $100,000. Must be higher than the current top bid.</td>
|
||||
</tr>
|
||||
<tr className="border-b">
|
||||
<td className="py-2 px-2 font-medium">Management Period</td>
|
||||
<td className="py-2 px-2">Default 30 days</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td className="py-2 px-2 font-medium">Win & Payment</td>
|
||||
<td className="py-2 px-2">The 1st place score wins but pays the <strong>bid amount of the 2nd place score</strong>.</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Quality Score */}
|
||||
<div>
|
||||
<h4 className="font-semibold text-sm mb-2">Quality Score (1-100 points)</h4>
|
||||
<div className="overflow-x-auto">
|
||||
<table className="w-full text-xs border-collapse">
|
||||
<thead>
|
||||
<tr className="border-b bg-gray-50">
|
||||
<th className="text-left py-2 px-2 font-semibold">Score Range</th>
|
||||
<th className="text-left py-2 px-2 font-semibold">Level</th>
|
||||
<th className="text-left py-2 px-2 font-semibold">Key Evaluation Criteria</th>
|
||||
<th className="text-left py-2 px-2 font-semibold">Quality Benefit</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr className="border-b">
|
||||
<td className="py-2 px-2 font-medium">71-100 pts</td>
|
||||
<td className="py-2 px-2 text-green-600 font-semibold">High Quality</td>
|
||||
<td className="py-2 px-2">Excellent editorial standards, high user engagement, innovative content</td>
|
||||
<td className="py-2 px-2">Rank improvement, high rank with lower bids, increased exposure</td>
|
||||
</tr>
|
||||
<tr className="border-b">
|
||||
<td className="py-2 px-2 font-medium">41-70 pts</td>
|
||||
<td className="py-2 px-2 text-gray-600 font-semibold">Average Quality</td>
|
||||
<td className="py-2 px-2">Meets standard criteria, stable content quality</td>
|
||||
<td className="py-2 px-2">-</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td className="py-2 px-2 font-medium">1-40 pts</td>
|
||||
<td className="py-2 px-2 text-red-600 font-semibold">Low Quality</td>
|
||||
<td className="py-2 px-2">Below basic standards, low engagement, lack of consistency</td>
|
||||
<td className="py-2 px-2">-</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</CardContent>
|
||||
</Card>
|
||||
|
||||
{/* 3. Auction Target Types */}
|
||||
<Card className="mb-3" data-testid="section-types">
|
||||
<CardHeader className="pb-2 pt-3 px-3">
|
||||
<CardTitle className="flex items-center gap-2 text-base font-semibold">
|
||||
<List className="h-4 w-4 text-purple-600" />
|
||||
<span>3. Auction Target Types</span>
|
||||
</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent className="pt-0 px-3 pb-3">
|
||||
<p className="text-xs text-gray-600 mb-2">
|
||||
Management rights for a total of <strong>71</strong> media outlets are up for auction.
|
||||
</p>
|
||||
|
||||
<div className="overflow-x-auto">
|
||||
<table className="w-full text-xs border-collapse">
|
||||
<thead>
|
||||
<tr className="border-b bg-gray-50">
|
||||
<th className="text-left py-2 px-2 font-semibold">Type</th>
|
||||
<th className="text-left py-2 px-2 font-semibold">Count</th>
|
||||
<th className="text-left py-2 px-2 font-semibold">Description</th>
|
||||
<th className="text-left py-2 px-2 font-semibold">Minimum Bid</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr className="border-b">
|
||||
<td className="py-2 px-2 font-medium text-blue-600">People</td>
|
||||
<td className="py-2 px-2">24</td>
|
||||
<td className="py-2 px-2">Personal branding, statements, profile editing rights for key figures.</td>
|
||||
<td className="py-2 px-2 font-semibold">$500</td>
|
||||
</tr>
|
||||
<tr className="border-b">
|
||||
<td className="py-2 px-2 font-medium text-green-600">Topics</td>
|
||||
<td className="py-2 px-2">20</td>
|
||||
<td className="py-2 px-2">Trend analysis, content curation for core topics, prediction market integration.</td>
|
||||
<td className="py-2 px-2 font-semibold">$300</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td className="py-2 px-2 font-medium text-purple-600">Companies</td>
|
||||
<td className="py-2 px-2">27</td>
|
||||
<td className="py-2 px-2">Corporate news, financial updates, corporate reputation management.</td>
|
||||
<td className="py-2 px-2 font-semibold">$1,000</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<p className="text-xs text-gray-600 mt-2">
|
||||
* The winner acquires <strong>Exclusive Editorial Rights</strong> to prioritize content decisions.
|
||||
</p>
|
||||
</CardContent>
|
||||
</Card>
|
||||
|
||||
{/* 4. Strategic Bidding Guide */}
|
||||
<Card className="mb-3" data-testid="section-strategy">
|
||||
<CardHeader className="pb-2 pt-3 px-3">
|
||||
<CardTitle className="flex items-center gap-2 text-base font-semibold">
|
||||
<Target className="h-4 w-4 text-orange-600" />
|
||||
<span>4. Strategic Bidding Guide</span>
|
||||
</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent className="pt-0 px-3 pb-3">
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-3">
|
||||
{/* Effective Tips */}
|
||||
<div>
|
||||
<h3 className="font-semibold mb-1 text-sm">🎯 Core Principles</h3>
|
||||
<ul className="space-y-0.5 text-xs">
|
||||
<li>• <strong>Vickrey Auction Method</strong>: Nobel Prize-winning theory applied</li>
|
||||
<li>• <strong>Hybrid Scoring</strong>: Bid amount × quality score combination</li>
|
||||
<li>• <strong>Fair Pricing</strong>: Second-price bid-based charging</li>
|
||||
<li>• <strong>Quality-Centered Evaluation</strong>: Prevents simple price competition</li>
|
||||
<h4 className="font-semibold text-sm mb-1 text-blue-600">💡 Effective Bidding Tips</h4>
|
||||
<ul className="space-y-1 text-xs">
|
||||
<li>1. <strong>Prioritize Quality Score:</strong> Improving the quality score offers a higher Return on Investment (ROI) than increasing the bid amount alone.</li>
|
||||
<li>2. <strong>Analyze Competition:</strong> Study past auction results and competitor bidding patterns in similar categories.</li>
|
||||
<li>3. <strong>Gradual Bidding:</strong> Increase bids step-by-step rather than making large jumps close to the deadline.</li>
|
||||
<li>4. <strong>Consider Timing:</strong> Competition often intensifies near the auction closing time.</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
{/* Mistakes to Avoid */}
|
||||
<div>
|
||||
<h3 className="font-semibold mb-1 text-sm">📊 Auction Targets</h3>
|
||||
<ul className="space-y-0.5 text-xs">
|
||||
<li>• <strong>People (24)</strong>: Management rights for key figures' media outlets</li>
|
||||
<li>• <strong>Topics (20)</strong>: Core topic content management rights</li>
|
||||
<li>• <strong>Companies (27)</strong>: Corporate media management rights</li>
|
||||
<li>• <strong>Exclusive Editorial Rights</strong>: Content priority decision rights</li>
|
||||
<h4 className="font-semibold text-sm mb-1 text-red-600">⚠️ Mistakes to Avoid</h4>
|
||||
<ul className="space-y-1 text-xs">
|
||||
<li>• <strong>Ignoring Quality Score:</strong> You cannot win with bid amount alone.</li>
|
||||
<li>• <strong>Excessive Competition:</strong> Emotional bidding can lead to losses.</li>
|
||||
<li>• <strong>Short-term Thinking:</strong> Don't neglect profitability relative to the management period.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</CardContent>
|
||||
</Card>
|
||||
|
||||
{/* Core Mechanism */}
|
||||
<Card className="mb-3" data-testid="section-mechanism">
|
||||
<CardHeader className="pb-1 pt-3 px-3">
|
||||
<CardTitle className="flex items-center gap-2 text-base font-semibold">
|
||||
<Settings className="h-4 w-4 text-chart-1" />
|
||||
<span>1. Basic Auction Mechanism</span>
|
||||
</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent className="pt-0 px-3 pb-3">
|
||||
<div className="space-y-2">
|
||||
<div className="bg-blue-50 rounded p-3">
|
||||
<h3 className="font-semibold mb-2 flex items-center text-sm">
|
||||
<Award className="h-4 w-4 text-primary mr-2" />
|
||||
Vickrey Auction Method
|
||||
</h3>
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-2">
|
||||
<div className="text-center">
|
||||
<div className="w-8 h-8 bg-blue-600 rounded-full flex items-center justify-center text-white text-sm font-bold mx-auto mb-1">1</div>
|
||||
<h4 className="font-medium mb-0.5 text-xs">Highest Bidder Wins</h4>
|
||||
<p className="text-xs text-gray-600">Bidder with highest total score wins</p>
|
||||
</div>
|
||||
<div className="text-center">
|
||||
<div className="w-8 h-8 bg-green-600 rounded-full flex items-center justify-center text-white text-sm font-bold mx-auto mb-1">2</div>
|
||||
<h4 className="font-medium mb-0.5 text-xs">Pay Second Price</h4>
|
||||
<p className="text-xs text-gray-600">Actually only pay second-place bid</p>
|
||||
</div>
|
||||
<div className="text-center">
|
||||
<div className="w-8 h-8 bg-purple-600 rounded-full flex items-center justify-center text-white text-sm font-bold mx-auto mb-1">3</div>
|
||||
<h4 className="font-medium mb-0.5 text-xs">Fair Price Formation</h4>
|
||||
<p className="text-xs text-gray-600">Prevents excessive bidding and increases efficiency</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="bg-gray-100 rounded p-3">
|
||||
<h4 className="font-semibold mb-1 text-xs">📝 Real Example</h4>
|
||||
<div className="space-y-1 text-xs">
|
||||
<p><strong>Bidder A:</strong> $1,000 × 85pts = 85,000pts (1st place winner)</p>
|
||||
<p><strong>Bidder B:</strong> $800 × 90pts = 72,000pts (2nd place)</p>
|
||||
<p><strong>Bidder C:</strong> $1,200 × 60pts = 72,000pts (3rd place)</p>
|
||||
<p className="pt-1 font-medium text-primary">
|
||||
→ A wins but actually pays around B's bid of $800
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</CardContent>
|
||||
</Card>
|
||||
|
||||
{/* Ranking System */}
|
||||
<Card className="mb-3" data-testid="section-ranking">
|
||||
<CardHeader className="pb-1 pt-3 px-3">
|
||||
<CardTitle className="flex items-center gap-2 text-base font-semibold">
|
||||
<TrendingUp className="h-4 w-4 text-chart-2" />
|
||||
<span>2. Ranking System</span>
|
||||
</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent className="pt-0 px-3 pb-3">
|
||||
<div className="space-y-2">
|
||||
<div className="text-center bg-gradient-to-r from-blue-50 to-green-50 rounded p-3">
|
||||
<h3 className="text-sm font-bold mb-1">Final Ranking Formula</h3>
|
||||
<div className="text-lg font-bold text-blue-600 mb-0.5">
|
||||
Ranking Score = Bid Amount × (Quality Score ÷ 100)
|
||||
</div>
|
||||
<p className="text-xs text-gray-600">Same weighting system as advertising auctions</p>
|
||||
</div>
|
||||
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-3">
|
||||
<div>
|
||||
<h4 className="font-semibold mb-1 flex items-center text-sm">
|
||||
<DollarSign className="h-3 w-3 text-blue-600 mr-1" />
|
||||
Bid Amount
|
||||
</h4>
|
||||
<ul className="space-y-0.5 text-xs">
|
||||
<li>• Minimum bid: $100</li>
|
||||
<li>• Maximum bid: $100,000</li>
|
||||
<li>• Must be higher than current top bid</li>
|
||||
<li>• Management period: Default 30 days</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h4 className="font-semibold mb-1 flex items-center text-sm">
|
||||
<Star className="h-3 w-3 text-green-600 mr-1" />
|
||||
Quality Score
|
||||
</h4>
|
||||
<ul className="space-y-0.5 text-xs">
|
||||
<li>• Score range: 1-100 points</li>
|
||||
<li>• Content quality evaluation</li>
|
||||
<li>• User engagement analysis</li>
|
||||
<li>• Editorial standards compliance</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</CardContent>
|
||||
</Card>
|
||||
|
||||
{/* Quality Score System */}
|
||||
<Card className="mb-3" data-testid="section-quality">
|
||||
<CardHeader className="pb-1 pt-3 px-3">
|
||||
<CardTitle className="flex items-center gap-2 text-base font-semibold">
|
||||
<Award className="h-4 w-4 text-chart-3" />
|
||||
<span>3. Quality Score System</span>
|
||||
</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent className="pt-0 px-3 pb-3">
|
||||
<div className="space-y-2">
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-2">
|
||||
<Card className="border-red-200">
|
||||
<CardContent className="p-2 text-center">
|
||||
<Badge variant="destructive" className="mb-1 text-xs">1-40 pts</Badge>
|
||||
<h4 className="font-semibold mb-1 text-sm">Low Quality</h4>
|
||||
<ul className="text-xs space-y-0.5">
|
||||
<li>• Below basic editorial standards</li>
|
||||
<li>• Low user engagement</li>
|
||||
<li>• Lack of content consistency</li>
|
||||
</ul>
|
||||
</CardContent>
|
||||
</Card>
|
||||
<Card className="border-gray-200">
|
||||
<CardContent className="p-2 text-center">
|
||||
<Badge variant="secondary" className="mb-1 text-xs">41-70 pts</Badge>
|
||||
<h4 className="font-semibold mb-1 text-sm">Average Quality</h4>
|
||||
<ul className="text-xs space-y-0.5">
|
||||
<li>• Meets standard editorial criteria</li>
|
||||
<li>• Stable content quality</li>
|
||||
<li>• Appropriate user response</li>
|
||||
</ul>
|
||||
</CardContent>
|
||||
</Card>
|
||||
<Card className="border-green-200">
|
||||
<CardContent className="p-2 text-center">
|
||||
<Badge variant="default" className="mb-1 text-xs">71-100 pts</Badge>
|
||||
<h4 className="font-semibold mb-1 text-sm">High Quality</h4>
|
||||
<ul className="text-xs space-y-0.5">
|
||||
<li>• Excellent editorial standards</li>
|
||||
<li>• High user engagement</li>
|
||||
<li>• Innovative content</li>
|
||||
</ul>
|
||||
</CardContent>
|
||||
</Card>
|
||||
</div>
|
||||
|
||||
<div className="bg-green-50 rounded p-3">
|
||||
<h4 className="font-semibold mb-1 flex items-center text-sm">
|
||||
<Calculator className="h-3 w-3 text-green-600 mr-1" />
|
||||
Quality Score Benefits
|
||||
</h4>
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-2 text-xs">
|
||||
<div>
|
||||
<h5 className="font-medium mb-0.5 text-xs">📈 Ranking Improvement</h5>
|
||||
<p className="text-xs text-gray-600">Higher quality scores prioritized among same bids</p>
|
||||
</div>
|
||||
<div>
|
||||
<h5 className="font-medium mb-0.5 text-xs">💰 Cost Savings</h5>
|
||||
<p className="text-xs text-gray-600">Achieve high rankings with lower bids</p>
|
||||
</div>
|
||||
<div>
|
||||
<h5 className="font-medium mb-0.5 text-xs">🎯 Increased Effectiveness</h5>
|
||||
<p className="text-xs text-gray-600">More exposure and user engagement opportunities</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</CardContent>
|
||||
</Card>
|
||||
|
||||
{/* Auction Types */}
|
||||
<Card className="mb-3" data-testid="section-types">
|
||||
<CardHeader className="pb-1 pt-3 px-3">
|
||||
<CardTitle className="flex items-center gap-2 text-base font-semibold">
|
||||
<List className="h-4 w-4 text-chart-4" />
|
||||
<span>4. Auction Types</span>
|
||||
</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent className="pt-0 px-3 pb-3">
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-3">
|
||||
<Card className="border-blue-200">
|
||||
<CardContent className="p-2">
|
||||
<h4 className="font-semibold mb-1 flex items-center text-sm">
|
||||
<Users className="h-3 w-3 text-blue-600 mr-1" />
|
||||
People
|
||||
</h4>
|
||||
<ul className="space-y-0.5 text-xs">
|
||||
<li>• <strong>24 key figures</strong></li>
|
||||
<li>• Personal branding management</li>
|
||||
<li>• Statements and activity content</li>
|
||||
<li>• Profile information editing rights</li>
|
||||
<li>• Minimum bid: $500</li>
|
||||
</ul>
|
||||
</CardContent>
|
||||
</Card>
|
||||
<Card className="border-green-200">
|
||||
<CardContent className="p-2">
|
||||
<h4 className="font-semibold mb-1 flex items-center text-sm">
|
||||
<Hash className="h-3 w-3 text-green-600 mr-1" />
|
||||
Topics
|
||||
</h4>
|
||||
<ul className="space-y-0.5 text-xs">
|
||||
<li>• <strong>20 core topics</strong></li>
|
||||
<li>• Trend analysis management</li>
|
||||
<li>• Topic-specific content curation</li>
|
||||
<li>• Prediction market integration</li>
|
||||
<li>• Minimum bid: $300</li>
|
||||
</ul>
|
||||
</CardContent>
|
||||
</Card>
|
||||
<Card className="border-purple-200">
|
||||
<CardContent className="p-2">
|
||||
<h4 className="font-semibold mb-1 flex items-center text-sm">
|
||||
<Building className="h-3 w-3 text-purple-600 mr-1" />
|
||||
Companies
|
||||
</h4>
|
||||
<ul className="space-y-0.5 text-xs">
|
||||
<li>• <strong>27 major companies</strong></li>
|
||||
<li>• Corporate news management</li>
|
||||
<li>• Financial information updates</li>
|
||||
<li>• Corporate reputation management</li>
|
||||
<li>• Minimum bid: $1,000</li>
|
||||
</ul>
|
||||
</CardContent>
|
||||
</Card>
|
||||
</div>
|
||||
</CardContent>
|
||||
</Card>
|
||||
|
||||
{/* Strategic Bidding */}
|
||||
<Card className="mb-3" data-testid="section-strategy">
|
||||
<CardHeader className="pb-1 pt-3 px-3">
|
||||
<CardTitle className="flex items-center gap-2 text-base font-semibold">
|
||||
<Target className="h-4 w-4 text-chart-5" />
|
||||
<span>5. Strategic Bidding Guide</span>
|
||||
</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent className="pt-0 px-3 pb-3">
|
||||
<div className="space-y-2">
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-3">
|
||||
<div>
|
||||
<h4 className="font-semibold mb-1 text-blue-600 text-sm">💡 Effective Bidding Strategies</h4>
|
||||
<ul className="space-y-0.5 text-xs">
|
||||
<li>• <strong>Improve Quality Score First</strong>: Higher ROI than bid amount</li>
|
||||
<li>• <strong>Analyze Competition</strong>: Study similar category auctions</li>
|
||||
<li>• <strong>Gradual Bidding</strong>: Step-by-step increases over large amounts</li>
|
||||
<li>• <strong>Consider Timing</strong>: Competition intensifies near deadlines</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h4 className="font-semibold mb-1 text-red-600 text-sm">⚠️ Mistakes to Avoid</h4>
|
||||
<ul className="space-y-0.5 text-xs">
|
||||
<li>• <strong>Ignoring Quality Score</strong>: Cannot win with bid amount alone</li>
|
||||
<li>• <strong>Excessive Competition</strong>: Losses from emotional bidding</li>
|
||||
<li>• <strong>Short-term Thinking</strong>: Not considering profitability vs management period</li>
|
||||
<li>• <strong>Last-minute Bidding</strong>: Insufficient review time</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="bg-blue-50 rounded p-3">
|
||||
<h4 className="font-semibold mb-1 flex items-center text-sm">
|
||||
<Lightbulb className="h-3 w-3 text-blue-600 mr-1" />
|
||||
Successful Auction Participation Tips
|
||||
</h4>
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-2 text-xs">
|
||||
<div>
|
||||
<h5 className="font-medium mb-0.5 text-xs">Phase 1: Preparation</h5>
|
||||
<ul className="space-y-0.5 text-xs text-gray-600">
|
||||
<li>• Select target media outlets</li>
|
||||
<li>• Establish budget plan</li>
|
||||
<li>• Self-assess quality score</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h5 className="font-medium mb-0.5 text-xs">Phase 2: Analysis</h5>
|
||||
<ul className="space-y-0.5 text-xs text-gray-600">
|
||||
<li>• Analyze past auction results</li>
|
||||
<li>• Competitor bidding patterns</li>
|
||||
<li>• Market value assessment</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h5 className="font-medium mb-0.5 text-xs">Phase 3: Execution</h5>
|
||||
<ul className="space-y-0.5 text-xs text-gray-600">
|
||||
<li>• Execute planned bids</li>
|
||||
<li>• Real-time monitoring</li>
|
||||
<li>• Timely adjustments and responses</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</CardContent>
|
||||
</Card>
|
||||
|
||||
{/* Technical Implementation */}
|
||||
{/* 5. Technical Implementation */}
|
||||
<Card className="mb-3" data-testid="section-technical">
|
||||
<CardHeader className="pb-1 pt-3 px-3">
|
||||
<CardHeader className="pb-2 pt-3 px-3">
|
||||
<CardTitle className="flex items-center gap-2 text-base font-semibold">
|
||||
<Brain className="h-4 w-4 text-primary" />
|
||||
<span>6. Technical Implementation</span>
|
||||
<Award className="h-4 w-4 text-indigo-600" />
|
||||
<span>5. Technical Implementation (System Features)</span>
|
||||
</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent className="pt-0 px-3 pb-3">
|
||||
<div className="space-y-2">
|
||||
<div className="bg-blue-50 rounded p-3">
|
||||
<h4 className="font-semibold mb-1 text-sm">🔧 System Architecture</h4>
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-2 text-xs">
|
||||
<div>
|
||||
<h5 className="font-medium mb-0.5 text-xs">Real-time Bid Processing</h5>
|
||||
<ul className="space-y-0.5 text-xs text-gray-600">
|
||||
<li>• PostgreSQL-based transaction management</li>
|
||||
<li>• Concurrency control and integrity assurance</li>
|
||||
<li>• Real-time ranking updates</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h5 className="font-medium mb-0.5 text-xs">Security and Verification</h5>
|
||||
<ul className="space-y-0.5 text-xs text-gray-600">
|
||||
<li>• User authentication and authorization</li>
|
||||
<li>• Bid data encryption</li>
|
||||
<li>• Fraud prevention system</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="bg-green-50 rounded p-3">
|
||||
<h4 className="font-semibold mb-1 text-sm">📊 Data Analysis</h4>
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-2 text-xs">
|
||||
<div>
|
||||
<h5 className="font-medium mb-0.5 text-xs">Bidding Pattern Analysis</h5>
|
||||
<p className="text-xs text-gray-600">Track user-specific bid history and success rates</p>
|
||||
</div>
|
||||
<div>
|
||||
<h5 className="font-medium mb-0.5 text-xs">Market Price Prediction</h5>
|
||||
<p className="text-xs text-gray-600">ML-based optimal bid suggestions</p>
|
||||
</div>
|
||||
<div>
|
||||
<h5 className="font-medium mb-0.5 text-xs">Performance Measurement</h5>
|
||||
<p className="text-xs text-gray-600">ROI analysis after acquiring management rights</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<ul className="space-y-1 text-xs">
|
||||
<li>• <strong>Real-time Processing:</strong> Utilizes PostgreSQL for transaction management, ensuring concurrency control and real-time ranking updates.</li>
|
||||
<li>• <strong>Security:</strong> Features user authentication, bid data encryption, and a robust fraud prevention system.</li>
|
||||
<li>• <strong>Data Analysis:</strong> Machine Learning (ML) is used for <strong>optimal bid suggestions</strong>, and post-acquisition <strong>ROI analysis</strong> measures performance.</li>
|
||||
</ul>
|
||||
</CardContent>
|
||||
</Card>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user