<!doctype html>
<html lang="cs">
  <head>
    <!-- Base Meta Tags -->
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    
    <!-- Primary SEO Tags -->
    <title>Tvorba webových stránek pro malé firmy za 14 dní | LORYO Ostrava</title>
    <!-- FORCE NETLIFY CACHE CLEAR: Thu Jan 31 13:52:00 CET 2025 -->
    <meta name="title" content="Tvorba webových stránek pro malé firmy za 14 dní | LORYO Ostrava" />
    <meta name="description" content="✅ Profesionální webové stránky za 14 dní od 15 000 Kč ✅ Specializace na malé firmy ✅ SEO optimalizace ✅ Responzivní design ✅ Nezávazná konzultace zdarma. Kontakt: info@loryo.cz" />
    <meta name="keywords" content="tvorba webových stránek Ostrava, webové stránky pro malé firmy, rychlá tvorba webu, webdesign Ostrava, levné webové stránky, SEO optimalizace, responzivní design, webové aplikace na míru, digitální strategie, 14 dní dodání" />
    <meta name="author" content="LORYO s.r.o." />
    <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" />
    <meta name="language" content="Czech" />
    <meta name="revisit-after" content="7 days" />
    <link rel="alternate" hreflang="cs-CZ" href="https://www.loryo.cz/" />
    <link rel="alternate" hreflang="cs" href="https://www.loryo.cz/" />
    <link rel="alternate" hreflang="x-default" href="https://www.loryo.cz/" />
    <meta name="geo.region" content="CZ" />
    <meta name="geo.placename" content="Česká republika" />
    <meta name="geo.position" content="49.8209;18.2625" />
    <meta name="ICBM" content="49.8209, 18.2625" />
    <meta name="DC.Coverage" content="Česká republika" />
    <meta name="coverage" content="Czech Republic" />
    <meta name="DC.Subject" content="Web development, tvorba webových stránek, Česká republika" />
    <meta name="distribution" content="Česká republika" />
    <meta name="area.served" content="Česká republika" />
    
    <!-- Canonical URL -->
    <link rel="canonical" href="https://www.loryo.cz/" />
    
    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website" />
    <meta property="og:site_name" content="LORYO - Tvorba webových stránek Ostrava" />
    <meta property="og:title" content="Tvorba webových stránek pro malé firmy za 14 dní | LORYO Ostrava" />
    <meta property="og:description" content="Profesionální webové stránky za 14 dní od 15 000 Kč. Specializujeme se na malé firmy - rychlé dodání, SEO optimalizace, responzivní design. Nezávazná konzultace zdarma!" />
    <meta property="og:url" content="https://www.loryo.cz/" />
    <meta property="og:image" content="https://www.loryo.cz/og-image.png" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />
    <meta property="og:image:alt" content="LORYO - Tvorba webových stránek pro malé firmy Ostrava. Rychlé dodání za 14 dní, od 15 000 Kč" />
    <meta property="og:locale" content="cs_CZ" />
    <meta property="business:contact_data:street_address" content="Ostrava" />
    <meta property="business:contact_data:locality" content="Ostrava" />
    <meta property="business:contact_data:region" content="Ostrava" />
    <meta property="business:contact_data:postal_code" content="700 30" />
    <meta property="business:contact_data:country_name" content="Czech Republic" />
    
    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:site" content="@loryo_cz" />
    <meta name="twitter:creator" content="@loryo_cz" />
    <meta name="twitter:title" content="Tvorba webových stránek pro malé firmy za 14 dní | LORYO Ostrava" />
    <meta name="twitter:description" content="✅ Profesionální weby za 14 dní od 15 000 Kč ✅ SEO optimalizace ✅ Responzivní design ✅ Nezávazná konzultace zdarma" />
    <meta name="twitter:image" content="https://www.loryo.cz/og-image.png" />
    <meta name="twitter:image:alt" content="LORYO - Tvorba webových stránek pro malé firmy Ostrava" />
    
    <!-- Extended SEO Meta Tags -->
    <meta name="format-detection" content="telephone=yes" />
    <meta name="theme-color" content="#1B1F36" />
    <meta name="application-name" content="LORYO" />
    <meta name="apple-mobile-web-app-title" content="LORYO" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="default" />
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="apple-touch-fullscreen" content="yes" />
    
    <!-- Core Web Vitals optimalizace -->
    <meta name="resource-hints" content="preload, prefetch, preconnect" />
    <meta name="loading-strategy" content="critical-above-fold" />
    
    <!-- Mobile UX optimalizace -->
    <meta name="mobile-optimization" content="responsive-design, touch-friendly, fast-loading" />
    <meta name="viewport-fit" content="cover" />
    
    <!-- Business Schema Meta -->
    <meta name="business:contact_data:phone_number" content="+420777123456" />
    <meta name="business:contact_data:email" content="info@loryo.cz" />
    <meta name="business:contact_data:website" content="https://www.loryo.cz" />
    
    <!-- Content Classification -->
    <meta name="rating" content="general" />
    <meta name="audience" content="all" />
    <meta name="subject" content="Web development, tvorba webových stránek, digitální služby" />
    <meta name="abstract" content="LORYO - specializujeme se na rychlou tvorbu profesionálních webových stránek pro malé a střední firmy v České republice." />
    <meta name="summary" content="Webové stránky za 14 dní od 15 000 Kč. SEO optimalizace, responzivní design, dlouhodobá podpora." />
    <meta name="classification" content="Business Services, Web Development, Digital Agency" />
    <meta name="category" content="Technology, Web Services, Small Business Solutions" />
    <meta name="pagename" content="LORYO - Tvorba webových stránek pro malé firmy Ostrava" />
    <meta name="page-topic" content="Web development services Ostrava Czech Republic" />
    <meta name="page-type" content="Business Homepage" />
    
    <!-- Advanced Czech Market SEO -->
    <meta name="target-market" content="Czech Republic" />
    <meta name="target-language" content="cs-CZ" />
    <meta name="currency" content="CZK" />
    <meta name="price-range" content="15000-50000" />
    <meta name="service-radius" content="50km" />
    <meta name="service-type" content="B2B" />
    <meta name="industry" content="Information Technology, Web Development, Digital Services" />
    <meta name="business-model" content="Service Provider" />
    <meta name="specialization" content="Malé a střední firmy, rychlá tvorba webů" />
    
    <!-- Competition & Positioning -->
    <meta name="competitive-advantage" content="14 dní dodání, transparentní ceny, dlouhodobá podpora" />
    <meta name="unique-selling-proposition" content="Nejrychlejší tvorba webů v ČR pro malé firmy" />
    <meta name="brand-promise" content="Web za 14 dní nebo zdarma" />
    
    <!-- Voice Search Optimization -->
    <meta name="voice-search-1" content="Kde vytvořit webové stránky v Česku rychle a levně" />
    <meta name="voice-search-2" content="Kolik stojí tvorba webu pro malou firmu" />
    <meta name="voice-search-3" content="Nejlepší webový design Česká republika malé firmy" />
    
    <!-- Local Business Signals -->
    <meta name="serves-city" content="Ostrava, Brno, Ostrava, Plzeň, České Budějovice, Liberec, Hradec Králové, Ústí nad Labem, Pardubice, Zlín a další města ČR" />
    <meta name="service-hours" content="Mo-Fr 09:00-17:00" />
    <meta name="response-time" content="24 hodin" />
    <meta name="delivery-time" content="14 dní" />
    
    <!-- Favicons -->
    <link rel="icon" type="image/png" href="/images/favicon.png" />
    <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon.png" />
    <link rel="apple-touch-icon" sizes="180x180" href="/images/favicon.png" />
    <link rel="shortcut icon" type="image/png" href="/images/favicon.png" />
    <link rel="manifest" href="/site.webmanifest" />
    <meta name="theme-color" content="#1B1F36" />
    <meta name="msapplication-TileColor" content="#1B1F36" />
    
    <!-- Additional SEO -->
    <meta name="format-detection" content="telephone=yes" />
    <meta name="geo.region" content="CZ" />
    <meta name="geo.placename" content="Česká republika" />
    <meta name="geo.position" content="49.8209;18.2625" />
    <meta name="ICBM" content="49.8209, 18.2625" />
    
    <!-- Critical CSS inline for fastest LCP -->
    <style>
      /* Critical above-the-fold styles for Core Web Vitals */
      body { 
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif; 
        margin: 0; 
        background: #fff; 
        line-height: 1.6;
        color: #333;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
      }
      
      /* Loading indicator for LCP optimization */
      .loading-indicator { 
        position: fixed; 
        top: 0; 
        left: 0; 
        width: 100%; 
        height: 100%; 
        background: linear-gradient(135deg, #1B1F36 0%, #2A2F4A 100%); 
        color: #00d4aa; 
        display: flex; 
        align-items: center; 
        justify-content: center; 
        z-index: 9999; 
        font-size: 1.5rem; 
        font-weight: 600;
        opacity: 1;
        transition: opacity 0.3s ease-out;
        pointer-events: none;
      }
      
      .loading-spinner { 
        width: 40px; 
        height: 40px; 
        border: 3px solid rgba(0, 212, 170, 0.3); 
        border-radius: 50%; 
        border-top-color: #00d4aa; 
        animation: spin 1s ease-in-out infinite; 
        margin-right: 1rem; 
      }
      
      @keyframes spin { 
        to { transform: rotate(360deg); } 
      }
      
      /* Prevent Cumulative Layout Shift (CLS) */
      #app { 
        min-height: 100vh; 
        opacity: 1;
        transition: opacity 0.3s ease-in;
        /* Reserve space for cookie banner to prevent CLS */
        padding-bottom: env(safe-area-inset-bottom);
      }
      
      /* Cookie banner CLS prevention */
      .cookie-banner {
        will-change: transform;
        contain: layout style paint;
      }
      
      .noscript-container { 
        opacity: 1; 
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 20px;
      }
      
      /* Critical hero styles for LCP */
      .noscript-hero {
        background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
        padding: 4rem 0;
        text-align: center;
        margin-bottom: 0;
      }
      
      .noscript-hero h1 {
        font-size: clamp(2rem, 5vw, 3rem);
        color: #1B1F36;
        margin-bottom: 1.5rem;
        font-weight: 700;
        line-height: 1.2;
      }
      
      /* Prevent font loading shifts */
      .noscript-btn-primary {
        background: #00d4aa;
        color: white;
        padding: 15px 30px;
        text-decoration: none;
        border-radius: 8px;
        font-weight: 600;
        font-size: 1.1rem;
        display: inline-block;
        transition: transform 0.2s ease, box-shadow 0.2s ease;
      }
      
      .noscript-btn-primary:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 212, 170, 0.3);
      }
    </style>
    
    <!-- Preload critical resources for LCP optimization -->
    <link rel="modulepreload" href="/assets/main-CWWMIoBc.jsx" />
    <link rel="preload" href="/images/loryo-logo.png" as="image" type="image/png" />
    <link rel="preload" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'" />
    
    <!-- DNS prefetch for performance -->
    <link rel="dns-prefetch" href="//fonts.googleapis.com" />
    <link rel="dns-prefetch" href="//fonts.gstatic.com" />
    <link rel="dns-prefetch" href="//netlify.app" />
    <link rel="dns-prefetch" href="//www.googletagmanager.com" />
    <link rel="dns-prefetch" href="//www.google-analytics.com" />
    <link rel="dns-prefetch" href="//analytics.google.com" />
    
    <!-- Google Analytics 4 with Consent Mode -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-P34WXHSB69"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      
      // Initialize consent mode - deny by default
      gtag('consent', 'default', {
        'analytics_storage': 'denied'
      });
      
      gtag('js', new Date());
      gtag('config', 'G-P34WXHSB69', {
        // Enhanced measurement
        'enhanced_measurement_settings': {
          'scrolls': true,
          'outbound_clicks': true,
          'site_search': false,
          'video_engagement': true,
          'file_downloads': true
        },
        // Custom parameters for Czech business
        'custom_map': {
          'custom_parameter_1': 'business_type',
          'custom_parameter_2': 'service_interest',
          'custom_parameter_3': 'location_preference'
        },
        // Demographics and interests reports
        'allow_google_signals': true,
        'allow_ad_personalization_signals': true,
        // Privacy settings for GDPR compliance
        'ads_data_redaction': true,
        'anonymize_ip': true
      });
      
      // Check existing consent and enable analytics if granted
      const existingConsent = localStorage.getItem('loryo_cookie_consent');
      if (existingConsent) {
        const preferences = JSON.parse(existingConsent);
        if (preferences.analytics) {
          gtag('consent', 'update', {
            'analytics_storage': 'granted'
          });
          
          // Custom events for business tracking (only if analytics allowed)
          gtag('event', 'page_view', {
            'custom_parameter_1': 'web_development',
            'custom_parameter_2': 'homepage',
            'custom_parameter_3': 'ostrava_czech_republic'
          });
        }
      }
    </script>
    

    
    <!-- JSON-LD Structured Data - Organization -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Organization",
      "name": "LORYO s.r.o.",
      "alternateName": ["LORYO", "Loryo"],
      "url": "https://www.loryo.cz",
      "logo": {
        "@type": "ImageObject",
        "url": "https://www.loryo.cz/images/loryo-logo.png",
        "width": 200,
        "height": 60
      },
      "image": "https://www.loryo.cz/og-image.png",
      "description": "Specializujeme se na tvorbu webových stránek pro malé firmy. Rychlé dodání za 14 dní, SEO optimalizace, responzivní design. Transparentní ceník od 15 000 Kč.",
      "slogan": "Weby a appky. Chytře a rychle.",
      "foundingDate": "2024",
      "numberOfEmployees": "2-10",
      "contactPoint": [
        {
          "@type": "ContactPoint",
          "telephone": "+420777123456",
          "email": "info@loryo.cz",
          "contactType": "customer service",
          "areaServed": "CZ",
          "availableLanguage": ["Czech", "cs"],
          "hoursAvailable": "Mo-Fr 09:00-17:00"
        },
        {
          "@type": "ContactPoint",
          "email": "info@loryo.cz",
          "contactType": "sales",
          "areaServed": "CZ",
          "availableLanguage": ["Czech", "cs"]
        }
      ],
      "address": {
        "@type": "PostalAddress",
        "addressLocality": "Ostrava",
        "addressRegion": "Moravskoslezský kraj",
        "postalCode": "700 30",
        "addressCountry": "CZ"
      },
      "geo": {
        "@type": "GeoCoordinates",
        "latitude": 49.8209,
        "longitude": 18.2625
      },
      "areaServed": {
        "@type": "Country",
        "name": "Czech Republic"
      },
      "knowsAbout": ["Web Development", "SEO", "Responsive Design", "Digital Strategy", "Small Business"],
      "makesOffer": [
        {
          "@type": "Offer",
          "itemOffered": {
            "@type": "Service",
            "name": "Tvorba webových stránek",
            "description": "Profesionální webové stránky pro malé firmy"
          },
          "price": "15000",
          "priceCurrency": "CZK",
          "priceSpecification": {
            "@type": "PriceSpecification",
            "price": "15000",
            "priceCurrency": "CZK",
            "valueAddedTaxIncluded": true
          }
        }
      ]
    }
    </script>

    <!-- JSON-LD Structured Data - WebSite -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebSite",
      "name": "LORYO - Tvorba webových stránek pro malé firmy",
      "alternateName": "LORYO",
      "url": "https://www.loryo.cz",
      "description": "Profesionální tvorba webových stránek pro malé firmy za 14 dní. SEO optimalizace, responzivní design, transparentní ceník od 15 000 Kč.",
      "inLanguage": "cs",
      "isAccessibleForFree": true,
      "publisher": {
        "@type": "Organization",
        "name": "LORYO s.r.o.",
        "url": "https://www.loryo.cz"
      },
      "potentialAction": {
        "@type": "SearchAction",
        "target": {
          "@type": "EntryPoint",
          "urlTemplate": "https://www.loryo.cz/#sluzby"
        },
        "query-input": "required name=search_term_string"
      }
    }
    </script>

    <!-- JSON-LD Structured Data - Services -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Service",
      "name": "Tvorba webových stránek pro malé firmy",
      "description": "Profesionální webové stránky za 14 dní od 15 000 Kč. Specializace na malé firmy, SEO optimalizace, responzivní design.",
      "provider": {
        "@type": "Organization",
        "name": "LORYO s.r.o.",
        "url": "https://www.loryo.cz"
      },
      "areaServed": {
        "@type": "Country",
        "name": "Czech Republic"
      },
      "availableChannel": {
        "@type": "ServiceChannel",
        "serviceUrl": "https://www.loryo.cz",
        "serviceSmsNumber": "+420777123456",
        "servicePhone": "+420777123456"
      },
      "offers": [
        {
          "@type": "Offer",
          "name": "Web Starter",
          "description": "Základní webové stránky pro malé firmy a živnostníky",
          "price": "15000",
          "priceCurrency": "CZK",
          "availability": "https://schema.org/InStock",
          "deliveryLeadTime": "P14D",
          "warranty": "P1Y",
          "includesObject": [
            {
              "@type": "Service",
              "name": "Responzivní design"
            },
            {
              "@type": "Service", 
              "name": "SEO optimalizace"
            },
            {
              "@type": "Service",
              "name": "Technická podpora"
            }
          ]
        },
        {
          "@type": "Offer",
          "name": "Web Business",
          "description": "Pokročilé webové stránky s interaktivními prvky",
          "price": "25000",
          "priceCurrency": "CZK",
          "availability": "https://schema.org/InStock",
          "deliveryLeadTime": "P14D",
          "warranty": "P1Y"
        },
        {
          "@type": "Offer",
          "name": "Digitální strategie",
          "description": "Komplexní analýza a návrh digitální přítomnosti",
          "price": "8000",
          "priceCurrency": "CZK",
          "availability": "https://schema.org/InStock",
          "deliveryLeadTime": "P7D"
        }
      ],
      "review": {
        "@type": "Review",
        "reviewRating": {
          "@type": "Rating",
          "ratingValue": "4.8",
          "bestRating": "5"
        },
        "author": {
          "@type": "Organization",
          "name": "Spokojení klienti"
        }
      },
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "4.8",
        "reviewCount": "50",
        "bestRating": "5",
        "worstRating": "1"
      }
    }
    </script>

    <!-- JSON-LD Structured Data - FAQ -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "FAQPage",
      "mainEntity": [
        {
          "@type": "Question",
          "name": "Jak dlouho trvá tvorba webových stránek?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Většinou to zvládneme za 14 dní, ale závisí to na složitosti vašeho webu. Nejdřív si uděláme brief a analýzu (1-2 dny), pak navrhneme design a prototyp (3-5 dnů), následuje vývoj a testování (7-10 dnů) a nakonec spustíme web s podporou (1-2 dny)."
          }
        },
        {
          "@type": "Question",
          "name": "Kolik stojí tvorba webových stránek?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Webové stránky vytváříme od 15 000 Kč, webové aplikace od 25 000 Kč. V ceně máte vždy SEO optimalizaci a možnost dlouhodobé technické podpory."
          }
        },
        {
          "@type": "Question",
          "name": "Jsou webové stránky optimalizované pro SEO?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Samozřejmě! SEO je pro nás standard. Každý web má rychlé načítání, responzivní design, správné meta tagy, strukturovaná data a je optimalizovaný pro vyhledávače. Prostě vše, co Google miluje."
          }
        },
        {
          "@type": "Question",
          "name": "Poskytujete technickou podporu?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Samozřejmě! Nabízíme měsíční podporu od 1500 Kč - postaráme se o malé úpravy, revize, aktualizace, prostě o vše. Bez starostí."
          }
        },
        {
          "@type": "Question",
          "name": "Můžu si web později upravovat sám?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Můžete, ale upřímně - lepší je to nechat na nás. Vytváříme weby tak, abyste si mohli upravovat základní věci sami. Můžeme vám vytvořit jednoduché administrační rozhraní, nebo vás naučíme, jak na to. Ale z praxe víme, že je lepší nechat změny na profesionálech."
          }
        },
        {
          "@type": "Question",
          "name": "Děláte také e-shopy?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Ano! Vytváříme jednoduché e-shopy speciálně pro malé firmy. Zaměřujeme se na řešení bez měsíčních poplatků, která se snadno ovládají a nepotřebujete k nim IT oddělení."
          }
        },
        {
          "@type": "Question",
          "name": "Co když se mi web nebude líbit?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "To se nestane! Během celého procesu vás pravidelně informujeme a můžete požádat o úpravy. Pokud by se přesto stalo, že finální výsledek nebude odpovídat naší dohodě, určitě najdeme řešení."
          }
        }
      ]
    }
    </script>

    <!-- JSON-LD Structured Data - BreadcrumbList -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "BreadcrumbList",
      "itemListElement": [
        {
          "@type": "ListItem",
          "position": 1,
          "name": "Domů",
          "item": "https://www.loryo.cz/"
        },
        {
          "@type": "ListItem",
          "position": 2,
          "name": "Cenové balíčky", 
          "item": "https://www.loryo.cz/#sluzby"
        },
        {
          "@type": "ListItem",
          "position": 3,
          "name": "Proces",
          "item": "https://www.loryo.cz/#proces"
        },
        {
          "@type": "ListItem",
          "position": 4,
          "name": "FAQ",
          "item": "https://www.loryo.cz/#faq"
        },
        {
          "@type": "ListItem",
          "position": 5,
          "name": "Reference",
          "item": "https://www.loryo.cz/#reference"
        },
        {
          "@type": "ListItem",
          "position": 6,
          "name": "Kontakt",
          "item": "https://www.loryo.cz/#kontakt"
        }
      ]
    }
    </script>

    <!-- JSON-LD Structured Data - Review/Rating -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Organization",
      "name": "LORYO s.r.o.",
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "4.9",
        "reviewCount": "47",
        "bestRating": "5",
        "worstRating": "1"
      },
      "review": [
        {
          "@type": "Review",
          "author": {
            "@type": "Person",
            "name": "Jan Novák"
          },
          "reviewRating": {
            "@type": "Rating",
            "ratingValue": "5",
            "bestRating": "5"
          },
          "reviewBody": "Za 12 dní jsme měli hotový web a už první týden nám přinesl 3 nové zakázky. Investice 15 000 Kč se vyplatila hned.",
          "datePublished": "2024-11-15"
        },
        {
          "@type": "Review", 
          "author": {
            "@type": "Person",
            "name": "Marie Kratochvílová"
          },
          "reviewRating": {
            "@type": "Rating",
            "ratingValue": "5",
            "bestRating": "5"
          },
          "reviewBody": "Konečně profesionální web za rozumnou cenu. Zákazníci nás teď berou vážně a objednávky přicházejí i přes internet.",
          "datePublished": "2024-10-28"
        }
      ]
    }
    </script>

    <!-- JSON-LD Structured Data - How-to Guide -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "HowTo",
      "name": "Jak si objednat webové stránky u LORYO",
      "description": "Jednoduchý 3-krokový proces objednání webových stránek",
      "totalTime": "PT14D",
      "estimatedCost": {
        "@type": "MonetaryAmount",
        "currency": "CZK",
        "value": "15000"
      },
      "step": [
        {
          "@type": "HowToStep",
          "name": "Konzultace a brief",
          "text": "Zavoláme si a probereme vaše potřeby. Do 24 hodin dostanete návrh a cenu.",
          "position": 1,
          "timeRequired": "PT2D"
        },
        {
          "@type": "HowToStep", 
          "name": "Tvorba a vývoj",
          "text": "Postavíme váš web přesně podle představ. Pravidelně vás informujeme o pokroku.",
          "position": 2,
          "timeRequired": "PT10D"
        },
        {
          "@type": "HowToStep",
          "name": "Spuštění a školení",
          "text": "Web spustíme ostře a naučíme vás ho spravovat. Rok technické podpory zdarma.",
          "position": 3,
          "timeRequired": "PT2D"
        }
      ]
    }
    </script>

    <!-- JSON-LD Structured Data - Course/Educational Content -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Course",
      "name": "Jak si vybrat webové stránky pro malou firmu",
      "description": "Komplexní průvodce výběrem správného typu webových stránek pro malé a střední podniky",
      "provider": {
        "@type": "Organization",
        "name": "LORYO s.r.o.",
        "url": "https://www.loryo.cz"
      },
      "hasCourseInstance": {
        "@type": "CourseInstance",
        "courseMode": "online",
        "courseWorkload": "PT30M",
        "instructor": {
          "@type": "Organization", 
          "name": "LORYO s.r.o."
        }
      },
      "teaches": [
        "Výběr typu webových stránek",
        "Cenové kategorie a možnosti",
        "SEO optimalizace základy",
        "Responzivní design důležitost"
      ]
    }
    </script>

    <!-- JSON-LD Structured Data - Future Events -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Event",
      "name": "Bezplatná konzultace webových stránek",
      "description": "15minutová bezplatná konzultace o vašich potřebách pro webové stránky",
      "startDate": "2024-12-20T09:00:00+01:00",
      "endDate": "2024-12-31T17:00:00+01:00",
      "eventStatus": "https://schema.org/EventScheduled",
      "eventAttendanceMode": "https://schema.org/OnlineEventAttendanceMode",
      "location": {
        "@type": "VirtualLocation",
        "url": "https://www.loryo.cz/kontakt"
      },
      "organizer": {
        "@type": "Organization",
        "name": "LORYO s.r.o.",
        "url": "https://www.loryo.cz"
      },
      "offers": {
        "@type": "Offer",
        "price": "0",
        "priceCurrency": "CZK",
        "availability": "https://schema.org/InStock",
        "url": "https://www.loryo.cz/kontakt"
      },
      "audience": {
        "@type": "Audience",
        "audienceType": "Malé a střední firmy"
      }
    }
    </script>

    <!-- JSON-LD Structured Data - Product Catalog -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Product",
      "name": "Profesionální webové stránky LORYO",
      "description": "Kompletní balíček pro tvorbu profesionálních webových stránek za 14 dní",
      "brand": {
        "@type": "Brand",
        "name": "LORYO"
      },
      "manufacturer": {
        "@type": "Organization",
        "name": "LORYO s.r.o."
      },
      "category": "Web Development Services",
      "offers": [
        {
          "@type": "Offer",
          "name": "Web Starter",
          "price": "15000",
          "priceCurrency": "CZK",
          "availability": "https://schema.org/InStock",
          "deliveryLeadTime": "P14D",
          "warranty": "P1Y",
          "seller": {
            "@type": "Organization",
            "name": "LORYO s.r.o."
          }
        },
        {
          "@type": "Offer",
          "name": "Web Business", 
          "price": "25000",
          "priceCurrency": "CZK",
          "availability": "https://schema.org/InStock",
          "deliveryLeadTime": "P14D",
          "warranty": "P1Y"
        }
      ],
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "4.9",
        "reviewCount": "47",
        "bestRating": "5"
      }
    }
    </script>
    
    <!-- JSON-LD Structured Data - WebPage Enhanced -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebPage",
      "@id": "https://www.loryo.cz/#webpage",
      "url": "https://www.loryo.cz/",
      "name": "Tvorba webových stránek pro malé firmy za 14 dní | LORYO Ostrava",
      "description": "Profesionální webové stránky za 14 dní od 15 000 Kč. Specializace na malé firmy, SEO optimalizace, responzivní design. Nezávazná konzultace zdarma.",
      "inLanguage": "cs-CZ",
      "isPartOf": {
        "@type": "WebSite",
        "@id": "https://www.loryo.cz/#website"
      },
      "about": {
        "@type": "Thing",
        "name": "Tvorba webových stránek pro malé firmy"
      },
      "mainEntity": {
        "@type": "Service",
        "name": "Tvorba webových stránek pro malé firmy",
        "provider": {
          "@type": "Organization",
          "name": "LORYO s.r.o."
        }
      },
      "breadcrumb": {
        "@type": "BreadcrumbList",
        "@id": "https://www.loryo.cz/#breadcrumb"
      },
      "potentialAction": [
        {
          "@type": "ReadAction",
          "target": "https://www.loryo.cz/"
        },
        {
          "@type": "InteractAction",
          "target": "https://www.loryo.cz/#kontakt"
        }
      ],
      "speakable": {
        "@type": "SpeakableSpecification",
        "cssSelector": ["h1", ".noscript-hero .subtitle", ".noscript-stats"]
      }
    }
    </script>
    
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "LocalBusiness",
      "@id": "https://www.loryo.cz/#organization",
      "name": "LORYO s.r.o.",
      "image": "https://www.loryo.cz/images/loryo-logo.png",
      "telephone": "+420777123456",
      "email": "info@loryo.cz",
      "url": "https://www.loryo.cz",
      "address": {
        "@type": "PostalAddress",
        "streetAddress": "Jurečkova 1811/18",
        "addressLocality": "Ostrava",
        "postalCode": "700 30",
        "addressCountry": "CZ"
      },
      "geo": {
        "@type": "GeoCoordinates",
        "latitude": 49.8209,
        "longitude": 18.2625
      },
      "openingHoursSpecification": {
        "@type": "OpeningHoursSpecification",
        "dayOfWeek": [
          "Monday",
          "Tuesday", 
          "Wednesday",
          "Thursday",
          "Friday"
        ],
        "opens": "09:00",
        "closes": "17:00"
      },
      "priceRange": "15000-50000 CZK",
      "servedCuisine": "Web Development",
      "serviceArea": {
        "@type": "Country",
        "name": "Czech Republic"
      }
    }
    </script>
    
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Service",
      "serviceType": "Web Development",
      "provider": {
        "@type": "Organization",
        "name": "LORYO s.r.o.",
        "url": "https://www.loryo.cz"
      },
      "areaServed": {
        "@type": "Country",
        "name": "Czech Republic"
      },
      "hasOfferCatalog": {
        "@type": "OfferCatalog",
        "name": "Web Development Services",
        "itemListElement": [
          {
            "@type": "Offer",
            "itemOffered": {
              "@type": "Service",
              "name": "Webové stránky",
              "description": "Profesionální webové stránky pro malé firmy"
            },
            "price": "15000",
            "priceCurrency": "CZK"
          },
          {
            "@type": "Offer", 
            "itemOffered": {
              "@type": "Service",
              "name": "Webové aplikace",
              "description": "Interaktivní webové aplikace pro váš byznys"
            },
            "price": "25000",
            "priceCurrency": "CZK"
          },
          {
            "@type": "Offer",
            "itemOffered": {
              "@type": "Service", 
              "name": "Digitální strategie",
              "description": "Komplexní digitální strategie pro váš růst"
            },
            "price": "8000",
            "priceCurrency": "CZK"
          }
        ]
      }
    }
    </script>

    <!-- JSON-LD Structured Data - Portfolio Projects -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "ItemList",
      "name": "LORYO Portfolio - Realizované projekty",
      "description": "Ukázky našich prací pro různé obory - od zdravotnictví po technologické startupy",
      "itemListElement": [
        {
          "@type": "CreativeWork",
          "name": "SkyGrow - Growth Agency Website",
          "description": "Profesionální web pro growth agenturu specializující se na sociální sítě a digitální marketing",
          "url": "https://skygrow.netlify.app/",
          "image": "https://www.loryo.cz/images/optimized/skygrow-composite.webp",
          "creator": {
            "@type": "Organization",
            "name": "LORYO s.r.o."
          },
          "dateCreated": "2024",
          "genre": ["Web Development", "Single Page Website", "Dark Design"],
          "keywords": "jednostránkový web, tmavý design, SEO optimalizace, rychlé načítání, responzivní design",
          "about": {
            "@type": "Organization",
            "name": "SkyGrow",
            "description": "Growth agency zaměřená na sociální sítě"
          }
        },
        {
          "@type": "CreativeWork",
          "name": "BB Dental Care - Zubní ordinace",
          "description": "Moderní prezentace zubní ordinace s důrazem na důvěru pacientů a snadnou rezervaci",
          "url": "https://bbdentalcare.netlify.app/",
          "image": "https://www.loryo.cz/images/optimized/dental-c.webp",
          "creator": {
            "@type": "Organization",
            "name": "LORYO s.r.o."
          },
          "dateCreated": "2024",
          "genre": ["Web Development", "Healthcare", "Professional"],
          "keywords": "profesionální web, online rezervace, SEO optimalizace, důvěryhodný design",
          "about": {
            "@type": "MedicalOrganization",
            "name": "BB Dental Care",
            "description": "Moderní zubní ordinace"
          }
        },
        {
          "@type": "CreativeWork",
          "name": "Plugsy - Elektromobilita Platform",
          "description": "Landing page pro mobilní aplikaci na nabíjení elektromobilů po celé České republice",
          "url": "https://plugsy.cz",
          "image": "https://www.loryo.cz/images/optimized/plugsy-c.webp",
          "creator": {
            "@type": "Organization",
            "name": "LORYO s.r.o."
          },
          "dateCreated": "2024",
          "genre": ["Web Development", "Mobile App Landing", "E-mobility"],
          "keywords": "landing page, moderní design, UX optimalizace, responzivní web",
          "about": {
            "@type": "Organization",
            "name": "Plugsy",
            "description": "Platforma pro nabíjení elektromobilů"
          }
        },
        {
          "@type": "CreativeWork",
          "name": "The Sharp Barbershop - Stylový barbershop",
          "description": "Stylový web pro barbershop s online rezervačním systémem a moderním designem",
          "url": "https://www.thesharp.cz",
          "creator": {
            "@type": "Organization",
            "name": "LORYO s.r.o."
          },
          "dateCreated": "2024",
          "genre": ["Web Development", "Barbershop", "Lifestyle"],
          "keywords": "stylový design, online rezervace, UX optimalizace, moderní web",
          "about": {
            "@type": "Organization",
            "name": "The Sharp Barbershop",
            "description": "Precizní střihy a profesionální péče"
          }
        }
      ]
    }
    </script>
    <script type="module" crossorigin src="/assets/main-DueGE1ZI.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/vendor-BwlDEzVv.js">
    <link rel="stylesheet" crossorigin href="/assets/app-DDZxo8wC.css">
    <link rel="stylesheet" crossorigin href="/assets/cookie-banner-5YeyHzkX.css">
  </head>
  <body>
    <!-- WORKING LOGO HEADER -->
    <header style="position: fixed; top: 0; left: 0; width: 100%; height: 80px; background: rgba(245, 243, 240, 0.95); backdrop-filter: blur(20px); border-bottom: 1px solid rgba(27, 31, 54, 0.08); z-index: 1000; display: flex; align-items: center; justify-content: space-between; padding: 0 40px;">
      <!-- ORIGINAL LORYO LOGO AS WebP -->
      <img src="/images/loryo-logo.png" alt="LORYO" width="160" height="48" />
      <nav style="display: flex; align-items: center; gap: 32px;">
        <a href="/" style="color: #64748b; text-decoration: none; font-weight: 500; padding: 12px 20px; border-radius: 50px; transition: all 0.3s;">Domů</a>
        <a href="/nase-prace" style="color: #64748b; text-decoration: none; font-weight: 500; padding: 12px 20px; border-radius: 50px; transition: all 0.3s;">Naše práce</a>
        <a href="#kontakt" style="background: linear-gradient(135deg, #ce9e76 0%, #d4a97a 100%); color: white; text-decoration: none; font-weight: 600; padding: 12px 24px; border-radius: 50px; transition: all 0.3s;">Napiš nám</a>
      </nav>
    </header>

    
    <div id="app">
      
      <!-- Optimized loading indicator for Core Web Vitals -->
      <div id="loading-indicator" class="loading-indicator">
        <div class="loading-spinner"></div>
        Načítání...
      </div>
      
      <!-- Critical CSS for noscript -->
      <style>
        .noscript-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif; line-height: 1.6; color: #333; }
        .noscript-header { background: linear-gradient(135deg, #1B1F36 0%, #2A2F4A 100%); color: white; padding: 3rem 0; text-align: center; margin-bottom: 0; }
        .noscript-logo { font-size: 2.5rem; font-weight: 700; color: #00d4aa; margin-bottom: 0.5rem; }
        .noscript-tagline { font-size: 1.3rem; opacity: 0.95; font-weight: 500; }
        .noscript-hero { background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); padding: 4rem 0; text-align: center; margin-bottom: 0; }
        .noscript-hero h1 { font-size: 3rem; color: #1B1F36; margin-bottom: 1.5rem; font-weight: 700; line-height: 1.2; }
        .noscript-hero .subtitle { font-size: 1.4rem; color: #495057; margin-bottom: 1rem; font-weight: 500; }
        .noscript-hero .description { font-size: 1.1rem; color: #6c757d; margin-bottom: 2.5rem; max-width: 600px; margin-left: auto; margin-right: auto; }
        .noscript-cta-group { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; margin-bottom: 2rem; }
        .noscript-btn-primary { background: #00d4aa; color: white; padding: 15px 30px; text-decoration: none; border-radius: 8px; font-weight: 600; font-size: 1.1rem; display: inline-block; transition: all 0.3s; }
        .noscript-btn-secondary { background: transparent; color: #00d4aa; padding: 15px 30px; text-decoration: none; border: 2px solid #00d4aa; border-radius: 8px; font-weight: 600; font-size: 1.1rem; display: inline-block; }
        .noscript-stats { display: flex; justify-content: center; gap: 3rem; margin-top: 2rem; flex-wrap: wrap; }
        .noscript-stat { text-align: center; }
        .noscript-stat-number { font-size: 2rem; font-weight: 700; color: #00d4aa; display: block; }
        .noscript-stat-label { font-size: 0.9rem; color: #6c757d; text-transform: uppercase; letter-spacing: 0.5px; }
        .noscript-section { padding: 4rem 0; }
        .noscript-section:nth-child(even) { background: #f8f9fa; }
        .noscript-section h2 { font-size: 2.5rem; color: #1B1F36; text-align: center; margin-bottom: 1rem; font-weight: 700; }
        .noscript-section .section-subtitle { text-align: center; font-size: 1.2rem; color: #6c757d; margin-bottom: 3rem; max-width: 600px; margin-left: auto; margin-right: auto; }
        .noscript-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 2rem; margin-bottom: 3rem; }
        .noscript-card { background: white; padding: 2.5rem; border-radius: 16px; box-shadow: 0 8px 32px rgba(0,0,0,0.1); text-align: left; border: 1px solid #e9ecef; }
        .noscript-card h3 { color: #1B1F36; margin-bottom: 1rem; font-size: 1.4rem; font-weight: 600; }
        .noscript-card p { color: #6c757d; margin-bottom: 1rem; font-size: 1rem; }
        .noscript-card .features { list-style: none; padding: 0; margin: 1.5rem 0; }
        .noscript-card .features li { padding: 0.5rem 0; color: #495057; font-size: 0.95rem; }
        .noscript-card .features li:before { content: '✓'; color: #00d4aa; font-weight: bold; margin-right: 0.5rem; }
        .noscript-price { font-size: 2rem; font-weight: 700; color: #1B1F36; margin: 1.5rem 0; }
        .noscript-price .from { font-size: 1rem; font-weight: normal; color: #6c757d; }
        .noscript-process { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; }
        .noscript-step { text-align: center; padding: 2rem; }
        .noscript-step-number { width: 60px; height: 60px; background: #00d4aa; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; font-weight: 700; margin: 0 auto 1rem; }
        .noscript-step h4 { color: #1B1F36; margin-bottom: 1rem; font-size: 1.2rem; }
        .noscript-projects { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2rem; }
        .noscript-project { background: white; border-radius: 12px; overflow: hidden; box-shadow: 0 6px 24px rgba(0,0,0,0.1); }
        .noscript-project-image { height: 160px; background: linear-gradient(135deg, #00d4aa 0%, #0099cc 100%); display: flex; align-items: center; justify-content: center; color: white; font-weight: 600; font-size: 1.1rem; }
        .noscript-project-content { padding: 1.5rem; }
        .noscript-project h4 { color: #1B1F36; margin-bottom: 0.5rem; font-size: 1.3rem; }
        .noscript-project .tags { margin-bottom: 1rem; }
        .noscript-project .tag { background: #e3f2fd; color: #1976d2; padding: 0.25rem 0.75rem; border-radius: 20px; font-size: 0.8rem; margin-right: 0.5rem; }
        .noscript-footer { background: #1B1F36; color: white; padding: 4rem 0 2rem; }
        .noscript-footer-content { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 3rem; margin-bottom: 3rem; }
        .noscript-footer h4 { color: #00d4aa; margin-bottom: 1.5rem; font-size: 1.2rem; }
        .noscript-footer a { color: #ffffff; text-decoration: none; display: block; margin-bottom: 0.5rem; }
        .noscript-footer a:hover { color: #00d4aa; }
        .noscript-footer-bottom { border-top: 1px solid #495057; padding-top: 2rem; text-align: center; color: #adb5bd; }
        
        /* FAQ Styles */
        .noscript-faq { max-width: 800px; margin: 0 auto; }
        .noscript-faq-item { background: white; margin-bottom: 1rem; border-radius: 12px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); overflow: hidden; }
        .noscript-faq-question { 
          background: linear-gradient(135deg, #1B1F36 0%, #2A2F4A 100%); 
          color: white; 
          padding: 1.5rem; 
          margin: 0; 
          font-size: 1.1rem; 
          font-weight: 600; 
          cursor: pointer;
          display: flex;
          align-items: center;
          justify-content: space-between;
        }
        .noscript-faq-question:after { 
          content: '+'; 
          font-size: 1.5rem; 
          font-weight: bold; 
          color: #00d4aa; 
          transition: transform 0.3s ease; 
        }
        .noscript-faq-item.active .noscript-faq-question:after { transform: rotate(45deg); }
        .noscript-faq-answer { 
          padding: 1.5rem; 
          background: white; 
          border-top: 2px solid #00d4aa; 
        }
        .noscript-faq-answer p { 
          margin: 0; 
          color: #495057; 
          line-height: 1.6; 
        }
        
        @media (max-width: 768px) {
          .noscript-hero h1 { font-size: 2.2rem; }
          .noscript-cta-group { flex-direction: column; align-items: center; }
          .noscript-stats { gap: 2rem; }
          .noscript-grid { grid-template-columns: 1fr; }
          .noscript-faq-question { font-size: 1rem; padding: 1.25rem; }
          .noscript-faq-answer { padding: 1.25rem; }
        }
      </style>

      <!-- Fallback content for non-JS users and SEO -->
      <noscript>
        <div class="noscript-container">
          <!-- Header with semantic structure -->
          <header class="noscript-header" role="banner" itemscope itemtype="https://schema.org/Organization">
            <div class="noscript-logo" aria-label="LORYO logo">LORYO</div>
            <div class="noscript-tagline">Weby a appky. Chytře a rychle.</div>
          </header>

          <!-- Hero -->
          <main role="main">
          <article class="noscript-hero" itemscope itemtype="https://schema.org/Service">
            <h1 itemprop="name">Weby a appky. Chytře a rychle</h1>
            <p class="subtitle">Neradi zdržujeme. Potřebujete web, my víme jak.</p>
            <p class="description">Za 2 týdny máte hotovo a můžete růst.</p>
            
            <div class="noscript-cta-group">
              <a href="mailto:info@loryo.cz?subject=Poptávka webových stránek&body=Dobrý den,%0D%0A%0D%0Aměl/a bych zájem o:" class="noscript-btn-primary" aria-label="Napiš nám">
                📧 Napiš nám
              </a>
              <a href="/nase-prace" class="noscript-btn-secondary" aria-label="Naše práce">
                📁 Naše práce
              </a>
            </div>
            
            <div style="text-align: center; margin-top: 2rem;">
              <p style="margin-bottom: 1rem; color: #6c757d;">Nebo si prohlédněte naše <a href="#sluzby" style="color: #00d4aa; text-decoration: none; font-weight: 600;">cenové balíčky</a>, <a href="#projekty" style="color: #00d4aa; text-decoration: none; font-weight: 600;">realizované projekty</a> a <a href="#faq" style="color: #00d4aa; text-decoration: none; font-weight: 600;">často kladené otázky</a></p>
            </div>

            <div class="noscript-stats" aria-label="Naše výsledky">
              <div class="noscript-stat">
                <span class="noscript-stat-number">100%</span>
                <span class="noscript-stat-label">Spokojení klienti</span>
              </div>
              <div class="noscript-stat">
                <span class="noscript-stat-number">14 dní</span>
                <span class="noscript-stat-label">Průměrná doba dodání</span>
              </div>
              <div class="noscript-stat">
                <span class="noscript-stat-number">24h</span>
                <span class="noscript-stat-label">Doba odezvy</span>
              </div>
            </div>
          </section>

          <!-- Services/Pricing -->
          <section class="noscript-section" id="sluzby" aria-labelledby="services-heading" itemscope itemtype="https://schema.org/ItemList">
            <h2 id="services-heading" itemprop="name">Co umíme</h2>
            <p class="section-subtitle">Malé firmy si zaslouží chytré řešení – rychle, jednoduše, s výsledkem. Žádné zdržování, žádné výmluvy.</p>
            
            <div class="noscript-grid">
              <div class="noscript-card">
                <h3>🌐 Webové stránky</h3>
                <div class="noscript-price">
                  <span class="from">od</span> 15 000 Kč
                </div>
                <p>Web, který prostě funguje. Žádné komplikace, rychle hotovo, vaši zákazníci vás najdou.</p>
                <ul class="features">
                  <li>Dodání za 7-14 dní</li>
                  <li>SEO optimalizace</li>
                  <li>Mobilní verze</li>
                  <li>Snadná správa obsahu</li>
                </ul>
              </div>
              
              <div class="noscript-card">
                <h3>⚡ Webové aplikace</h3>
                <div class="noscript-price">
                  <span class="from">od</span> 25 000 Kč
                </div>
                <p>Interaktivní webové aplikace pro váš byznys. Bez zbytečných složitostí. Postavíme, spustíme, funguje.</p>
              </div>
              
              <div class="noscript-card">
                <h3>🎯 Digitální strategie</h3>
                <div class="noscript-price">
                  <span class="from">od</span> 8 000 Kč
                </div>
                <p>Víme, jak to rozjet online. Konkrétní kroky, žádné teorie. Zákazníci přijdou.</p>
              </div>
            </div>
          </section>

          <!-- Process -->
          <section class="noscript-section" aria-labelledby="process-heading">
            <h2 id="process-heading">Jak to funguje</h2>
            <p class="section-subtitle">Nejsme korporát. Jsme Loryo. Jednoduchý proces, jasné kroky, výsledek za 2 týdny.</p>
            
            <div class="noscript-process">
              <div class="noscript-step">
                <div class="noscript-step-number">1</div>
                <h4>Zavoláme si</h4>
                <p>Řeknete nám, co potřebujete. My vám do 24 hodin pošleme návrh a cenu. Žádné zdržování.</p>
                <small><strong>1-2 dny</strong></small>
              </div>
              <div class="noscript-step">
                <div class="noscript-step-number">2</div>
                <h4>Tvoříme</h4>
                <p>Postavíme váš web přesně jak chcete. Zeptáme se, když nevíme. Opravíme, když se spleteme.</p>
                <small><strong>7-14 dní</strong></small>
              </div>
              <div class="noscript-step">
                <div class="noscript-step-number">3</div>
                <h4>Spouštíme</h4>
                <p>Web spustíme a naučíme vás ho ovládat. Pokud něco nejde, stačí zavolat.</p>
                <small><strong>1-2 dny</strong></small>
              </div>
            </div>
          </section>

          <!-- Projects -->
          <section class="noscript-section" id="projekty" aria-labelledby="projects-heading">
            <h2 id="projects-heading">Reference a realizované projekty</h2>
            <p class="section-subtitle">Ukázky našich prací pro různé obory - od zdravotnictví po technologické startupy.</p>
            
            <div class="noscript-projects">
              <div class="noscript-project">
                <div class="noscript-project-image">SkyGrow Agency</div>
                <div class="noscript-project-content">
                  <h4><a href="https://skygrow.netlify.app/" target="_blank" rel="noopener">SkyGrow</a></h4>
                  <div class="tags">
                    <span class="tag">Jednostránkový web</span>
                    <span class="tag">Tmavý design</span>
                    <span class="tag">SEO optimalizace</span>
                  </div>
                  <p>Profesionální web pro growth agenturu specializující se na sociální sítě a digitální marketing.</p>
                </div>
              </div>
              
              <div class="noscript-project">
                <div class="noscript-project-image">BB Dental Care</div>
                <div class="noscript-project-content">
                  <h4><a href="https://bbdentalcare.netlify.app/" target="_blank" rel="noopener">BB Dental Care</a></h4>
                  <div class="tags">
                    <span class="tag">Zdravotnictví</span>
                    <span class="tag">Profesionální</span>
                    <span class="tag">SEO</span>
                  </div>
                  <p>Moderní prezentace zubní ordinace s důrazem na důvěru pacientů a snadnou rezervaci.</p>
                </div>
              </div>
              
              <div class="noscript-project">
                <div class="noscript-project-image">Plugsy Platform</div>
                <div class="noscript-project-content">
                  <h4><a href="https://plugsy.cz" target="_blank" rel="noopener">Plugsy</a></h4>
                  <div class="tags">
                    <span class="tag">Elektromobilita</span>
                    <span class="tag">App Landing</span>
                    <span class="tag">E-commerce</span>
                  </div>
                  <p>Landing page pro mobilní aplikaci na nabíjení elektromobilů po celé České republice.</p>
                </div>
              </div>
              
              <div class="noscript-project">
                <div class="noscript-project-image">The Sharp Barbershop</div>
                <div class="noscript-project-content">
                  <h4><a href="https://www.thesharp.cz" target="_blank" rel="noopener">The Sharp Barbershop</a></h4>
                  <div class="tags">
                    <span class="tag">Barbershop</span>
                    <span class="tag">Rezervace</span>
                    <span class="tag">Lifestyle</span>
                  </div>
                  <p>Stylový web pro barbershop s online rezervačním systémem a moderním designem.</p>
                </div>
              </div>
            </div>
          </section>

          <!-- FAQ Section -->
          <section class="noscript-section" id="faq" aria-labelledby="faq-heading">
            <h2 id="faq-heading">Často kladené otázky</h2>
            <p class="section-subtitle">Odpovědi na nejčastější dotazy o tvorbě webových stránek</p>
            
            <div class="noscript-faq">
              <div class="noscript-faq-item">
                <h3 class="noscript-faq-question">Jak dlouho trvá tvorba webových stránek?</h3>
                <div class="noscript-faq-answer">
                  <p>Standardní webové stránky dokončujeme za 14 dní. Proces zahrnuje brief a analýzu (1-2 dny), design a prototyp (3-5 dnů), vývoj a testování (7-10 dnů) a launch s podporou (1-2 dny).</p>
                </div>
              </div>

              <div class="noscript-faq-item">
                <h3 class="noscript-faq-question">Kolik stojí tvorba webových stránek?</h3>
                <div class="noscript-faq-answer">
                  <p>Naše cenové balíčky začínají od 15 000 Kč za Web Starter, 25 000 Kč za Web Business a 8 000 Kč za digitální strategii. Všechny ceny zahrnují SEO optimalizaci a technickou podporu.</p>
                </div>
              </div>

              <div class="noscript-faq-item">
                <h3 class="noscript-faq-question">Jsou webové stránky optimalizované pro SEO?</h3>
                <div class="noscript-faq-answer">
                  <p>Ano, všechny naše webové stránky zahrnují základní SEO optimalizaci - rychlost načítání, responzivní design, meta tagy, strukturovaná data a optimalizaci pro vyhledávače.</p>
                </div>
              </div>

              <div class="noscript-faq-item">
                <h3 class="noscript-faq-question">Poskytujete technickou podporu?</h3>
                <div class="noscript-faq-answer">
                  <p>Ano, všechny naše balíčky zahrnují 1 rok technické podpory s pravidelnými updates a možností konzultací. Odpovídáme do 24 hodin.</p>
                </div>
              </div>

              <div class="noscript-faq-item">
                <h3 class="noscript-faq-question">Jaké technologie používáte pro vývoj webů?</h3>
                <div class="noscript-faq-answer">
                  <p>Používáme moderní technologie jako React/Preact, moderní CSS, progresivní HTML5 a rychlé hostingové řešení. Všechny weby jsou responzivní a optimalizované pro rychlost.</p>
                </div>
              </div>

              <div class="noscript-faq-item">
                <h3 class="noscript-faq-question">Můžu si web později upravovat sám?</h3>
                <div class="noscript-faq-answer">
                  <p>Ano, vytváříme weby s jednoduchým administračním rozhraním nebo vás naučíme základní úpravy. Pokud potřebujete větší změny, rádi pomůžeme.</p>
                </div>
              </div>

              <div class="noscript-faq-item">
                <h3 class="noscript-faq-question">Děláte také e-shopy?</h3>
                <div class="noscript-faq-answer">
                  <p>Ano, vytváříme jednoduché e-shopy pro malé firmy. Specializujeme se na řešení bez měsíčních poplatků s jednoduchým ovládáním.</p>
                </div>
              </div>

              <div class="noscript-faq-item">
                <h3 class="noscript-faq-question">Pracujete i s firmami mimo Prahu?</h3>
                <div class="noscript-faq-answer">
                  <p>Samozřejmě! Většinu komunikace řešíme online, takže můžeme pracovat s klienty z celé České republiky i Slovenska.</p>
                </div>
              </div>

              <div class="noscript-faq-item">
                <h3 class="noscript-faq-question">Co když se mi web nebude líbit?</h3>
                <div class="noscript-faq-answer">
                  <p>Během vývoje vás pravidelně informujeme a umožňujeme korektury. Pokud by finální výsledek neodpovídal dohodě, najdeme řešení.</p>
                </div>
              </div>
            </div>
          </section>

          <!-- Footer -->
          <footer class="noscript-footer" role="contentinfo" id="kontakt">
            <div class="noscript-footer-content">
              <div>
                <h4>Kontakt</h4>
                <a href="mailto:info@loryo.cz" aria-label="Email">📧 info@loryo.cz</a>
                <a href="tel:+420777123456" aria-label="Telefon">📞 +420 777 123 456</a>
                <p>🏢 Ostrava, Česká republika</p>
                <p>⏰ Odpovídáme do 24 hodin</p>
              </div>
              
              <div>
                <h4>Služby</h4>
                <a href="/webove-stranky">Tvorba webových stránek</a>
                <a href="/webove-aplikace">Webové aplikace na míru</a>
                <a href="/digitalni-strategie">Digitální strategie</a>
                <a href="#projekty">Portfolio projektů</a>
                <a href="/blog">Blog a rady</a>
                <a href="#faq">Často kladené otázky</a>
              </div>
              
              <div>
                <h4>Firma</h4>
                <p>LORYO s.r.o.</p>
                <p>IČO: 12345678</p>
                <p>Specializace: Malé a střední firmy</p>
                <p>Založeno: 2024</p>
              </div>
              
              <div>
                <h4>Rychlý kontakt</h4>
                <a href="mailto:info@loryo.cz?subject=Poptávka webových stránek" class="noscript-btn-primary" style="display: inline-block; margin-bottom: 1rem;">
                  Získat nabídku do 24h
                </a>
                <p><small>Nezávazná konzultace zdarma<br>Transparentní ceník<br>Rychlé dodání za 14 dní</small></p>
              </div>
            </div>
            
            <div class="noscript-footer-bottom">
              <p>© 2024 LORYO s.r.o. Všechna práva vyhrazena. | Tvorba webových stránek Ostrava</p>
              <p style="margin-top: 1rem; font-size: 0.9rem;">Pro plnou funkcionalitu a interaktivní prvky prosím povolte JavaScript v prohlížeči.</p>
            </div>
          </footer>
        </div>
      </noscript>
    </div>
    
    <!-- Cookie Banner External Files -->
    
    <!-- Cookie Consent Banner -->
    <div id="cookie-banner" class="cookie-banner">
      <div class="cookie-banner-content">
        <div class="cookie-banner-text">
          <div class="cookie-banner-icon">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none">
              <circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="2"/>
              <circle cx="8" cy="14" r="1" fill="currentColor"/>
              <circle cx="16" cy="10" r="1" fill="currentColor"/>
              <circle cx="12" cy="17" r="1" fill="currentColor"/>
              <circle cx="7" cy="9" r="1" fill="currentColor"/>
              <circle cx="15" cy="15" r="1" fill="currentColor"/>
            </svg>
          </div>
          <div>
            <h4>Používáme cookies</h4>
            <p>Náš web používá cookies pro zlepšení vašeho zážitku a analytiku. Více informací najdete v našich <a href="/ochrana-osobnich-udaju">zásadách ochrany osobních údajů</a>.</p>
          </div>
        </div>
        <div class="cookie-banner-actions">
          <button id="cookie-reject" class="btn btn-outline btn-sm">Odmítnout</button>
          <button id="cookie-settings" class="btn btn-secondary btn-sm">Nastavení</button>
          <button id="cookie-accept" class="btn btn-primary btn-sm" style="background: linear-gradient(135deg, #D9A57E 0%, #E2B48A 50%, #D9A57E 100%) !important; border: 2px solid #D9A57E !important; color: white !important; font-weight: 600 !important; padding: 0.75rem 1.25rem !important; box-shadow: 0 2px 8px rgba(217, 165, 126, 0.4) !important; animation: subtle-glow 3s ease-in-out infinite !important;">Přijmout vše</button>
        </div>
      </div>
    </div>

    <!-- Cookie Settings Modal -->
    <div id="cookie-modal" class="cookie-modal">
      <div class="cookie-modal-content">
        <div class="cookie-modal-header">
          <h3>Nastavení cookies</h3>
          <button id="cookie-modal-close" class="cookie-modal-close">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none">
              <path d="M18 6L6 18M6 6L18 18" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
            </svg>
          </button>
        </div>
        
        <div class="cookie-modal-body">
          <p>Vyberte, které cookies chcete povolit. Vaše volba bude uložena na 12 měsíců.</p>
          
          <div class="cookie-category">
            <div class="cookie-category-header">
              <h4>Nezbytné cookies</h4>
              <span class="cookie-status required">Povinné</span>
            </div>
            <p>Tyto cookies jsou nezbytné pro správné fungování webu a nelze je vypnout.</p>
          </div>
          
          <div class="cookie-category">
            <div class="cookie-category-header">
              <h4>Analytické cookies</h4>
              <label class="cookie-toggle">
                <input type="checkbox" id="analytics-cookies" checked>
                <span class="cookie-toggle-slider"></span>
              </label>
            </div>
            <p>Pomáhají nám pochopit, jak návštěvníci používají naše stránky. Používáme Google Analytics s anonymizací IP adres.</p>
          </div>
        </div>
        
        <div class="cookie-modal-footer">
          <button id="cookie-save" class="btn btn-primary">Uložit nastavení</button>
          <button id="cookie-accept-all" class="btn btn-secondary">Přijmout vše</button>
        </div>
      </div>
    </div>



    <!-- Cookie Banner External Script -->
    <script src="/cookie-banner.js"></script>

    <script>
      // Fallback - skryj loading indicator i bez React
      window.addEventListener('load', function() {
        setTimeout(() => {
          const loadingIndicator = document.getElementById('loading-indicator');
          if (loadingIndicator) {
            loadingIndicator.style.opacity = '0';
            loadingIndicator.style.transition = 'opacity 0.3s ease-out';
            setTimeout(() => {
              loadingIndicator.style.display = 'none';
            }, 300);
          }
        }, 1000);
      });
    </script>
  </body>
</html> 