/* FAQ + Clínica + CTA Final + Footer + WhatsApp */

function FAQ() {
  const [openIndex, setOpenIndex] = React.useState(0);
  const faqs = [
    {
      q: 'Como funciona a Avaliação Premium?',
      a: 'A Avaliação Premium é o primeiro passo da sua jornada na Natural Studio. Durante a consulta realizamos uma análise detalhada do sorriso, escaneamento digital 3D, fotografias e avaliação clínica para compreender suas necessidades e objetivos. A partir dessas informações, desenvolvemos um plano personalizado para indicar o tratamento mais adequado ao seu caso.'
    },
    {
      q: 'Como saber qual tratamento é ideal para mim?',
      a: 'Não acreditamos em soluções padronizadas. Cada paciente possui necessidades diferentes e, por isso, a indicação do tratamento acontece somente após uma avaliação completa. Nosso objetivo é encontrar a melhor solução para o seu sorriso, sua saúde e seus objetivos.'
    },
    {
      q: 'Quanto tempo dura um tratamento?',
      a: 'O tempo varia conforme os objetivos e as necessidades de cada paciente. Durante a Avaliação Premium apresentamos uma estimativa individualizada baseada no planejamento desenvolvido para o seu caso.'
    },
    {
      q: 'As lentes de porcelana são indicadas para qualquer pessoa?',
      a: 'Nem sempre. Antes de indicar lentes, avaliamos fatores como alinhamento, função, saúde bucal e proporções do sorriso. Em muitos casos, outras etapas podem ser necessárias para garantir um resultado mais natural, conservador e duradouro.'
    },
    {
      q: 'Por que algumas pessoas utilizam Invisalign antes das lentes?',
      a: 'Porque o alinhamento dos dentes pode criar condições mais favoráveis para a finalização estética. Quando indicado, o Invisalign permite melhorar proporções, preservar estrutura dental e alcançar resultados mais delicados. Quanto mais alinhado, mais delicado.'
    },
    {
      q: 'O Invisalign é igual em qualquer lugar?',
      a: 'O alinhador é o mesmo. O que muda é o planejamento. Os resultados dependem do diagnóstico, da estratégia utilizada e da experiência do profissional responsável pelo tratamento. Por isso, cada caso recebe um planejamento individualizado na Natural Studio.'
    },
    {
      q: 'Os resultados ficam naturais?',
      a: 'Esse é um dos nossos principais objetivos. Acreditamos que um belo sorriso deve valorizar a identidade de cada pessoa. Por isso, cada detalhe do tratamento é planejado para criar resultados harmoniosos, elegantes e naturais.'
    },
    {
      q: 'Como funciona o planejamento do sorriso?',
      a: 'O planejamento combina análise clínica, escaneamento digital 3D, fotografias e avaliação das características faciais e dentárias. Esse processo permite criar um plano exclusivo, pensado para respeitar sua individualidade e proporcionar resultados previsíveis.'
    },
    {
      q: 'O tratamento para ronco e apneia funciona para qualquer pessoa?',
      a: 'Cada caso precisa ser avaliado individualmente. Após o diagnóstico adequado, identificamos se o aparelho intraoral é a melhor opção para melhorar a qualidade do sono e reduzir os sintomas relacionados ao ronco e à apneia.'
    },
    {
      q: 'Quais são as formas de pagamento e horários?',
      a: 'Trabalhamos com diversas formas de pagamento e parcelamento facilitado, com condições apresentadas na sua Avaliação Premium. Atendemos de Segunda a Sexta, das 08h às 18h, e aos Sábados, das 08h às 12h. Para informações sobre convênios parceiros, entre em contato com nossa equipe.'
    }
  ];

  return React.createElement('section', { className: 'faq', id: 'faq' },
    React.createElement('div', { className: 'container' },
      React.createElement('div', { className: 'reveal', style: { textAlign: 'center', display: 'flex', flexDirection: 'column', alignItems: 'center' } },
        React.createElement(SectionHeader, {
          title: 'O que você precisa saber antes de começar',
          subtitle: 'Reunimos as principais dúvidas sobre nossos tratamentos, planejamento e experiência para ajudar você a tomar uma decisão com mais segurança.',
          center: true
        })
      ),
      React.createElement('div', { className: 'faq-list' },
        faqs.map((faq, i) =>
          React.createElement('div', {
            key: i,
            className: `faq-item ${openIndex === i ? 'open' : ''} reveal`
          },
            React.createElement('button', {
              className: 'faq-question',
              onClick: () => setOpenIndex(openIndex === i ? -1 : i)
            },
              React.createElement('span', null, faq.q),
              React.createElement('span', { className: 'faq-icon' }, '+')
            ),
            React.createElement('div', { className: 'faq-answer' },
              React.createElement('p', null, faq.a)
            )
          )
        )
      ),
      React.createElement('div', { className: 'faq-cta reveal' },
        React.createElement('p', null,
          React.createElement('strong', null, 'Ainda ficou com dúvidas?'),
          ' Nossa equipe está pronta para ajudar você a entender qual é o melhor caminho para alcançar o sorriso que deseja.'
        ),
        React.createElement(CTA, { text: 'Agendar Avaliação Premium', href: WA_AGENDAR })
      )
    )
  );
}

