cta-02

1import Link from "next/link"
2 
3import { cn } from "@/lib/utils"
4import { Button } from "@/components/ui/button"
5import { Grid } from "@/registry/eldoraui/grid"
6 
7import { Icons } from "./icons"
8import { OrbitingCircles } from "./orbiting-circle"
9 
10const OribitingCirclesAnimation = ({ className }: { className?: string }) => {
11  return (
12    <div
13      className={cn(
14        "bg-background absolute inset-0 z-0 flex flex-col overflow-visible",
15        className
16      )}
17      aria-hidden
18    >
19      <div className="relative flex h-[50%] min-h-[240px] w-full shrink-0 items-center justify-center overflow-visible">
20        <div className="from-background pointer-events-none absolute bottom-0 left-0 z-20 h-20 w-full bg-gradient-to-t to-transparent" />
21        <div className="from-background pointer-events-none absolute top-0 left-0 z-20 h-10 w-full bg-gradient-to-b to-transparent" />
22        <div className="relative -mt-60 flex h-full w-full items-center justify-center">
23          <OrbitingCircles
24            index={0}
25            iconSize={150}
26            radius={150}
27            reverse
28            speed={1}
29          >
30            <Icons.boat />
31            <Icons.supabase />
32            <Icons.figma />
33          </OrbitingCircles>
34          <OrbitingCircles index={1} iconSize={150} radius={300} speed={0.5}>
35            <Icons.workos />
36            <Icons.runwayml />
37            <Icons.gemini />
38          </OrbitingCircles>
39          <OrbitingCircles
40            index={2}
41            iconSize={150}
42            radius={440}
43            reverse
44            speed={0.5}
45          >
46            <Icons.vercel />
47            <Icons.replit />
48            <Icons.posthog />
49          </OrbitingCircles>
50        </div>
51      </div>
52    </div>
53  )
54}
55 
56export default function CtaPage() {
57  return (
58    <Grid
59      columns={1}
60      rows={1}
61      height="min-h-[36rem]"
62      width="w-full"
63      showPlusIcons={false}
64    >
65      <section className="relative min-h-[36rem] w-full overflow-hidden">
66        <OribitingCirclesAnimation />
67        <div
68          className="via-background/40 to-background/70 pointer-events-none absolute inset-0 z-10 bg-gradient-to-b from-transparent from-35% via-55% to-100% backdrop-blur-[0.8px]"
69          aria-hidden
70        />
71        <div className="relative z-20 flex min-h-[36rem] flex-col items-center justify-center gap-6 px-4 py-12">
72// … truncated