This commit is contained in:
ct
2025-07-15 03:36:02 +08:00
parent 852346ee3b
commit 580f0c6d71
4 changed files with 53 additions and 28 deletions

View File

@@ -1,6 +1,8 @@
import CountUp from '@/components/reactbits/CountUp/CountUp';
import { usePage } from '@inertiajs/react';
const Hero = () => {
const { stats } = usePage().props;
return (
<section className="from-muted/50 relative bg-gradient-to-b to-transparent dark:from-neutral-900 dark:to-transparent">
<div className="relative mx-auto max-w-6xl px-4 sm:px-6 lg:px-8">
@@ -28,29 +30,29 @@ const Hero = () => {
<div className="text-center">
<CountUp
from={0}
to={200}
to={stats?.meme_count || 200}
separator=","
direction="up"
duration={1}
className="text-foreground text-3xl font-bold sm:text-4xl"
postFix="+"
postFix=""
/>{' '}
<div className="text-muted-foreground text-sm">Meme Templates</div>
</div>
<div className="text-center">
<CountUp
from={0}
to={200}
to={stats?.background_count || 200}
separator=","
direction="up"
duration={1}
className="text-foreground text-3xl font-bold sm:text-4xl"
postFix="+"
postFix=""
/>
<div className="text-muted-foreground text-sm">Backgrounds</div>
</div>
<div className="text-center">
<div className="text-foreground text-3xl font-bold sm:text-4xl">MP4</div>
<div className="text-foreground text-3xl font-bold sm:text-4xl">720p</div>
<div className="text-muted-foreground text-sm">Export</div>
</div>
</div>