refactor: Update cool-header-text.tsx
Update the cool-header-text component to display a new text for the header. Instead of "Beautiful. Fast. Private. Stay focused, browse faster 🚀", it now says "Stay focused, browse faster with Zen 🚀". Also, adjust the positioning of the alpha version badge.
This commit is contained in:
@@ -25,12 +25,10 @@ export default function CoolHeaderText() {
|
||||
<>
|
||||
<div className="relative mb-3 mt-5 -translate-y-4 animate-fade-in text-balance bg-gradient-to-br from-30% to-black/40 bg-clip-text py-6 text-5xl font-extrabold font-semibold leading-none tracking-tighter text-transparent opacity-0 [--animation-delay:200ms] dark:from-white dark:to-white/40 sm:text-6xl md:text-7xl lg:text-8xl">
|
||||
<TextTitle>
|
||||
Beautiful. Fast. Private.
|
||||
<br />
|
||||
Stay focused, browse faster 🚀
|
||||
Stay focused, browse faster with Zen 🚀
|
||||
</TextTitle>
|
||||
</div>
|
||||
<div className="pointer-events-none absolute right-[-20px] top-[-5px] mt-12 hidden h-fit w-fit !rotate-[15deg] transform animate-fade-in rounded-full bg-blue-500 px-3 py-1 text-white opacity-0 shadow [--animation-delay:400ms] md:block">
|
||||
<div className="pointer-events-none absolute right-20 top-[-5px] mt-12 hidden h-fit w-fit !rotate-[15deg] transform animate-fade-in rounded-full bg-blue-500 px-3 py-1 text-white opacity-0 shadow [--animation-delay:400ms] md:block">
|
||||
Alpha Version
|
||||
</div>
|
||||
</>
|
||||
|
||||
Reference in New Issue
Block a user