'use client' import { useState } from 'react' import { motion } from 'framer-motion' import { TypeAnimation } from 'react-type-animation' import { Dialog, DialogPanel } from '@headlessui/react' import { Bars3Icon, XMarkIcon, ChevronDoubleDownIcon } from '@heroicons/react/24/outline' import { H1, PL } from '@/components/Texts' const navigation = [ { name: 'Product', href: '#' }, { name: 'Features', href: '#' }, { name: 'Marketplace', href: '#' }, { name: 'Company', href: '#' }, ] export function HomeHero() { const [mobileMenuOpen, setMobileMenuOpen] = useState(false) return (