integrations

1"use client"
2 
3import { useEffect, useId, useRef, useState } from "react"
4import {
5  BarChart,
6  File,
7  Globe,
8  HeartHandshake,
9  Rss,
10  Shield,
11} from "lucide-react"
12import { motion, useAnimation, useInView } from "motion/react"
13 
14import { cn } from "@/lib/utils"
15import { Marquee } from "@/registry/eldoraui/marquee"
16 
17const tiles = [
18  {
19    icon: <HeartHandshake className="size-full" />,
20    bg: (
21      <div className="pointer-events-none absolute top-1/2 left-1/2 size-1/2 -translate-x-1/2 -translate-y-1/2 overflow-visible rounded-full bg-gradient-to-r from-orange-600 via-rose-600 to-violet-600 opacity-70 blur-[20px]"></div>
22    ),
23  },
24  {
25    icon: <Globe className="size-full" />,
26    bg: (
27      <div className="pointer-events-none absolute top-1/2 left-1/2 size-1/2 -translate-x-1/2 -translate-y-1/2 overflow-visible rounded-full bg-gradient-to-r from-cyan-500 via-blue-500 to-indigo-500 opacity-70 blur-[20px]"></div>
28    ),
29  },
30  {
31    icon: <File className="size-full" />,
32    bg: (
33      <div className="pointer-events-none absolute top-1/2 left-1/2 size-1/2 -translate-x-1/2 -translate-y-1/2 overflow-visible rounded-full bg-gradient-to-r from-green-500 via-teal-500 to-emerald-600 opacity-70 blur-[20px]"></div>
34    ),
35  },
36  {
37    icon: <Shield className="size-full" />,
38    bg: (
39      <div className="pointer-events-none absolute top-1/2 left-1/2 size-1/2 -translate-x-1/2 -translate-y-1/2 overflow-visible rounded-full bg-gradient-to-r from-yellow-400 via-orange-500 to-yellow-600 opacity-70 blur-[20px]"></div>
40    ),
41  },
42  {
43    icon: <Rss className="size-full" />,
44    bg: (
45      <div className="pointer-events-none absolute top-1/2 left-1/2 size-1/2 -translate-x-1/2 -translate-y-1/2 overflow-visible rounded-full bg-gradient-to-r from-orange-600 via-rose-600 to-violet-600 opacity-70 blur-[20px]"></div>
46    ),
47  },
48  {
49    icon: <BarChart className="size-full" />,
50    bg: (
51      <div className="pointer-events-none absolute top-1/2 left-1/2 size-1/2 -translate-x-1/2 -translate-y-1/2 overflow-visible rounded-full bg-gradient-to-r from-cyan-600 via-cyan-500 to-teal-400 opacity-70 blur-[20px]"></div>
52    ),
53  },
54]
55 
56function shuffleArray<T>(array: T[]): T[] {
57  let currentIndex = array.length
58  let randomIndex
59  // While there remain elements to shuffle.
60  while (currentIndex !== 0) {
61    // Pick a remaining element.
62    randomIndex = Math.floor(Math.random() * currentIndex)
63    currentIndex--
64    // And swap it with the current element.
65// … truncated