import React from 'react' import Link from 'next/link' import { ArrowRight, ChevronRight } from 'lucide-react' import { Button } from '@/components/ui/button' import Image from 'next/image' import { TextEffect } from '@/components/motion-primitives/text-effect' import { AnimatedGroup } from '@/components/motion-primitives/animated-group' import { HeroHeader } from './header' import { Spotify } from '@/components/ui/svgs/spotify' import { SupabaseFull } from '@/components/ui/svgs/supabase' import { Hulu } from '@/components/ui/svgs/hulu' import { Bolt } from '@/components/ui/svgs/bolt' import { FirebaseFull } from '@/components/ui/svgs/firebase' import { Beacon } from '@/components/ui/svgs/beacon' import { Claude } from '@/components/ui/svgs/claude' import { VercelFull } from '@/components/ui/svgs/vercel' const transitionVariants = { item: { hidden: { opacity: 0, filter: 'blur(12px)', y: 12, }, visible: { opacity: 1, filter: 'blur(0px)', y: 0, transition: { type: 'spring', bounce: 0.3, duration: 1.5, }, }, }, } export default function HeroSection() { return ( <>

Introducing Support for AI Models

Modern Solutions for Customer Engagement Highly customizable components for building modern websites and applications that look and feel the way you mean it.

Meet Our Customers

) }

Hero Section 1

Instalação

Registry dependencies