'use client' import React from 'react' import Link from 'next/link' import { Logo } from '@/components/logo' import { ArrowRight, Menu, Rocket, X } from 'lucide-react' import { Button } from '@/components/ui/button' import Image from 'next/image' import { Spotify } from '@/components/ui/svgs/spotify' import { SupabaseFull } from '@/components/ui/svgs/supabase' import { Hulu } from '@/components/ui/svgs/hulu' import { FirebaseFull } from '@/components/ui/svgs/firebase' import { Beacon } from '@/components/ui/svgs/beacon' import { Bolt } from '@/components/ui/svgs/bolt' import { Claude } from '@/components/ui/svgs/claude' import { Figma } from '@/components/ui/svgs/figma' import { VercelFull } from '@/components/ui/svgs/vercel' import { Cisco } from '@/components/ui/svgs/cisco' const menuItems = [ { name: 'Features', href: '#' }, { name: 'Solution', href: '#' }, { name: 'Pricing', href: '#' }, { name: 'About', href: '#' }, ] export default function HeroSection() { const [menuState, setMenuState] = React.useState(false) return ( <>

{item.name}

New Introduction Tailark Html

Modern Software testing reimagined

Tailwindcss highly customizable components for building modern websites and applications that look and feel the way you mean it.

Highly customizable components for building modern websites and applications, with your personal spark.

Your favorite companies are our partners.

) }

Hero Section 8

Instalação

Registry dependencies