logo-timeline-demo

1import { LogoTimeline } from "@/registry/eldoraui/logo-timeline"
2import type { LogoItem } from "@/registry/eldoraui/logo-timeline"
3 
4const logos: LogoItem[] = [
5  // Row 1 - Communication & Social (2 logos, 50s duration, spaced 25s apart)
6  {
7    label: "Discord",
8    icon: "discord",
9    animationDelay: -50,
10    animationDuration: 50,
11    row: 1,
12  },
13  {
14    label: "Twitter",
15    icon: "twitter",
16    animationDelay: -25,
17    animationDuration: 50,
18    row: 1,
19  },
20  // Row 2 - Development Tools (2 logos, 45s duration, spaced 22.5s apart)
21  {
22    label: "GitHub",
23    icon: "gitHub",
24    animationDelay: -45,
25    animationDuration: 45,
26    row: 2,
27  },
28  {
29    label: "React",
30    icon: "react",
31    animationDelay: -22.5,
32    animationDuration: 45,
33    row: 2,
34  },
35  // Row 3 - Development Tools Continued (3 logos, 60s duration, spaced 20s apart)
36  {
37    label: "TypeScript",
38    icon: "ts",
39    animationDelay: -60,
40    animationDuration: 60,
41    row: 3,
42  },
43  {
44    label: "Tailwind",
45    icon: "tailwind",
46    animationDelay: -40,
47    animationDuration: 60,
48    row: 3,
49  },
50  {
51    label: "Radix UI",
52    icon: "radix",
53    animationDelay: -20,
54    animationDuration: 60,
55    row: 3,
56  },
57  // Row 4 - Productivity & Cloud (2 logos, 55s duration, spaced 27.5s apart)
58  {
59    label: "Google Drive",
60    icon: "googleDrive",
61    animationDelay: -55,
62    animationDuration: 55,
63    row: 4,
64  },
65  {
66    label: "Notion",
67    icon: "notion",
68    animationDelay: -27.5,
69    animationDuration: 55,
70    row: 4,
71  },
72  // Row 5 - Messaging (2 logos, 50s duration, spaced 25s apart)
73  {
74    label: "WhatsApp",
75    icon: "whatsapp",
76    animationDelay: -50,
77    animationDuration: 50,
78    row: 5,
79  },
80  {
81    label: "Messenger",
82    icon: "messenger",
83    animationDelay: -25,
84    animationDuration: 50,
85    row: 5,
86  },
87  // Row 6 - AI & Automation (3 logos, 65s duration, spaced ~21.5s apart)
88  {
89    label: "OpenAI",
90    icon: "openai",
91    animationDelay: -65,
92    animationDuration: 65,
93    row: 6,
94  },
95  {
96    label: "Zapier",
97    icon: "zapier",
98    animationDelay: -43,
99    animationDuration: 65,
100    row: 6,
101  },
102  {
103    label: "v0",
104    icon: "v0",
105    animationDelay: -21.5,
106    animationDuration: 65,
107    row: 6,
108  },
109  // Row 7 - Payment & Services (2 logos, 50s duration, spaced 25s apart)
110  {
111    label: "PayPal",
112    icon: "paypal",
113    animationDelay: -50,
114    animationDuration: 50,
115    row: 7,
116  },
117  {
118    label: "Apple Pay",
119    icon: "applePay",
120    animationDelay: -25,
121// … truncated