+ {'$'}
+
{'Lifetime earned by Yearn Vaults'}
+- {'$'} - {formatAmount(tvl ?? 0, 0, 0)} - {' deposited in Yearn Vaults'} - {' in Yearn'} -
-
{'Yes! Yearn has extensive documentation for developers looking to build on top of our protocol. Visit our'}{' '}
diff --git a/src/components/pages/landing/components/sections/Hero.tsx b/src/components/pages/landing/components/sections/Hero.tsx
index 02d1b171d..ea8ca94d5 100644
--- a/src/components/pages/landing/components/sections/Hero.tsx
+++ b/src/components/pages/landing/components/sections/Hero.tsx
@@ -1,15 +1,13 @@
import { usePlausible } from '@hooks/usePlausible'
import { Button } from '@shared/components/Button'
+import { LifetimeEarningsStat } from '@shared/components/LifetimeEarningsStat'
import { SectionHeader } from '@shared/components/SectionHeader'
-import { TvlStat } from '@shared/components/TvlStat'
-import { YEARN_TVL_ENDPOINT } from '@shared/data/publicQueryEndpoints'
-import { useFetch } from '@shared/hooks/useFetch'
import { PLAUSIBLE_EVENTS } from '@shared/utils/plausible'
+import type { TLifetimeEarningsHeadline } from '@shared/utils/schemas/lifetimeEarningsSchema'
import Link from 'next/link'
import { useRouter } from 'next/navigation'
import type { ReactElement } from 'react'
import { useEffect } from 'react'
-import * as z from 'zod'
import Image from '/src/components/Image'
function AnimatedLogos(): ReactElement {
@@ -75,13 +73,9 @@ function AnimatedLogos(): ReactElement {
)
}
-export function Hero(): ReactElement {
+export function Hero({ earningsHeadline }: { earningsHeadline: TLifetimeEarningsHeadline | null }): ReactElement {
const trackEvent = usePlausible()
const router = useRouter()
- const { data: tvl } = useFetch
+ {'$'}
+ {'Lifetime earned by Yearn Vaults'}
- {'$'}
- {formatAmount(tvl ?? 0, 0, 0)}
- {' deposited in Yearn Vaults'}
- {' in Yearn'}
-