import SEO from '../components/SEO';
import { createServiceSchema, createFAQSchema, createBreadcrumbSchema } from '../config/schema';
import { ArrowRight, CheckCircle, Building2 } from 'lucide-react';
import { Link } from 'react-router-dom';

const schema = createServiceSchema(
  'TI para Clinicas',
  'Solucoes de TI especializadas para clinicas. Suporte tecnico, seguranca, cloud e comunicacao.',
  '/suporte-ti-clinicas'
);

const faqData = [
    { q: 'A Avanzato atende clinicas?', a: 'Sim, temos vasta experiencia atendendo clinicas. Oferecemos solucoes personalizadas para as necessidades especificas do setor.' },
    { q: 'Quais servicos a Avanzato oferece para clinicas?', a: 'Oferecemos suporte de TI, firewall, Microsoft 365, backup, servidores, cloud, VoIP e monitoramento. Tudo adaptado as necessidades de clinicas.' },
    { q: 'Como funciona o suporte para clinicas?', a: 'Nosso suporte funciona com atendimento remoto 24/7 e visitas presenciais conforme necessidade. SLA garantido.' },
    { q: 'Quanto custa terceirizar TI para clinicas?', a: 'O investimento varia conforme o porte e necessidades. Faca uma avaliacao gratuita para receber uma proposta personalizada.' }
];

const faqSchema = createFAQSchema(faqData);

const breadcrumbSchema = createBreadcrumbSchema([
  { name: 'Home', url: 'https://avanzato.com.br/' },
  { name: 'Servicos', url: 'https://avanzato.com.br/servicos/ti-gerenciada' },
  { name: 'TI para Clinicas', url: 'https://avanzato.com.br/suporte-ti-clinicas' },
]);

const combinedSchema = [schema, faqSchema, breadcrumbSchema];

const subsegmentos = [
    { nome: 'Odontologia', desc: 'Sistema de gestao, imagem digital, backup' },
    { nome: 'Fisioterapia', desc: 'Agendamento online, prontuario eletronico' },
    { nome: 'Medica', desc: 'LGPD, prontuario digital, telemedicina' },
    { nome: 'Veterinaria', desc: 'Gestao de pacientes, imagem' },
    { nome: 'Estetica', desc: 'Agendamento, CRM, marketing' }
];

const servicos = [
    'Suporte tecnico 24/7',
    'Firewall e seguranca',
    'Microsoft 365',
    'Backup corporativo',
    'Servidores e virtualizacao',
    'Cloud Computing',
    'VoIP e PABX IP',
    'Monitoramento CFTV'
];

const NichoClinicas = () => {
  return (
    <div className="min-h-screen bg-[#0e0e0e]">
      <SEO
        title="TI para Clinicas - Avanzato Tecnologia"
        description="Solucoes de TI especializadas para clinicas. Suporte tecnico, seguranca, cloud, VoIP. +23 anos de experiencia. Avaliacao gratuita."
        keywords="ti para clinicas, suporte ti clinicas, terceirizacao ti clinicas"
        schema={combinedSchema}
      />

      <div className="max-w-7xl mx-auto px-6 py-16">
        <nav className="text-sm text-gray-400 mb-6">
          <Link to="/" className="hover:text-[#cbf400]">Home</Link>
          <span className="mx-2">/</span>
          <Link to="/servicos/ti-gerenciada" className="hover:text-[#cbf400]">Servicos</Link>
          <span className="mx-2">/</span>
          <span className="text-white">TI para Clinicas</span>
        </nav>

        <h1 className="text-4xl md:text-5xl font-bold text-white mb-4">
          TI para <span className="text-[#cbf400]">Clinicas</span>
        </h1>
        <p className="text-xl text-gray-300 mb-12 max-w-3xl">
          Solucoes de tecnologia especializadas para clinicas. 
          Entendemos as necessidades especificas do seu setor.
        </p>

        <div className="grid md:grid-cols-2 gap-8 mb-12">
          <div className="bg-[#1a1a1a] rounded-2xl p-8 border border-[#2a2a2a]">
            <h2 className="text-2xl font-semibold text-white mb-4">Servicos para Clinicas</h2>
            <div className="space-y-3">
              {servicos.map((s) => (
                <div key={s} className="flex items-center gap-3 text-gray-300">
                  <CheckCircle className="w-5 h-5 text-[#cbf400]" />
                  {s}
                </div>
              ))}
            </div>
          </div>

          <div className="bg-[#1a1a1a] rounded-2xl p-8 border border-[#2a2a2a]">
            <h2 className="text-2xl font-semibold text-white mb-4">Subsegmentos</h2>
            <div className="space-y-4">
              {subsegmentos.map((sub) => (
                <div key={sub.nome} className="flex items-start gap-3">
                  <Building2 className="w-5 h-5 text-[#cbf400] mt-0.5" />
                  <div>
                    <p className="text-white font-medium">{sub.nome}</p>
                    <p className="text-gray-400 text-sm">{sub.desc}</p>
                  </div>
                </div>
              ))}
            </div>
          </div>
        </div>

        <div className="bg-[#1a1a1a] rounded-2xl p-8 border border-[#2a2a2a] mb-12">
          <h2 className="text-2xl font-semibold text-white mb-6">Perguntas Frequentes</h2>
          <div className="space-y-4">
            {faqData.map((faq, i) => (
              <div key={i} className="border-b border-[#2a2a2a] pb-4">
                <h3 className="text-lg font-semibold text-[#cbf400] mb-2">{faq.q}</h3>
                <p className="text-gray-300">{faq.a}</p>
              </div>
            ))}
          </div>
        </div>

        <div className="bg-gradient-to-r from-[#cbf400]/10 to-transparent rounded-2xl p-8 border border-[#cbf400]/30 text-center">
          <h2 className="text-3xl font-bold text-white mb-4">Solicite uma Avaliacao Gratuita</h2>
          <p className="text-gray-300 mb-6 max-w-2xl mx-auto">
            Descubra como a Avanzato pode ajudar sua clinicas a ter uma infraestrutura de TI de ponta.
          </p>
          <Link to="/avaliacao" className="inline-flex items-center gap-2 bg-[#cbf400] text-[#0e0e0e] px-8 py-4 rounded-xl font-semibold hover:bg-[#b8e000] transition-colors">
            Avaliar minha TI Agora
            <ArrowRight className="w-5 h-5" />
          </Link>
        </div>
      </div>
    </div>
  );
};

export default NichoClinicas;
