'use client' import { useState, useRef, useEffect } from 'react' const faqs = [ { question: 'Como funciona a seleção?', answer: 'Nosso time analisa seu perfil com muito carinho. O retorno acontece em até 7 dias úteis por e-mail! Avaliamos engajamento, consistência de conteúdo e afinidade com os valores da Fast\'n Fit.', }, { question: 'Preciso de exclusividade?', answer: 'De jeito nenhum! Acreditamos em parcerias reais e naturais. Você pode continuar trabalhando com outras marcas tranquilamente — só pedimos autenticidade e carinho ao falar de nós.', }, { question: 'Onde preciso morar?', answer: 'Como nossas marmitas são ultracongeladas, validamos o CEP na inscrição para garantir a entrega perfeita. Estamos expandindo nossa área de entrega constantemente — se ainda não chegamos até você, logo chegaremos!', }, { question: 'Existe algum custo para participar?', answer: 'Não! A participação na FAST CREW é 100% gratuita. Você recebe os kits, os cupons e o suporte — sem pagar nada por isso. O nosso único pedido é conteúdo genuíno.', }, { question: 'Com que frequência preciso postar?', answer: 'Combinamos o volume de postagens individualmente com cada parceiro. Queremos que o conteúdo pareça natural para sua audiência, não forçado. Conversamos sobre isso após a aprovação.', }, ] function useInView(threshold = 0.1) { const ref = useRef(null) const [inView, setInView] = useState(false) useEffect(() => { const el = ref.current if (!el) return const obs = new IntersectionObserver(([entry]) => { if (entry.isIntersecting) setInView(true) }, { threshold }) obs.observe(el) return () => obs.disconnect() }, [threshold]) return { ref, inView } } function AccordionItem({ faq, index, isOpen, onToggle, inView, }: { faq: typeof faqs[0] index: number isOpen: boolean onToggle: () => void inView: boolean }) { const contentRef = useRef(null) return (
{faq.answer}
) } export default function FAQSection() { const { ref, inView } = useInView() const [openIndex, setOpenIndex] = useState(0) return (
{/* Subtle background pattern */}
) }