<!DOCTYPE html><html lang="cs"><head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0">
    <meta name="format-detection" content="telephone=yes, date=no, email=no, address=no">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    
    <title>Popri.cz – Rychlý PODA Internet s TV Zdarma | Gigabitové Připojení</title>
    
    <!-- Primary Meta Tags -->
    <meta name="description" content="Hledáte spolehlivý PODA internet? Popri.cz vám nabízí gigabitové připojení s TV zdarma a non-stop podporou. Rychlá instalace.">
    <meta name="keywords" content="popri, PODA internet, popri připojení, popri.cz, PODA připojení, gigabitový internet popri, internetové připojení Ostrava">
    <meta name="author" content="Obchodní zástupce PODA">
    <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1">
    <meta name="seznam-wmt" content="TZXj7ilgwfcAOewRproL3dFn9jTDd15R">
    <meta name="google" content="notranslate">
    <meta name="google-site-verification" content="VwYBXv9ggyTnTzk-QAPDh-ZaJCioeFF-RnLP6Pf0hQA">
    
    <!-- Google re-indexing signals -->
    <meta name="googlebot" content="index, follow, max-image-preview:large, max-snippet:-1">
    <meta name="bingbot" content="index, follow, max-image-preview:large, max-snippet:-1">
    <meta name="last-modified" content="2025-01-14">
    <meta name="content-updated" content="2025-01-14T12:00:00Z">
    
    <!-- AI Bot Meta Tags -->
    <meta name="ai:title" content="Popri.cz - PODA Internet Provider with Gigabit Connectivity and Free IPTV">
    <meta name="ai:description" content="Official PODA internet representative offering fiber-optic gigabit internet up to 1000 Mbps with 160+ free TV channels. Serving Ostrava, Havířov, Karviná, and Bohumín regions. GPON technology, unlimited data, 24/7 support.">
    <meta name="ai-crawl-priority" content="high">
    <meta name="ai-index-content" content="primary">
    <meta name="ai-extract-entities" content="organization:Popri.cz, organization:PODA Internet, service:gigabit internet, service:IPTV, technology:GPON, location:Ostrava, location:Moravian-Silesian region">
    <meta name="robots" content="index, follow">
    <meta name="ChatGPT-User-Agent" content="allow">
    <meta name="Claude-User-Agent" content="allow">
    <meta name="PerplexityBot" content="allow">
    <meta name="GPTBot" content="allow">
    <meta name="Google-Extended" content="allow">
    
    <!-- Simplified cache control -->
    <meta http-equiv="Cache-Control" content="public, max-age=3600">
    <meta name="version" content="4.0">
    
    <!-- Canonical URLs -->
    <link rel="canonical" href="https://www.popri.cz/">
    <link rel="alternate" href="https://popri.cz/" hreflang="cs">
    <link rel="sitemap" type="application/xml" href="/sitemap.xml">
    
    <!-- Open Graph Tags -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://www.popri.cz/">
    <meta property="og:title" content="Popri.cz – Rychlý PODA Internet s TV Zdarma | Gigabitové Připojení">
    <meta property="og:description" content="Hledáte spolehlivý PODA internet? Popri.cz vám nabízí gigabitové připojení s TV zdarma a non-stop podporou. Rychlá instalace.">
    <meta property="og:image" content="https://www.popri.cz/lovable-uploads/44bcfe01-0562-4f9b-bdad-f09e7d283aa0.png">
    <meta property="og:locale" content="cs_CZ">
    <meta property="og:site_name" content="Popri.cz">
    <meta property="og:updated_time" content="2025-01-14T12:00:00Z">
    
    <!-- Twitter Card Tags -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Popri.cz – Rychlý PODA Internet s TV Zdarma | Gigabitové Připojení">
    <meta name="twitter:description" content="Hledáte spolehlivý PODA internet? Popri.cz vám nabízí gigabitové připojení s TV zdarma a non-stop podporou. Rychlá instalace.">
    <meta name="twitter:image" content="https://www.popri.cz/lovable-uploads/44bcfe01-0562-4f9b-bdad-f09e7d283aa0.png">
    
    <!-- OPTIMIZED FAVICON - Popri.cz hexagonal gold WiFi logo -->
    <link rel="icon" href="/popri-favicon.png" type="image/png">
    <link rel="icon" href="/popri-favicon.png" sizes="32x32" type="image/png">
    <link rel="icon" href="/popri-favicon.png" sizes="48x48" type="image/png">
    <link rel="icon" href="/popri-favicon.png" sizes="96x96" type="image/png">
    <link rel="icon" href="/popri-favicon.png" sizes="192x192" type="image/png">
    <link rel="apple-touch-icon" href="/popri-favicon.png" sizes="180x180">
    <link rel="manifest" href="/site.webmanifest">
    
    <!-- SEO enhancement for search engines - Noir + Gold Theme -->
    <meta name="theme-color" content="#0a0a0a">
    <meta name="msapplication-TileColor" content="#d97706">
    <meta name="msapplication-config" content="/browserconfig.xml">
    
    <!-- Enhanced font preloading with CORS support -->
    <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin="">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
    
    <!-- Luxury fonts: Playfair Display + Inter -->
    <link rel="preload" href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&amp;family=Inter:wght@300;400;500;600;700&amp;display=swap" as="style" onload="this.onload=null;this.rel='stylesheet';this.media='all'" media="print">
    <noscript>
      <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Inter:wght@300;400;500;600;700&display=swap">
    </noscript>
    
    <!-- Inline critical CSS to prevent render blocking - Luxury Noir + Gold -->
    <style>
      /* Critical above-the-fold styles - Noir + Gold Theme */
      
      /* Essential base styles with fallback fonts */
      * { box-sizing: border-box; margin: 0; padding: 0; }
      html { scroll-behavior: smooth; }
      body { 
        font-family: 'Inter', system-ui, sans-serif; 
        background: hsl(0 0% 4%); 
        color: hsl(45 20% 95%);
        line-height: 1.5;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-display: swap;
      }
      
      /* Headings use Playfair Display */
      h1, h2, h3, h4, h5, h6 {
        font-family: 'Playfair Display', Georgia, serif;
      }
      
      /* Critical layout utilities */
      .min-h-screen { min-height: 100vh; }
      .relative { position: relative; }
      .fixed { position: fixed; }
      .inset-0 { inset: 0; }
      .flex { display: flex; }
      .items-center { align-items: center; }
      .justify-center { justify-content: center; }
      .z-50 { z-index: 50; }
      .z-10 { z-index: 10; }
      
      /* Critical hero styles for faster LCP - Noir + Gold */
      .container-custom { max-width: 1200px; margin: 0 auto; padding: 0 1rem; }
      .grid { display: grid; }
      .grid-cols-1 { grid-template-columns: repeat(1, 1fr); }
      .gap-8 { gap: 2rem; }
      .text-center { text-align: center; }
      .text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
      .font-bold { font-weight: 700; }
      .text-gold { color: hsl(38 92% 50%); }
      .text-cream { color: hsl(45 20% 95%); }
      .mb-6 { margin-bottom: 1.5rem; }
      .leading-tight { line-height: 1.25; }
      .tracking-tight { letter-spacing: -0.025em; }
      .bg-noir { background: hsl(0 0% 4%); }
      .absolute { position: absolute; }
      .overflow-hidden { overflow: hidden; }
      .pt-20 { padding-top: 5rem; }
      .pb-16 { padding-bottom: 4rem; }
      .text-lg { font-size: 1.125rem; line-height: 1.75rem; }
      .text-muted { color: hsl(45 10% 55%); }
      .max-w-xl { max-width: 36rem; }
      .mx-auto { margin-left: auto; margin-right: auto; }
      .mb-8 { margin-bottom: 2rem; }
      .leading-relaxed { line-height: 1.625; }
      .inline-block { display: inline-block; }
      .badge-gold { 
        background-color: hsl(38 92% 50% / 0.1); 
        border: 1px solid hsl(38 92% 50% / 0.2);
        color: hsl(38 92% 50%);
      }
      .py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
      .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
      .rounded-full { border-radius: 9999px; }
      .text-sm { font-size: 0.875rem; line-height: 1.25rem; }
      .font-medium { font-weight: 500; }
      .mb-4 { margin-bottom: 1rem; }
      .block { display: block; }
      
      /* Gold gradient text */
      .text-gradient-gold {
        background: linear-gradient(135deg, hsl(38, 92%, 50%) 0%, hsl(28, 85%, 45%) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
      }
      
      @media (min-width: 640px) {
        .sm\\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
        .sm\\:pt-32 { padding-top: 8rem; }
        .sm\\:pb-24 { padding-bottom: 6rem; }
        .sm\\:inline { display: inline; }
      }
      
      @media (min-width: 768px) {
        .md\\:text-5xl { font-size: 3rem; line-height: 1; }
      }
      
      @media (min-width: 1024px) {
        .lg\\:grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
        .lg\\:gap-12 { gap: 3rem; }
        .lg\\:text-left { text-align: left; }
        .lg\\:text-6xl { font-size: 3.75rem; line-height: 1; }
        .lg\\:mx-0 { margin-left: 0; margin-right: 0; }
      }

      /* Critical styles for immediate content display - Noir + Gold */
      .static-hero {
        position: relative;
        padding-top: 5rem;
        padding-bottom: 4rem;
        overflow: hidden;
        background: hsl(0 0% 4%);
      }

      .static-content {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 1rem;
        display: grid;
        grid-template-columns: 1fr;
        gap: 2rem;
        align-items: center;
      }

      /* Critical hero title styles for immediate LCP - Noir + Gold */
      #hero-title, .hero-title {
        font-family: 'Playfair Display', Georgia, serif;
        font-size: 1.875rem;
        line-height: 2.25rem;
        font-weight: 700;
        color: hsl(45 20% 95%);
        margin-bottom: 1.5rem;
        line-height: 1.25;
        letter-spacing: -0.025em;
        opacity: 1 !important;
        transform: translateY(0) !important;
      }

      @media (min-width: 1024px) {
        .static-content {
          grid-template-columns: repeat(2, 1fr);
          gap: 3rem;
        }
        .static-hero {
          padding-top: 8rem;
          padding-bottom: 6rem;
        }
      }

      /* Hide static content when React loads - instant transition */
      .react-loaded .static-content {
        display: none;
      }
      
      /* Faster content transition */
      .static-content {
        transition: opacity 0.1s ease-out;
      }
      
      .react-loaded .static-content {
        opacity: 0;
        display: none;
      }
      
      /* Custom scrollbar - Noir + Gold */
      ::-webkit-scrollbar { width: 8px; }
      ::-webkit-scrollbar-track { background: hsl(0, 0%, 7%); }
      ::-webkit-scrollbar-thumb { background: hsl(0, 0%, 20%); border-radius: 4px; }
      ::-webkit-scrollbar-thumb:hover { background: hsl(38, 92%, 50%); }
      
      /* Selection - Gold */
      ::-moz-selection { background: hsl(38, 92%, 50%, 0.3); color: hsl(45, 20%, 95%); }
      ::selection { background: hsl(38, 92%, 50%, 0.3); color: hsl(45, 20%, 95%); }
    </style>
    
    <!-- Completely non-blocking CSS loading -->
    <link rel="preload" href="/assets/index-GKRAWb9s.css" as="style" onload="this.onload=null;this.rel='stylesheet';this.media='all'" media="print">
    <noscript></noscript>
    
    <!-- Optimize LCP images with highest priority -->
    <link rel="preload" as="image" href="/lovable-uploads/44bcfe01-0562-4f9b-bdad-f09e7d283aa0.png" fetchpriority="high" sizes="(max-width: 640px) 256px, (max-width: 1024px) 384px, 512px" width="512" height="512">
    <link rel="preload" as="image" href="/lovable-uploads/a06e6aff-dc10-4258-90a8-0d6c75fec61e.png" fetchpriority="auto" width="512" height="512">
    
    <!-- NoScript CSS - Non-blocking -->
    <link rel="preload" href="/css/noscript.css" as="style" onload="this.onload=null;this.rel='stylesheet';this.media='all'" media="print">
    <noscript><link rel="stylesheet" href="/css/noscript.css"></noscript>
    
    <!-- Remove Mapy.cz from initial load - will load conditionally via code-splitting -->
    
    <!-- Schema.org markup using JSON-LD with updated data -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebSite",
      "name": "Popri.cz – PODA Internet",
      "url": "https://www.popri.cz",
      "description": "Hledáte spolehlivý PODA internet? Popri.cz vám nabízí gigabitové připojení s TV zdarma a non-stop podporou. Rychlá instalace.",
      "dateModified": "2025-01-14T12:00:00Z",
      "potentialAction": {
        "@type": "SearchAction",
        "target": "https://www.popri.cz/blog?search={search_term_string}",
        "query-input": "required name=search_term_string"
      }
    }
    </script>
    
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Organization",
      "name": "Popri.cz - PODA Internet",
      "url": "https://www.popri.cz",
      "logo": "https://www.popri.cz/poda-logo.svg",
      "description": "Poskytovateľ PODA internetových služieb s gigabitovým pripojením a TV zdarma",
      "contactPoint": {
        "@type": "ContactPoint",
        "telephone": "+420-730-431-313",
        "contactType": "customer service",
        "areaServed": "CZ",
        "availableLanguage": "Czech"
      },
      "sameAs": [],
      "dateModified": "2025-01-14T12:00:00Z"
    }
    </script>

    <!-- Simplified app loading script -->
    <script>
      // Mark React as loaded - called from main.tsx
      window.markReactLoaded = function() {
        document.documentElement.classList.add('react-loaded');
        console.log('React app loaded successfully');
      };
    </script>

    <!-- Lovable script tag -->
    <script src="https://cdn.gpteng.co/gptengineer.js" type="module"></script>
    
    <!-- Analytics (deferred) -->
    <script src="/js/analytics.js" defer=""></script>
    <script type="module" crossorigin="" src="/assets/index-Cl40Lhqk.js"></script>
    <link rel="modulepreload" crossorigin="" href="/assets/vendor-CmOqr1Ag.js">
    <link rel="modulepreload" crossorigin="" href="/assets/ui-B3iCGj2G.js">
    <link rel="modulepreload" crossorigin="" href="/assets/animations-B25wUcOm.js">
    <link rel="modulepreload" crossorigin="" href="/assets/utils-BjlOjBMC.js">
    <link rel="stylesheet" crossorigin="" href="/assets/index-BCWTGixa.css">
  </head>

  <body>
    <div id="root">
      <!-- IMMEDIATE STATIC CONTENT FOR FAST FCP - Noir + Gold Theme -->
      <main class="min-h-screen bg-noir">
        <!-- Static Hero Section - Shows immediately -->
        <section class="static-hero" aria-labelledby="static-hero-title">
          <div class="static-content">
            <div class="text-center lg:text-left">
              <span class="inline-block badge-gold py-2 px-5 rounded-full text-sm font-medium mb-4">
                Internet Provider Ostrava
              </span>
              <h1 id="static-hero-title" class="text-3xl sm:text-4xl md:text-5xl lg:text-6xl font-bold text-cream mb-6 leading-tight tracking-tight">
                Rychlý a férový <span class="text-gradient-gold">POPRI</span> internet
                <span class="text-cream block sm:inline"> Bez limitů. Bez kompromisů.</span>
              </h1>
              <p class="text-muted text-lg mb-8 leading-relaxed max-w-xl mx-auto lg:mx-0">
                Připojte svůj domov k budoucnosti – stabilní gigabitové připojení až <strong class="text-gold">1000 Mbps</strong>
                s <strong class="text-gold">TV zdarma</strong>. Surfujte, sledujte, bavte se, kolik chcete.
              </p>
            </div>
            <div class="relative hidden lg:block">
              <img src="/lovable-uploads/44bcfe01-0562-4f9b-bdad-f09e7d283aa0.png" alt="PODA Internet připojení" width="512" height="512" style="max-width: 100%; height: auto;" loading="eager" fetchpriority="high">
            </div>
          </div>
        </section>
      </main>
    </div>
    
    <!-- Service worker registration with updated version -->
    <script src="/sw-register.js?v=4.0"></script>
    
    <!-- Simplified resource error handling -->
    <script>
      // Basic error handling for resources
      window.addEventListener('error', function(e) {
        if (e.target && e.target.tagName) {
          const tag = e.target.tagName.toLowerCase();
          const src = e.target.src || e.target.href;
          
          if (tag === 'img' && src) {
            console.warn('Image failed to load:', src);
            e.target.src = '/placeholder.svg';
          }
        }
      }, true);
    </script>

    <!-- NoScript fallback with extended content for AI bots -->
