Update animated-stats-section.tsx

This commit is contained in:
NotII
2025-03-28 23:45:05 +00:00
parent 1bec653206
commit a1a337caac

View File

@@ -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>