Update
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user