//widgetType: 'Basic' (props) => { const [hoveredDropdown, setHoveredDropdown] = useState(null); const [dropdownTimeout, setDropdownTimeout] = useState(null); const [mobileMenuOpen, setMobileMenuOpen] = useState(false); const [mobileBlogsExpanded, setMobileBlogsExpanded] = useState(false); const [mobileSobreNosExpanded, setMobileSobreNosExpanded] = useState(false); const blogsDropdownItems = [ { name: "Como se tornar um motorista de entregas", url: "/blogs/como-se-tornar-um-motorista-de-entregas" }, { name: "As melhores empresas de entrega para trabalhar em Embu das Artes, Brasil", url: "/blogs/as-melhores-empresas-de-entrega-para-trabalhar-em-embu-das-artes-brasil" }, { name: "Estratégias para motoristas de entrega bem-sucedidos", url: "/blogs/estratégias-para-motoristas-de-entrega-bem-sucedidos" }, { name: "Habilidades de Atendimento ao Cliente que Todo Motorista de Entregas Deve Dominar", url: "/blogs/habilidades-de-atendimento-ao-cliente-que-todo-motorista-de-entregas-deve----dominar" }, { name: "Posições de Entregador Perto de Você: Como Encontrar Oportunidades Locais que Combinam com o seu jeito", url: "/blogs/posições-de-entregador-perto-de-você:-como-encontrar-oportunidades----locais-que-combinam-com-o-seu-jeito--" } ]; const sobreNosDropdownItems = [ { name: "Sobre ALC & Pereira Filho Transportes", url: "/sobre-nós/sobre-alc-&-pereira-filho-transportes" }, { name: "Sobre Alto Padrão Transportes", url: "/sobre-nós/sobre-alto-padrão-transportes" }, { name: "Sobre Amazing Entregas DSP", url: "/sobre-nós/sobre-amazing-entregas-dsp" }, { name: "Sobre Beta X Log - Soluções Logisticas", url: "/sobre-n%C3%B3s/sobre-beta-x-log---soluções-logisticas" }, { name: "Sobre Bravus Serviços de Entregas Rápidas", url: "/sobre-nós/sobre-bravus-serviços-de-entregas-rápidas" }, { name: "Sobre a CALU Express", url: "/sobre-nós/sobre-a-calu-express" }, { name: "Sobre CAMELO TRANSPORTES", url: "/sobre-nós/sobre-camelo-transportes" }, { name: "Sobre DANIEL FELIPE PAFECE COLONESE" , url : "/sobre-nós/sobre-daniel-felipe-pafece-colonese"}, { name: "Sobre Dara Transportes E Logística", url: "/sobre-nós/sobre-dara-transportes-e-logística" }, { name: "Sobre DAY ONE", url: "/sobre-nós/sobre-day-one" }, { name: "Sobre Elog Servicos", url: "/sobre-nós/sobre-elog-servicos" }, { name: "Sobre a Enlog Logistics DSP", url: "/sobre-nós/sobre-a-enlog-logistics-dsp" }, { name: "Sobre Eriton Marques Fernandes", url: "/sobre-nós/sobre-eriton-marques-fernandes" }, { name: "Sobre Fast Delivery Line Serviços ltda", url: "/sobre-nós/sobre-fast-delivery-line-serviços-ltda" }, { name: "Sobre Falcon Entregas", url: "/sobre-nós/sobre-falcon-entregas" }, { name: "Sobre FDM Logistics", url: "/sobre-nós/sobre-fdm-logistics" }, { name: "Sobre Five Stars Logistica", url: "/sobre-nós/sobre-five-stars-logistica" }, { name: "Sobre FNeto Soluções Logisticas", url: "/sobre-nós/sobre-fneto-soluções-logisticas" }, { name: "Sobre GDG Express", url: "/sobre-nós/sobre-gdg-express" }, { name: "Sobre GoMile Servicos", url: "/sobre-nós/sobre-gomile-servicos" }, { name: "Sobre HAlmeida Express", url: "/sobre-nós/sobre-halmeida-express" }, { name: "Sobre Imperio Logistica", url: "/sobre-nós/sobre-imperio-logistica" }, { name: "Sobre Instalog Logística e Transportes", url: "/sobre-nós/sobre-instalog-logística-e-transportes" }, { name: "Sobre iTrafficLog", url: "/sobre-nós/sobre-itrafficlog" }, { name: "Sobre KRATOS MULT SERVIÇOS", url: "/sobre-nós/sobre-kratos-mult-serviços" }, { name: "Sobre Kairós Transportes e Logística Ltda", url: "/sobre-nós/sobre-kairós-transportes-e-logística-ltda" }, { name: "Sobre LEMM Transporte e Logistica", url: "/sobre-nós/sobre-lemm-transporte-e-logistica" }, { name: "Sobre Log Wise" , url : "/sobre-nós/sobre-log-wise"}, { name: "Sobre LOGAM Soluções Em Logística", url: "/sobre-nós/sobre-logam-soluções-em-logística" }, { name: "Sobre Logus Logistica Integrada", url: "/sobre-nós/sobre-logus-logistica-integrada" }, { name: "Sobre MOBILIDADE BEINGLOG", url: "/sobre-nós/sobre-mobilidade-beinglog" }, { name: "Sobre MOG Logistica", url: "/sobre-nós/sobre-mog-logistica" }, { name: "Sobre Motorize Serviços Logísticos", url: "/sobre-nós/sobre-motorize-serviços-logísticos" }, { name: "Sobre Movejá Logística Ltda", url: "/sobre-nós/sobre-movejá-logística-ltda" }, { name: "Sobre Movex Transportes", url: "/sobre-nós/sobre-movex-transportes" }, { name: "Sobre MT SOLUTIONS", url: "/sobre-nós/sobre-mt-solutions" }, { name: "Sobre ND Entregas Rapidas", url: "/sobre-nós/sobre-nd-entregas-rapidas" }, { name: "Sobre Optimize Log", url: "/sobre-nós/sobre-optimize-log" }, { name: "Sobre Orbital Transportes e Logística", url: "/sobre-nós/sobre-orbital-transportes-e-logística" }, { name: "Sobre a Panda Logística Ltda", url: "/sobre-nós/sobre-a-panda-logística-ltda" }, { name: "Sobre o PARSEC DSP", url: "/sobre-nós/sobre-o-parsec-dsp" }, { name: "Sobre R Veloso", url: "/sobre-nós/sobre-r-veloso" }, { name: "Sobre a Redentor Log Serviços", url: "/sobre-nós/sobre-a-redentor-log-serviços" }, { name: "Sobre RNunes Servico", url: "/sobre-nós/sobre-rnunes-servico" }, { name: "Sobre RTL Transportes", url: "/sobre-nós/sobre-rafael-gomes-farias-dos-santos" }, { name: "Sobre SELVA LOG EXPRESS", url: "/sobre-nós/sobre-selva-log-express" }, { name: "Sobre Setta Logística Inteligente", url: "/sobre-nós/sobre-setta-logística-inteligente" }, { name: "Sobre Singular Soluções Integradas", url: "/sobre-nós/sobre-singular-soluções-integradas" }, { name: "Sobre SMARTFLOW LOGISTICS", url: "/sobre-nós/sobre-smartflow-logistics" }, { name: "Sobre Soure Express", url: "/sobre-nós/sobre-soure-express" }, { name: "Sobre STAR Logistics", url: "/sobre-nós/sobre-star-logistics" }, { name: "Sobre Temelio Serviços", url: "/sobre-nós/sobre-temelio-serviços" }, { name: "Sobre Veloz Hub", url: "/sobre-nós/sobre-veloz-hub" } ]; const handleSavedJobsClick = () => { window.location.href = "/trabalhos-salvos"; }; const handleJobOpportunitiesClick = () => { window.location.href = "/oportunidades-de-trabalho"; }; const handleHomeClick = () => { window.location.href = "/home"; }; const handleLogoClick = () => { window.location.href = "/home"; }; const handleBlogsClick = () => { window.location.href = "/blogs"; }; const handleSobreNosClick = () => { window.location.href = "/sobre-nós"; }; const handleDropdownEnter = (dropdownType) => { if (dropdownTimeout) { clearTimeout(dropdownTimeout); setDropdownTimeout(null); } setHoveredDropdown(dropdownType); }; const handleDropdownLeave = () => { const timeout = setTimeout(() => { setHoveredDropdown(null); }, 150); setDropdownTimeout(timeout); }; const toggleMobileMenu = () => { setMobileMenuOpen(!mobileMenuOpen); }; const toggleMobileBlogsDropdown = () => { setMobileBlogsExpanded(!mobileBlogsExpanded); }; const toggleMobileSobreNosDropdown = () => { setMobileSobreNosExpanded(!mobileSobreNosExpanded); }; return ( <> {/* Logo Section */} {/* Desktop Navigation Menu */} Lar handleDropdownEnter('blogs')} onMouseLeave={handleDropdownLeave} > Blogs {/* Blogs Dropdown Menu */} {hoveredDropdown === 'blogs' && ( handleDropdownEnter('blogs')} onMouseLeave={handleDropdownLeave} sx={{ position: 'absolute', top: '100%', left: 0, mt: 0.5, backgroundColor: 'white', border: '1px solid', borderColor: 'gray.light', borderRadius: '16px', boxShadow: '0 4px 12px rgba(0,0,0,0.1)', minWidth: 300, maxWidth: 400, py: 1, zIndex: 10000, maxHeight: 300, overflowY: 'auto' }} > {blogsDropdownItems.map((item, index) => ( { window.location.href = item.url; }} sx={{ px: 3, py: 1.5, cursor: 'pointer', color: 'rgb(107, 114, 128)', '&:hover': { backgroundColor: '#01aeef', color: 'white', borderRadius: '16px' }, transition: 'all 0.2s', fontSize: '0.875rem', lineHeight: 1.4 }} > {item.name} {index < blogsDropdownItems.length - 1 && ( )} ))} )} handleDropdownEnter('sobreNos')} onMouseLeave={handleDropdownLeave} > Sobre nós {/* Sobre Nós Dropdown Menu */} {hoveredDropdown === 'sobreNos' && ( handleDropdownEnter('sobreNos')} onMouseLeave={handleDropdownLeave} sx={{ position: 'absolute', top: '100%', left: 0, mt: 0.5, backgroundColor: 'white', border: '1px solid', borderColor: 'gray.light', borderRadius: '16px', boxShadow: '0 4px 12px rgba(0,0,0,0.1)', minWidth: 300, maxWidth: 400, py: 1, zIndex: 10000, maxHeight: 300, overflowY: 'auto' }} > {sobreNosDropdownItems.map((item, index) => ( { window.location.href = item.url; }} sx={{ px: 3, py: 1.5, cursor: 'pointer', color: 'rgb(107, 114, 128)', '&:hover': { backgroundColor: '#01aeef', color: 'white', borderRadius: '16px' }, transition: 'all 0.2s', fontSize: '0.875rem', lineHeight: 1.4 }} > {item.name} {index < sobreNosDropdownItems.length - 1 && ( )} ))} )} {/* Right Side Actions */} {/* Desktop Saved Jobs */} Trabalhos salvos {/* Tablet/Mobile Saved Jobs Icon */} {/* Tablet/Mobile Search Icon with Circular Background */} {/* Desktop Job Opportunities Button */} {/* Hamburger Menu for Tablet/Mobile */} {/* Mobile Menu Dropdown */} {mobileMenuOpen && ( {/* Home Link */} { handleHomeClick(); setMobileMenuOpen(false); }} sx={{ color: 'rgb(107, 114, 128)', cursor: 'pointer', fontWeight: 400, py: 2, borderBottom: '1px solid #f3f4f6', '&:hover': { color: '#01aeef' } }} > Lar {/* Blogs Section */} Blogs {mobileBlogsExpanded && ( {blogsDropdownItems.map((item, index) => ( { window.location.href = item.url; setMobileMenuOpen(false); }} sx={{ color: 'rgb(107, 114, 128)', cursor: 'pointer', py: 1, fontSize: '14px', '&:hover': { color: '#01aeef' } }} > {item.name} {index < blogsDropdownItems.length - 1 && ( )} ))} )} {/* Sobre Nós Section */} Sobre nós {mobileSobreNosExpanded && ( {sobreNosDropdownItems.map((item, index) => ( { window.location.href = item.url; setMobileMenuOpen(false); }} sx={{ color: 'rgb(107, 114, 128)', cursor: 'pointer', py: 1, fontSize: '14px', '&:hover': { color: '#01aeef' } }} > {item.name} {index < sobreNosDropdownItems.length - 1 && ( )} ))} )} )} ); }

Você não tem trabalhos salvos!