Skip to content

Commit 2a5c318

Browse files
committed
feat: enhance EnterpriseLanding component with animated gradient text
- Added AnimatedGradientText component to replace the static "Enterprise" label with an animated gradient effect. - Updated styling for improved visual appeal and interactivity on the Enterprise landing page.
1 parent 2c03cf3 commit 2a5c318

1 file changed

Lines changed: 11 additions & 4 deletions

File tree

apps/website/components/EnterpriseLanding.tsx

Lines changed: 11 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,7 @@ import {
1313
} from "lucide-react";
1414
import Link from "next/link";
1515
import { Container } from "./Container";
16+
import AnimatedGradientText from "./ui/animated-gradient-text";
1617
import AnimatedGridPattern from "./ui/animated-grid-pattern";
1718
import { Button } from "./ui/button";
1819

@@ -93,14 +94,20 @@ export function EnterpriseLanding() {
9394
<Container className="relative z-10">
9495
<div className="text-center">
9596
<motion.div
96-
className="mb-6 inline-block"
97+
className="relative z-10 mb-6 inline-block"
9798
initial={{ opacity: 0, y: 20 }}
9899
animate={{ opacity: 1, y: 0 }}
99100
transition={{ duration: 0.3 }}
100101
>
101-
<span className="rounded-full border border-green-500/20 bg-green-500/10 px-4 py-2 text-sm font-medium text-green-400">
102-
ENTERPRISE
103-
</span>
102+
<AnimatedGradientText>
103+
<span
104+
className={cn(
105+
"inline animate-gradient bg-gradient-to-r from-[#ffaa40] via-[#9c40ff] to-[#ffaa40] bg-[length:var(--bg-size)_100%] bg-clip-text text-transparent",
106+
)}
107+
>
108+
Enterprise
109+
</span>
110+
</AnimatedGradientText>
104111
</motion.div>
105112

106113
<motion.h1

0 commit comments

Comments
 (0)