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

ugh

Browse Source
This commit is contained in:
NotII
2025-03-28 22:56:57 +00:00
parent 546e7bd245
commit 1bec653206
5 changed files with 274 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
app/page.tsx
View File

@@ -1,10 +1,12 @@
import Link from "next/link";
import { ArrowRight, Shield, LineChart, Zap, Package, Users, CreditCard } from "lucide-react";
import { ArrowRight, Shield, LineChart, Zap } from "lucide-react";
import { Button } from "@/components/ui/button";
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
import { fetchPlatformStats } from "@/lib/stats-service";
import { HomeNavbar } from "@/components/home-navbar";
import { Suspense } from "react";
import { AnimatedStatsSection } from "@/components/animated-stats-section";
import Image from "next/image";
import { TextTyper } from "@/components/text-typer";
// Constants
const PY_20 = 20;
@@ -64,26 +66,7 @@ export default async function Home() {
<section className="py-16 px-6 md:px-10 bg-black">
<div className="max-w-6xl mx-auto">
<Suspense fallback={<div className="text-center">Loading statistics...</div>}>
<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">
<Package className="h-12 w-12 text-[#D53F8C] mb-4" />
<div className="text-4xl font-bold text-[#D53F8C] mb-2">{formatNumberValue(stats.orders.completed)}+</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 around the world</p>
</div>
<div className="flex flex-col items-center text-center p-6 rounded-md bg-[#1C1C1C] border-0">
<Users className="h-12 w-12 text-[#D53F8C] mb-4" />
<div className="text-4xl font-bold text-[#D53F8C] mb-2">{formatNumberValue(stats.vendors.total)}+</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>
</div>
<div className="flex flex-col items-center text-center p-6 rounded-md bg-[#1C1C1C] border-0">
<CreditCard className="h-12 w-12 text-[#D53F8C] mb-4" />
<div className="text-4xl font-bold text-[#D53F8C] mb-2">{formatCurrencyValue(stats.transactions.volume)}</div>
<div className="text-xl font-semibold text-white mb-1">Transaction Volume</div>
<p className="text-sm text-gray-400">Securely processed by our platform</p>
</div>
</div>
<AnimatedStatsSection stats={stats} />
</Suspense>
</div>
</section>
@@ -187,7 +170,7 @@ export default async function Home() {
</p>
</div>
<div className="mt-10 text-center text-sm text-gray-500">
<p> {new Date().getFullYear()} Ember. All rights reserved.</p>
<p>© {new Date().getFullYear()} Ember. All rights reserved.</p>
</div>
</footer>
</div>