function Clinica() {
  const galleryImages = [
    { src: 'uploads/1790F81E-B15C-4DBC-A533-6AF6CDAECDBD.JPG', label: 'Fachada' },
    { src: 'uploads/37443182-7403-4074-b8c8-2c1e6a4e306b.JPG', label: 'Recepção' },
    { src: 'uploads/IMG_3448.jpg', label: 'Studio 2' },
    { src: 'uploads/3BACB97A-8150-4944-8C03-F256B4F10EBC.JPG', label: 'Corredor' },
  ];

  const diferenciais = [
    {
      icon: React.createElement(IconMonitor),
      title: 'Planejamento Digital Exclusivo',
      text: 'Cada sorriso merece um plano — não uma solução pronta. Através do escaneamento digital 3D e análise detalhada, compreendemos cada detalhe antes de qualquer decisão. Porque naturalidade não acontece por acaso. Ela é planejada.'
    },
    {
      icon: React.createElement(IconCpu),
      title: 'Alta Tecnologia',
      text: 'Tecnologia para enxergar além do que os olhos veem. Escaneamento 3D, fotografia clínica e recursos avançados de planejamento tornam cada diagnóstico mais preciso e cada decisão mais segura.'
    },
    {
      icon: React.createElement(IconUser),
      title: 'Atendimento Humanizado',
      text: 'Você não será tratado como mais um paciente. Dedicamos tempo para compreender suas expectativas e objetivos antes de propor qualquer tratamento. Porque cada sorriso possui uma história.'
    }
  ];

  return React.createElement('section', { className: 'clinica', id: 'clinica' },
    React.createElement('div', { className: 'container' },
      React.createElement('div', { className: 'reveal', style: { textAlign: 'center', display: 'flex', flexDirection: 'column', alignItems: 'center' } },
        React.createElement(SectionHeader, {
          label: 'Nossa Clínica',
          title: 'Um ambiente planejado para cuidar de cada detalhe da sua experiência',
          subtitle: 'Acreditamos que um tratamento de excelência começa muito antes do procedimento. Por isso, criamos um ambiente que une tecnologia, conforto e atenção aos detalhes — para que cada etapa da sua jornada aconteça com tranquilidade, segurança e previsibilidade.',
          center: true
        })
      ),
      React.createElement('div', { className: 'clinica-gallery reveal' },
        galleryImages.map((g, i) =>
          React.createElement('div', { key: i, className: 'gallery-item' },
            React.createElement('img', {
              src: g.src, alt: g.label, loading: 'lazy',
              style: { width: '100%', height: 'auto', display: 'block' }
            })
          )
        )
      ),
      React.createElement('div', { className: 'clinica-info reveal' },
        React.createElement('div', { className: 'clinica-address' },
          React.createElement('h4', null, 'Endereço'),
          React.createElement('p', null,
            'Rua Marechal Borman, 438D', React.createElement('br'),
            'Centro — Chapecó, SC', React.createElement('br'),
            'CEP 89801-050'
          ),
          React.createElement('p', { style: { marginTop: 16 } },
            React.createElement('strong', { style: { color: 'var(--text-primary)' } }, 'Horários'), React.createElement('br'),
            'Seg–Sex: 08h às 18h', React.createElement('br'),
            'Sáb: 08h às 12h'
          )
        ),
        React.createElement('div', { className: 'clinica-map' },
          React.createElement('div', { style: {
            display: 'flex', flexDirection: 'column', alignItems: 'center', gap: 8
          }},
            React.createElement('svg', {
              width: 32, height: 32, viewBox: '0 0 24 24',
              fill: 'none', stroke: 'currentColor', strokeWidth: 1.5
            },
              React.createElement('path', { d: 'M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z' }),
              React.createElement('circle', { cx: 12, cy: 10, r: 3 })
            ),
            React.createElement('span', null, 'Mapa Interativo')
          )
        )
      )
    )
  );
}

