g/ember-market-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update page.tsx

Browse Source
This commit is contained in:
NotII
2025-03-28 22:15:15 +00:00
parent 0567e04deb
commit c9c9c4c486
1 changed files with 9 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
app/page.tsx
View File

@@ -1,5 +1,5 @@
import Link from "next/link"; import Link from "next/link";
import { ArrowRight, Shield, LineChart, Zap } from "lucide-react"; import { ArrowRight, Shield, LineChart, Zap, Package, Users, CreditCard } from "lucide-react";
import { Button } from "@/components/ui/button"; import { Button } from "@/components/ui/button";
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"; import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
import { fetchPlatformStats } from "@/lib/stats-service"; import { fetchPlatformStats } from "@/lib/stats-service";
@@ -60,19 +60,22 @@ export default async function Home() {
<Suspense fallback={<div className="text-center">Loading statistics...</div>}> <Suspense fallback={<div className="text-center">Loading statistics...</div>}>
<div className="grid grid-cols-1 md:grid-cols-3 gap-8"> <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
<div className="flex flex-col items-center text-center p-6 rounded-md bg-[#1C1C1C] border-0"> <div className="flex flex-col items-center text-center p-6 rounded-md bg-[#1C1C1C] border-0">
<Package className="h-12 w-12 text-[#FF7A00] mb-4" />
<div className="text-4xl font-bold text-[#FF7A00] mb-2">{formatNumber(stats.orders.completed)}+</div> <div className="text-4xl font-bold text-[#FF7A00] mb-2">{formatNumber(stats.orders.completed)}+</div>
<div className="text-xl font-semibold text-white mb-1">Orders Processed</div> <div className="text-xl font-semibold text-white mb-1">Orders Processed</div>
<p className="text-sm text-gray-400">Successfully delivered to customers worldwide</p> <p className="text-sm text-gray-400">Successfully delivered to customers around the world</p>
</div> </div>
<div className="flex flex-col items-center text-center p-6 rounded-md bg-[#1C1C1C] border-0"> <div className="flex flex-col items-center text-center p-6 rounded-md bg-[#1C1C1C] border-0">
<Users className="h-12 w-12 text-[#FF7A00] mb-4" />
<div className="text-4xl font-bold text-[#FF7A00] mb-2">{formatNumber(stats.vendors.total)}+</div> <div className="text-4xl font-bold text-[#FF7A00] mb-2">{formatNumber(stats.vendors.total)}+</div>
<div className="text-xl font-semibold text-white mb-1">Registered Vendors</div> <div className="text-xl font-semibold text-white mb-1">Registered Vendors</div>
<p className="text-sm text-gray-400">Trusted merchants selling on our platform</p> <p className="text-sm text-gray-400">Trusted merchants selling on our platform</p>
</div> </div>
<div className="flex flex-col items-center text-center p-6 rounded-md bg-[#1C1C1C] border-0"> <div className="flex flex-col items-center text-center p-6 rounded-md bg-[#1C1C1C] border-0">
<CreditCard className="h-12 w-12 text-[#FF7A00] mb-4" />
<div className="text-4xl font-bold text-[#FF7A00] mb-2">{formatCurrency(stats.transactions.volume)}</div> <div className="text-4xl font-bold text-[#FF7A00] mb-2">{formatCurrency(stats.transactions.volume)}</div>
<div className="text-xl font-semibold text-white mb-1">Transaction Volume</div> <div className="text-xl font-semibold text-white mb-1">Transaction Volume</div>
<p className="text-sm text-gray-400">Securely processed with cryptocurrency</p> <p className="text-sm text-gray-400">Securely processed by our platform</p>
</div> </div>
</div> </div>
</Suspense> </Suspense>
@@ -91,7 +94,7 @@ export default async function Home() {
<div className="grid md:grid-cols-3 gap-6"> <div className="grid md:grid-cols-3 gap-6">
<div className="p-6 rounded-md bg-[#1C1C1C] border-0"> <div className="p-6 rounded-md bg-[#1C1C1C] border-0">
<div className="mb-4"> <div className="mb-4">
<div className="p-2 w-fit rounded-md bg-[#FF7A00]/10"> <div className="h-12 w-12 flex items-center justify-center rounded-md bg-[#232323]">
<Shield className="h-6 w-6 text-[#FF7A00]" /> <Shield className="h-6 w-6 text-[#FF7A00]" />
</div> </div>
<h3 className="mt-4 text-xl font-semibold text-white">Cryptocurrency Payments</h3> <h3 className="mt-4 text-xl font-semibold text-white">Cryptocurrency Payments</h3>
@@ -102,7 +105,7 @@ export default async function Home() {
</div> </div>
<div className="p-6 rounded-md bg-[#1C1C1C] border-0"> <div className="p-6 rounded-md bg-[#1C1C1C] border-0">
<div className="mb-4"> <div className="mb-4">
<div className="p-2 w-fit rounded-md bg-[#FF7A00]/10"> <div className="h-12 w-12 flex items-center justify-center rounded-md bg-[#232323]">
<LineChart className="h-6 w-6 text-[#FF7A00]" /> <LineChart className="h-6 w-6 text-[#FF7A00]" />
</div> </div>
<h3 className="mt-4 text-xl font-semibold text-white">Order Tracking</h3> <h3 className="mt-4 text-xl font-semibold text-white">Order Tracking</h3>
@@ -113,7 +116,7 @@ export default async function Home() {
</div> </div>
<div className="p-6 rounded-md bg-[#1C1C1C] border-0"> <div className="p-6 rounded-md bg-[#1C1C1C] border-0">
<div className="mb-4"> <div className="mb-4">
<div className="p-2 w-fit rounded-md bg-[#FF7A00]/10"> <div className="h-12 w-12 flex items-center justify-center rounded-md bg-[#232323]">
<Zap className="h-6 w-6 text-[#FF7A00]" /> <Zap className="h-6 w-6 text-[#FF7A00]" />
</div> </div>
<h3 className="mt-4 text-xl font-semibold text-white">Fast Performance</h3> <h3 className="mt-4 text-xl font-semibold text-white">Fast Performance</h3>