<noscript>
      <style>
        #root > div { display: none !important; }
        .ns-container { max-width: 1200px; margin: 0 auto; text-align: left; }
        .ns-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
        @media (max-width: 768px) { .ns-grid { grid-template-columns: 1fr; } }
        .ns-card { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 0.75rem; padding: 1rem; }
        .ns-link { color: #1e40af; font-weight: 600; text-decoration: none; }
        .ns-link:hover { text-decoration: underline; }
        .ns-text { color: #374151; line-height: 1.6; margin-bottom: 1rem; }
      </style>
      <main style="min-height: 100vh; background: white; padding: 2rem;">
        <div class="ns-container">
          <h1 style="color: #1e40af; font-size: 2rem; margin-bottom: 0.5rem;">Popri.cz – Rychlý PODA Internet s TV Zdarma</h1>
          <p style="color: #4b5563; font-size: 1.125rem; margin-bottom: 1rem;">Gigabitové připojení, TV zdarma, non-stop podpora</p>
          <div class="ns-card" style="margin-bottom: 1rem; background:#fff7ed; border-color:#fdba74;">
            <strong>JavaScript je zakázán.</strong> Stránka je plně funkční i bez něj na hlavních odkazech níže.
          </div>
          
          <!-- Extended content for AI/search engine crawlers -->
          <section style="margin-bottom: 2rem;">
            <h2 style="color: #0f172a; font-size: 1.5rem; margin-bottom: 1rem;">O službách PODA Internet</h2>
            <p class="ns-text">
              Popri.cz je oficiální zástupce PODA Internet a poskytuje vysokorychlostní gigabitové internetové připojení až 1000 Mbps s bezplatnou IPTV službou 
              po celém regionu Ostrava a přilehlých oblastech. Naše služby jsou postaveny na moderní optické technologii GPON (Gigabit Passive Optical Network), 
              která zajišťuje stabilní, rychlé a spolehlivé připojení bez datových limitů.
            </p>
            <p class="ns-text">
              Všechny naše tarify zahrnují více než 160 TV kanálů zdarma, včetně prémiových sportovních a zábavních stanic. Nabízíme podporu 24/7 
              a rychlou instalaci do 5-7 dnů. Nepožadujeme žádné závazky a naše ceny jsou transparentní bez skrytých poplatků.
            </p>
          </section>

          <section style="margin-bottom: 2rem;">
            <h2 style="color: #0f172a; font-size: 1.5rem; margin-bottom: 1rem;">Tarify a ceny</h2>
            <div class="ns-card" style="margin-bottom: 0.5rem;">
              <strong>Tarif 300 Mbps:</strong> 300 Kč/měsíc + 160+ TV kanálů zdarma
            </div>
            <div class="ns-card" style="margin-bottom: 0.5rem;">
              <strong>Tarif 600 Mbps:</strong> 400 Kč/měsíc + 160+ TV kanálů zdarma
            </div>
            <div class="ns-card" style="margin-bottom: 0.5rem;">
              <strong>Tarif 1000 Mbps:</strong> 490 Kč/měsíc + 160+ TV kanálů zdarma
            </div>
            <p class="ns-text" style="margin-top: 1rem;">
              Jednorázový instalační poplatek: 300 Kč. Router je k dispozici zdarma při instalaci.
            </p>
          </section>

          <section style="margin-bottom: 2rem;">
            <h2 style="color: #0f172a; font-size: 1.5rem; margin-bottom: 1rem;">Oblasti pokrytí</h2>
            <p class="ns-text">
              Poskytujeme služby v těchto lokalitách: Ostrava (všechny městské části včetně Poruby, Moravské Ostravy, Slezské Ostravy), 
              Havířov, Karviná, Bohumín a okolní obce v Moravskoslezském kraji.
            </p>
          </section>

          <section style="margin-bottom: 2rem;">
            <h2 style="color: #0f172a; font-size: 1.5rem; margin-bottom: 1rem;">Kontakt</h2>
            <p class="ns-text">
              <strong>Telefon:</strong> +420 730 431 313<br>
              <strong>Email:</strong> info@popri.cz<br>
              <strong>Web:</strong> www.popri.cz
            </p>
          </section>

          <section class="ns-grid" aria-label="Rychlé odkazy">
            <div class="ns-card">
              <h2 style="margin-bottom:0.5rem; font-size:1.125rem; color:#0f172a;">Hlavní stránky</h2>
              <ul style="margin:0; padding-left:1rem; line-height:1.9;">
                <li><a class="ns-link" href="/">Úvod</a></li>
                <li><a class="ns-link" href="/blog">Blog</a></li>
                <li><a class="ns-link" href="/tarify">Tarify</a></li>
                <li><a class="ns-link" href="/iptv">IPTV</a></li>
                <li><a class="ns-link" href="/internet-tv">Internet + TV</a></li>
                <li><a class="ns-link" href="/programy">TV programy</a></li>
              </ul>
            </div>
            <div class="ns-card">
              <h2 style="margin-bottom:0.5rem; font-size:1.125rem; color:#0f172a;">Internet v regionech</h2>
              <ul style="margin:0; padding-left:1rem; line-height:1.9;">
                <li><a class="ns-link" href="/internet-ostrava">Internet Ostrava</a></li>
                <li><a class="ns-link" href="/internet-karvina">Internet Karviná</a></li>
                <li><a class="ns-link" href="/internet-havirov">Internet Havířov</a></li>
                <li><a class="ns-link" href="/internet-bohumin">Internet Bohumín</a></li>
                <li><a class="ns-link" href="/internet-poruba">Internet Poruba</a></li>
              </ul>
            </div>
          </section>

          <section class="ns-card" style="margin-top:1rem;">
            <h2 style="margin-bottom:0.5rem; font-size:1.125rem; color:#0f172a;">Kontakt</h2>
            <p style="margin:0.25rem 0;">Telefon: <a class="ns-link" href="tel:+420730431313">730 431 313</a></p>
            <p style="margin:0.25rem 0;">E-mail: <a class="ns-link" href="mailto:info@popri.cz">info@popri.cz</a></p>
            <p style="margin:0.25rem 0;">Formulář: <a class="ns-link" href="/kontakt">/kontakt</a></p>
          </section>
        </div>
      </main>
    </noscript>
  

</body></html>