'use client' import { useState } from 'react' import { Cloud, Cpu, Shield, ChevronRight } from 'lucide-react' import { Vercel } from '@/components/ui/svgs/vercel' import { Supabase } from '@/components/ui/svgs/supabase' import { Linear } from '@/components/ui/svgs/linear' import { Slack } from '@/components/ui/svgs/slack' import { Firebase } from '@/components/ui/svgs/firebase' import { ClerkIconDark as Clerk } from '@/components/ui/svgs/clerk' import { Button } from '@/components/ui/button' import Link from 'next/link' import { cn } from '@/lib/utils' type Feature = 'seamless-integrations' | 'real-time-sync' | 'developer-first' | 'enterprise-ready' export default function Features() { const [feature, setFeature] = useState('seamless-integrations') return (

Powerful Features for Modern Teams

Everything you need to build, connect, and scale your integrations effortlessly.

{feature === 'seamless-integrations' && } {feature === 'real-time-sync' && } {feature === 'developer-first' && } {feature === 'enterprise-ready' && }

) } const IntegrationsIllustration = () => { return (

) } const RealTimeIllustration = () => { return (

) } const EnterpriseIllustration = () => { return (

) } const DeveloperIllustration = () => { return (

) }

Features 3

Instalação

Registry dependencies