Update animated-stats-section.tsx
This commit is contained in:
@@ -2,7 +2,6 @@
|
|||||||
|
|
||||||
import { Package, Users, CreditCard } from "lucide-react";
|
import { Package, Users, CreditCard } from "lucide-react";
|
||||||
import { AnimatedCounter } from "./animated-counter";
|
import { AnimatedCounter } from "./animated-counter";
|
||||||
import { TextTyper } from "./text-typer";
|
|
||||||
import { PlatformStats } from "@/lib/stats-service";
|
import { PlatformStats } from "@/lib/stats-service";
|
||||||
|
|
||||||
const formatCurrency = (value: number) => {
|
const formatCurrency = (value: number) => {
|
||||||
@@ -32,18 +31,10 @@ export function AnimatedStatsSection({ stats }: AnimatedStatsProps) {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<h3 className="text-xl font-bold text-white">
|
<h3 className="text-xl font-bold text-white">
|
||||||
<TextTyper
|
Completed Orders
|
||||||
text="Completed Orders"
|
|
||||||
typingSpeed={30}
|
|
||||||
delay={500}
|
|
||||||
/>
|
|
||||||
</h3>
|
</h3>
|
||||||
<p className="text-center text-zinc-400">
|
<p className="text-center text-zinc-400">
|
||||||
<TextTyper
|
Successfully fulfilled orders across our platform
|
||||||
text="Successfully fulfilled orders across our platform"
|
|
||||||
typingSpeed={10}
|
|
||||||
delay={1500}
|
|
||||||
/>
|
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -59,18 +50,10 @@ export function AnimatedStatsSection({ stats }: AnimatedStatsProps) {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<h3 className="text-xl font-bold text-white">
|
<h3 className="text-xl font-bold text-white">
|
||||||
<TextTyper
|
Registered Vendors
|
||||||
text="Registered Vendors"
|
|
||||||
typingSpeed={30}
|
|
||||||
delay={1000}
|
|
||||||
/>
|
|
||||||
</h3>
|
</h3>
|
||||||
<p className="text-center text-zinc-400">
|
<p className="text-center text-zinc-400">
|
||||||
<TextTyper
|
Active sellers offering products on our marketplace
|
||||||
text="Active sellers offering products on our marketplace"
|
|
||||||
typingSpeed={10}
|
|
||||||
delay={2000}
|
|
||||||
/>
|
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -86,18 +69,10 @@ export function AnimatedStatsSection({ stats }: AnimatedStatsProps) {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<h3 className="text-xl font-bold text-white">
|
<h3 className="text-xl font-bold text-white">
|
||||||
<TextTyper
|
Transaction Volume
|
||||||
text="Transaction Volume"
|
|
||||||
typingSpeed={30}
|
|
||||||
delay={1500}
|
|
||||||
/>
|
|
||||||
</h3>
|
</h3>
|
||||||
<p className="text-center text-zinc-400">
|
<p className="text-center text-zinc-400">
|
||||||
<TextTyper
|
Total value of successful transactions processed
|
||||||
text="Total value of successful transactions processed"
|
|
||||||
typingSpeed={10}
|
|
||||||
delay={2500}
|
|
||||||
/>
|
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user