<?php
// Cache headers para performance
$cacheTime = 86400; // 24 hours
header("Cache-Control: public, max-age=$cacheTime");
header("Expires: " . gmdate("D, d M Y H:i:s", time() + $cacheTime) . " GMT");
header("X-Content-Type-Options: nosniff");
header("X-Frame-Options: SAMEORIGIN");
header("Referrer-Policy: strict-origin-when-cross-origin");
?>
<!DOCTYPE html>
<html lang="pt-BR" class="scroll-smooth">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Transforme seu negócio com presença digital profissional. Análise gratuita + site por R$497. Entrada no ecossistema de empresas que crescem de verdade.">
    <title>Performar Company | Transforme Sua Empresa em 24h</title>
    
    <!-- Canonical URL for SEO -->
    <link rel="canonical" href="https://performarcompany.com.br">
    
    <!-- SEO & Social -->
    <meta property="og:title" content="Performar Company | Descubra o Que Falta no Seu Negócio">
    <meta property="og:description" content="Análise gratuita + porta de entrada para empresas que querem crescer. Sua transformação digital começa aqui.">
    <meta property="og:type" content="website">
    <meta property="og:image" content="https://placehold.co/1200x630/2563eb/ffffff?text=Performar+Company">
    
    <!-- Preconnect for critical resources (max 4) -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    
    <!-- DNS Prefetch for non-critical external resources -->
    <link rel="dns-prefetch" href="https://www.transparenttextures.com">
    
    <!-- Preload critical fonts -->
    <link rel="preload" href="https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZ9hjp-Ek-_EeA.woff2" as="font" type="font/woff2" crossorigin>
    <link rel="preload" href="https://fonts.gstatic.com/s/oswald/v53/TK3IWkUHHr0nQnp9hrPKo73DCnM5Jq1u0U7E5FKdU4f3Al6B5Kpt7-8Z6c.woff2" as="font" type="font/woff2" crossorigin>
    
    <!-- Load fonts with display swap -->
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;800&family=Oswald:wght@400;500;700&display=swap" rel="stylesheet">
    <style>
        /* Font display swap - ensures text is visible during font load */
        @font-face {
            font-family: 'Inter';
            src: url('https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZ9hjp-Ek-_EeA.woff2') format('woff2');
            font-display: swap;
            font-weight: 300 800;
        }
        @font-face {
            font-family: 'Oswald';
            src: url('https://fonts.gstatic.com/s/oswald/v53/TK3IWkUHHr0nQnp9hrPKo73DCnM5Jq1u0U7E5FKdU4f3Al6B5Kpt7-8Z6c.woff2') format('woff2');
            font-display: swap;
            font-weight: 400 700;
        }
        /* Prevent layout shift from fonts */
        .font-display { font-family: 'Oswald', sans-serif; }
    </style>
    
    <!-- Critical CSS inlined for fast FCP -->
    <style>
        body{background-color:#09090b;color:#e4e4e7;margin:0;font-family:Inter,sans-serif}
        .section-hero{min-height:100vh;display:flex;align-items:center;padding:1rem 0}
        .section-hero .grid{display:grid;grid-template-columns:1fr;gap:2rem;max-width:80rem;margin:0 auto;padding:0 1rem}
        @media (min-width:1024px){.section-hero .grid{grid-template-columns:1fr 1fr;align-items:center}}
        h1{font-family:Oswald,sans-serif;font-weight:700;font-size:1.875rem;line-height:1.1;color:#fff;margin:0}
        @media (min-width:640px){h1{font-size:2.25rem}}
        @media (min-width:768px){h1{font-size:3rem}}
        @media (min-width:1024px){h1{font-size:3.75rem}}
        @media (min-width:1280px){h1{font-size:4.5rem}}
        .text-brand-blue{color:#2563eb}
        .bg-white{background-color:#fff}
        .text-black{color:#000}
        .flex{display:flex}
        .items-center{align-items:center}
        .justify-center{justify-content:center}
        .gap-3{gap:0.75rem}
        .px-6{padding-left:1.5rem;padding-right:1.5rem}
        .py-3{padding-top:0.75rem;padding-bottom:0.75rem}
        .font-bold{font-weight:700}
        .uppercase{text-transform:uppercase}
    </style>
    
    <!-- Critical CSS first for fast FCP -->
    <link rel="stylesheet" href="assets/css/critical.css">
    
    <!-- Tailwind CSS -->
    <link rel="stylesheet" href="assets/css/main.min.css">
    
    <!-- Sistema de Personalização por Segmento - deferred -->
    <script src="config-segmentos.js" defer></script>
    <script src="assets/segment-engine/merge-strategy.js" defer></script>
    <script src="assets/segment-engine/schema-validator.js" defer></script>
    <script src="assets/segment-engine/template-loader.js" defer></script>
    <script src="assets/segment-engine/registry.js" defer></script>
    <script src="assets/segment-engine/segment-engine.js" defer></script>
    <script src="personalizador.js" defer></script>

    <!-- Icons - async loading -->
    <script src="https://unpkg.com/lucide@latest" defer></script>

    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "ProfessionalService",
      "name": "Performar Company",
      "description": "Transformação digital para empresas que querem crescer. Análise gratuita + presença profissional por R$497. Ecossistema de crescimento.",
      "image": "https://placehold.co/1200x630/2563eb/ffffff?text=Performar+Company",
      "@id": "",
      "url": "https://performarcompany.com.br",
      "telephone": "+5551999333505",
      "email": "contato@performarcompany.com.br",
      "address": {
        "@type": "PostalAddress",
        "addressLocality": "Porto Alegre",
        "addressRegion": "RS",
        "addressCountry": "BR"
      },
      "geo": {
        "@type": "GeoCoordinates",
        "latitude": -30.0346,
        "longitude": -51.2177
      },
      "openingHoursSpecification": {
        "@type": "OpeningHoursSpecification",
        "dayOfWeek": [
          "Monday",
          "Tuesday",
          "Wednesday",
          "Thursday",
          "Friday"
        ],
        "opens": "09:00",
        "closes": "18:00"
      },
      "priceRange": "$$",
      "serviceType": "Marketing Digital"
    }
    </script>
</head>
<body class="overflow-x-hidden selection:bg-brand-blue selection:text-white">
<?php
$modulesDir = __DIR__ . '/modules';
$modules = [];

if (is_dir($modulesDir)) {
    $entries = scandir($modulesDir);
    foreach ($entries as $entry) {
        if ($entry === '.' || $entry === '..') {
            continue;
        }
        $fullPath = $modulesDir . '/' . $entry;
        if (is_file($fullPath) && str_ends_with($entry, '.html')) {
            $modules[] = $entry;
        }
    }

    sort($modules, SORT_NATURAL);

    foreach ($modules as $module) {
        include $modulesDir . '/' . $module;
    }
}
?>

    <!-- Scroll to Top Button -->
    <button id="scrollToTop" onclick="window.scrollTo({top: 0, behavior: 'smooth'})" class="fixed bottom-6 left-6 z-50 w-12 h-12 bg-zinc-900 border border-white/10 rounded-full flex items-center justify-center text-zinc-400 hover:text-white hover:border-brand-blue hover:bg-brand-blue/10 transition-all opacity-0 translate-y-10 pointer-events-none">
        <i data-lucide="chevron-up" class="w-6 h-6"></i>
    </button>

    <script src="assets/js/main.js" defer></script>
    
    <!-- Facebook Pixel - Loaded asynchronously after page load -->
    <script>
    window.addEventListener('load', function() {
        !function(f,b,e,v,n,t,s)
        {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
        n.callMethod.apply(n,arguments):n.queue.push(arguments)};
        if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
        n.queue=[];t=b.createElement(e);t.async=!0;
        t.src=v;s=b.getElementsByTagName(e)[0];
        s.parentNode.insertBefore(t,s)}(window, document,'script',
        'https://connect.facebook.net/en_US/fbevents.js');
        fbq('init', '1363563469150674');
        fbq('track', 'PageView');
    });
    </script>
    <noscript><img height="1" width="1" style="display:none"
    src="https://www.facebook.com/tr?id=1363563469150674&ev=PageView&noscript=1"
    /></noscript>
</body>
</html>