function CTAFinal() {
  return React.createElement('section', { className: 'cta-final', id: 'contato' },
    React.createElement('div', { className: 'container reveal' },
      React.createElement('h2', null, 'O próximo passo para o sorriso que você deseja começa aqui'),
      React.createElement('p', null, 'Agende sua Avaliação Premium e descubra como um planejamento exclusivo pode transformar seu sorriso com naturalidade, segurança e previsibilidade.'),
      React.createElement(CTA, {
        text: 'Agendar Avaliação Premium',
        href: WA_AGENDAR
      })
    )
  );
}

function Footer() {
  return React.createElement('footer', { className: 'site-footer' },
    React.createElement('div', { className: 'container' },
      React.createElement('div', { className: 'footer-grid' },
        React.createElement('div', { className: 'footer-brand' },
          React.createElement('a', { href: '#', className: 'logo' },
            'Dr. Fabiano Beal ', React.createElement('span', null, '| Natural Studio')
          ),
          React.createElement('p', null,
            'Estética dental de alta precisão em Chapecó – SC. Seu sorriso, planejado com exclusividade.'
          )
        ),
        React.createElement('div', { className: 'footer-col' },
          React.createElement('h5', null, 'Navegação'),
          React.createElement('ul', null,
            React.createElement('li', null, React.createElement('a', { href: '#procedimentos' }, 'Procedimentos')),
            React.createElement('li', null, React.createElement('a', { href: '#sobre' }, 'O Doutor')),
            React.createElement('li', null, React.createElement('a', { href: '#resultados' }, 'Resultados')),
            React.createElement('li', null, React.createElement('a', { href: '#faq' }, 'Dúvidas'))
          )
        ),
        React.createElement('div', { className: 'footer-col' },
          React.createElement('h5', null, 'Contato'),
          React.createElement('ul', null,
            React.createElement('li', null, React.createElement('a', { href: 'tel:+5549988542222' }, '(49) 98854-2222')),
            React.createElement('li', null, React.createElement('a', { href: 'https://instagram.com/naturalstudiogs', target: '_blank' }, '@naturalstudiogs'))
          )
        ),
        React.createElement('div', { className: 'footer-col' },
          React.createElement('h5', null, 'Horários'),
          React.createElement('ul', null,
            React.createElement('li', null, 'Seg–Sex: 08h–18h'),
            React.createElement('li', null, 'Sáb: 08h–12h')
          )
        )
      ),
      React.createElement('div', { className: 'footer-bottom' },
        React.createElement('span', null, 'Desenvolvido por Assessoria Tron'),
        React.createElement('div', { className: 'footer-legal' },
          React.createElement('a', { href: '#' }, 'Política de Privacidade'),
          React.createElement('a', { href: '#' }, 'Cookies')
        )
      )
    )
  );
}

function WhatsAppButton() {
  return React.createElement('a', {
    className: 'whatsapp-float',
    href: WA_AGENDAR,
    target: '_blank',
    rel: 'noopener',
    'aria-label': 'WhatsApp'
  }, React.createElement(WhatsAppIcon));
}

Object.assign(window, { FAQ, Clinica, CTAFinal, Footer, WhatsAppButton });