diff --git a/assets/css/custom.css b/assets/css/custom.css new file mode 100644 index 0000000..35c8c6d --- /dev/null +++ b/assets/css/custom.css @@ -0,0 +1,43 @@ +body { + font-family: 'Inter', sans-serif; + background-color: #F3F4F6; +} + +.brand-text { + color: #2563EB; + font-weight: 700; +} + +.status-badge { + display: inline-block; + padding: 0.25em 0.6em; + font-size: .75em; + font-weight: 700; + line-height: 1; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: .375rem; +} + +.status-badge.winning { + color: #065F46; + background-color: #D1FAE5; +} + +.status-badge.overpriced { + color: #991B1B; + background-color: #FEE2E2; +} + +.status-badge.fair { + color: #92400E; + background-color: #FEF3C7; +} + +.product-img-thumbnail { + width: 40px; + height: 40px; + object-fit: cover; + border-radius: .375rem; +} diff --git a/index.php b/index.php index 7205f3d..da9ec13 100644 --- a/index.php +++ b/index.php @@ -1,150 +1,168 @@ 'https://via.placeholder.com/150/2563EB/FFFFFF?text=P1', + 'name' => 'Premium Coffee Maker', + 'my_price' => 120.00, + 'competitor_price' => 115.50, + 'status' => 'Overpriced' + ], + [ + 'image' => 'https://via.placeholder.com/150/4B5563/FFFFFF?text=P2', + 'name' => 'Wireless Noise-Cancelling Headphones', + 'my_price' => 249.99, + 'competitor_price' => 260.00, + 'status' => 'Winning' + ], + [ + 'image' => 'https://via.placeholder.com/150/10B981/FFFFFF?text=P3', + 'name' => 'Ergonomic Office Chair', + 'my_price' => 350.00, + 'competitor_price' => 349.00, + 'status' => 'Fair' + ], + [ + 'image' => 'https://via.placeholder.com/150/EF4444/FFFFFF?text=P4', + 'name' => 'Smartwatch Series 8', + 'my_price' => 429.00, + 'competitor_price' => 415.00, + 'status' => 'Overpriced' + ], + [ + 'image' => 'https://via.placeholder.com/150/F59E0B/FFFFFF?text=P5', + 'name' => 'Portable Bluetooth Speaker', + 'my_price' => 79.95, + 'competitor_price' => 85.00, + 'status' => 'Winning' + ], +]; + +function getStatusClass($status) { + switch ($status) { + case 'Winning': return 'winning'; + case 'Overpriced': return 'overpriced'; + case 'Fair': return 'fair'; + default: return ''; + } +} ?> - + - - - New Style - - - - - - - - - - - - - - - - - - - + + + Pricelens.ai - Dashboard + + + + + + + + + + + + + + + + + + -
-
-

Analyzing your requirements and generating your website…

-
- Loading… -
-

AI is collecting your requirements and applying the first changes.

-

This page will update automatically as the plan is implemented.

-

Runtime: PHP — UTC

-
-
- + + + +
+
+ +
+
+
+
Total Products
+

+
+
+
+
+
+
+
Competitor Alerts
+

+
+
+
+
+
+
+
Potential Revenue Gain
+

$

+
+
+
+
+ + +
+
+
Tracked Products
+
+ + +
+
+
+ + + + + + + + + + + + + + + + + + + + + +
ProductMy PriceCompetitor PriceStatusActions
+
+ <?php echo htmlspecialchars($product['name']); ?> +
+
+
+
+ 		$$ + + + + + +
+
+
+
+ + - + \ No newline at end of file