<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    
    <!-- Preconnect to external resources for faster loading -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    
    <!-- DNS prefetch as fallback -->
    <link rel="dns-prefetch" href="https://fonts.googleapis.com" />
    <link rel="dns-prefetch" href="https://fonts.gstatic.com" />
    
    <!-- Preload LCP hero image for faster FCP -->
    <link rel="preload" as="image" href="/images/Hero-New.png" fetchpriority="high" type="image/png" />
    <link rel="preload" as="image" href="/images/Core-5.png" fetchpriority="high" type="image/png" />
    
    <!-- Preload custom fonts to break dependency chain -->
    <link rel="preload" as="font" href="/fonts/Ethnocentric-Regular.otf" type="font/otf" crossorigin="anonymous" />
    <link rel="preload" as="font" href="/fonts/Tall_King-Regular.otf" type="font/otf" crossorigin="anonymous" />
    
    <!-- Non-render-blocking font loading with font-display: swap -->
    <link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400&family=Inter:wght@300;400;500;600&family=Kanit:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,800&family=Montserrat:wght@400;500;600;700;800&display=swap" />
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400&family=Inter:wght@300;400;500;600&family=Kanit:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,800&family=Montserrat:wght@400;500;600;700;800&display=swap" media="print" onload="this.media='all'" />
    <noscript>
      <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400&family=Inter:wght@300;400;500;600&family=Kanit:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,800&family=Montserrat:wght@400;500;600;700;800&display=swap" />
    </noscript>
    
    <meta name="author" content="Zone 5" />

    <!-- og:type, og:image, twitter:card, twitter:image managed per-page by SEO component -->

    <!-- Favicon -->
    <link rel="icon" href="/favicon.png" type="image/png" />
    <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
    
    <!-- Structured Data - LocalBusiness -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "LocalBusiness",
      "@id": "https://zone5.com/#localbusiness",
      "name": "Zone 5",
      "description": "Zone 5 is Florida's first complete home efficiency solutions company, providing solar energy, HVAC, roofing, windows and doors, and home automation services.",
      "url": "https://zone5.com",
      "logo": "https://zone5.com/images/Zone-5-logo.png",
      "image": "https://zone5.com/images/Zone-5-logo.png",
      "telephone": "+1-877-966-3584",
      "email": "customerservice@zone5.com",
      "priceRange": "$$",
      "address": {
        "@type": "PostalAddress",
        "streetAddress": "1413 Tech Blvd, #114",
        "addressLocality": "Tampa",
        "addressRegion": "FL",
        "postalCode": "33619",
        "addressCountry": "US"
      },
      "geo": {
        "@type": "GeoCoordinates",
        "latitude": 27.9470,
        "longitude": -82.4020
      },
      "founder": {
        "@type": "Person",
        "name": "Miguel Delgado",
        "jobTitle": "CEO",
        "image": "https://zone5.com/images/Miguel-CEO.png"
      },
      "areaServed": [
        {
          "@type": "State",
          "name": "Florida"
        },
        {
          "@type": "State",
          "name": "Texas"
        },
        {
          "@type": "State",
          "name": "Ohio"
        },
        {
          "@type": "State",
          "name": "Pennsylvania"
        }
      ],
      "openingHoursSpecification": [
        {
          "@type": "OpeningHoursSpecification",
          "dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday"],
          "opens": "10:00",
          "closes": "18:00"
        }
      ],
      "sameAs": [
        "https://www.instagram.com/zone5official/",
        "https://www.facebook.com/profile.php?id=61554651498498",
        "https://www.youtube.com/@Zone5Official"
      ],
      "hasOfferCatalog": {
        "@type": "OfferCatalog",
        "name": "Home Efficiency Services",
        "itemListElement": [
          {
            "@type": "Offer",
            "itemOffered": {
              "@type": "Service",
              "name": "Solar Energy Systems"
            }
          },
          {
            "@type": "Offer",
            "itemOffered": {
              "@type": "Service",
              "name": "HVAC Systems"
            }
          },
          {
            "@type": "Offer",
            "itemOffered": {
              "@type": "Service",
              "name": "Roofing"
            }
          },
          {
            "@type": "Offer",
            "itemOffered": {
              "@type": "Service",
              "name": "Windows & Doors"
            }
          },
          {
            "@type": "Offer",
            "itemOffered": {
              "@type": "Service",
              "name": "Home Automation"
            }
          }
        ]
      },
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "4.9",
        "bestRating": "5",
        "worstRating": "1",
        "ratingCount": "429",
        "reviewCount": "429"
      }
    }
    </script>

    <!-- Structured Data - Organization -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Organization",
      "@id": "https://zone5.com/#organization",
      "name": "Zone 5",
      "description": "Zone 5 is Florida's first complete home efficiency solutions company, providing solar energy, HVAC, roofing, windows and doors, and home automation services.",
      "url": "https://zone5.com",
      "logo": "https://zone5.com/images/Zone-5-logo.png",
      "slogan": "Florida's First Complete Home Efficiency Solutions Company",
      "foundingLocation": {
        "@type": "Place",
        "name": "Tampa, Florida"
      },
      "founder": {
        "@type": "Person",
        "name": "Miguel Delgado",
        "jobTitle": "CEO",
        "image": "https://zone5.com/images/Miguel-CEO.png"
      },
      "contactPoint": {
        "@type": "ContactPoint",
        "telephone": "+1-877-966-3584",
        "email": "customerservice@zone5.com",
        "contactType": "customer service",
        "availableLanguage": ["English", "Spanish"]
      },
      "sameAs": [
        "https://www.instagram.com/zone5official/",
        "https://www.facebook.com/profile.php?id=61554651498498",
        "https://www.youtube.com/@Zone5Official"
      ],
      "knowsAbout": [
        "Solar Energy Systems",
        "HVAC Installation and Repair",
        "Roofing",
        "Impact Windows and Doors",
        "Smart Home Automation",
        "Energy Efficiency",
        "Home Improvement",
        "Water Filtration",
        "Insulation"
      ]
    }
    </script>

    <!-- Structured Data - Services -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@graph": [
        {
          "@type": "Service",
          "@id": "https://zone5.com/#solar-service",
          "name": "Solar Energy Systems",
          "serviceType": "Solar Panel Installation",
          "description": "Transform your home into a self-sustaining powerhouse with our premium solar panel systems. High-efficiency monocrystalline panels paired with Tesla Powerwall battery storage for complete energy independence.",
          "provider": { "@id": "https://zone5.com/#localbusiness" },
          "areaServed": ["Florida", "Texas", "Ohio", "Pennsylvania"],
          "url": "https://zone5.com/core-5#solar",
          "image": "https://zone5.com/images/Solar-website.png",
          "hasOfferCatalog": {
            "@type": "OfferCatalog",
            "name": "Solar Features",
            "itemListElement": [
              "High-efficiency monocrystalline panels",
              "25-year performance warranty",
              "Smart monitoring & app control",
              "Net metering eligible",
              "Battery backup options"
            ]
          }
        },
        {
          "@type": "Service",
          "@id": "https://zone5.com/#hvac-service",
          "name": "HVAC Systems",
          "serviceType": "HVAC Installation and Repair",
          "description": "State-of-the-art heating, ventilation, and air conditioning systems with SEER 20+ efficiency rating. Variable-speed compressors, smart thermostats, and advanced air purification for perfect comfort in every room.",
          "provider": { "@id": "https://zone5.com/#localbusiness" },
          "areaServed": ["Florida", "Texas", "Ohio", "Pennsylvania"],
          "url": "https://zone5.com/core-5#hvac",
          "image": "https://zone5.com/images/HVAC-website-Replacement.png",
          "hasOfferCatalog": {
            "@type": "OfferCatalog",
            "name": "HVAC Features",
            "itemListElement": [
              "SEER 20+ efficiency rating",
              "Smart thermostat integration",
              "Multi-zone climate control",
              "Advanced air purification",
              "Variable-speed compressors"
            ]
          }
        },
        {
          "@type": "Service",
          "@id": "https://zone5.com/#roofing-service",
          "name": "Roofing",
          "serviceType": "Roof Installation",
          "description": "Metal and shingle roofing solutions combining unmatched durability with superior energy efficiency. Hurricane resistant up to 180 mph with 50+ year guaranteed lifespan and lifetime transferable warranty.",
          "provider": { "@id": "https://zone5.com/#localbusiness" },
          "areaServed": ["Florida", "Texas", "Ohio", "Pennsylvania"],
          "url": "https://zone5.com/core-5#roofing",
          "image": "https://zone5.com/images/Roofing-website.png",
          "hasOfferCatalog": {
            "@type": "OfferCatalog",
            "name": "Roofing Features",
            "itemListElement": [
              "50+ year lifespan guaranteed",
              "Energy Star rated materials",
              "Hurricane resistant up to 180 mph",
              "Lifetime transferable warranty",
              "Metal and shingle options"
            ]
          }
        },
        {
          "@type": "Service",
          "@id": "https://zone5.com/#windows-doors-service",
          "name": "Impact Windows and Doors",
          "serviceType": "Window and Door Installation",
          "description": "Energy-efficient impact-rated windows and doors with triple-pane insulated glass that dramatically reduce heat transfer, block harmful UV rays, and enhance home security while meeting the strictest Florida building codes.",
          "provider": { "@id": "https://zone5.com/#localbusiness" },
          "areaServed": ["Florida", "Texas", "Ohio", "Pennsylvania"],
          "url": "https://zone5.com/core-5#windows",
          "image": "https://zone5.com/images/Doors-Windows-website.png",
          "hasOfferCatalog": {
            "@type": "OfferCatalog",
            "name": "Windows & Doors Features",
            "itemListElement": [
              "Triple-pane insulated glass",
              "Low-E protective coating",
              "Argon gas filled chambers",
              "Superior noise reduction",
              "Hurricane and storm ready"
            ]
          }
        },
        {
          "@type": "Service",
          "@id": "https://zone5.com/#automation-service",
          "name": "Smart Home Automation",
          "serviceType": "Home Automation Installation",
          "description": "Integrated home automation systems connecting all efficiency solutions for seamless control and monitoring from anywhere. Smart doorbells, security cameras, integrated lighting, climate control, and voice control compatibility.",
          "provider": { "@id": "https://zone5.com/#localbusiness" },
          "areaServed": ["Florida", "Texas", "Ohio", "Pennsylvania"],
          "url": "https://zone5.com/core-5#automation",
          "image": "https://zone5.com/images/Home-Automation-website.png",
          "hasOfferCatalog": {
            "@type": "OfferCatalog",
            "name": "Home Automation Features",
            "itemListElement": [
              "Remote access anywhere",
              "Real-time energy tracking",
              "Voice control compatible",
              "Security system integration",
              "Smart thermostat control"
            ]
          }
        }
      ]
    }
    </script>
    
    <script type="module" crossorigin src="/assets/index-zGvGrvAv.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-D27cxz95.css">
  <script defer src="/~flock.js" data-proxy-url="/~api/analytics"></script><meta property="og:image" content="https://storage.googleapis.com/gpt-engineer-file-uploads/Yf3JJxW63mVA9BMknywtonJ0QE02/social-images/social-1768422440243-Screenshot 2026-01-14 at 3.19.35 PM.png"><meta name="twitter:image" content="https://storage.googleapis.com/gpt-engineer-file-uploads/Yf3JJxW63mVA9BMknywtonJ0QE02/social-images/social-1768422440243-Screenshot 2026-01-14 at 3.19.35 PM.png"></head>

  <body>
    <!-- Critical inline CSS for faster initial render (FCP optimization) -->
    <style>
      /* Critical path CSS - inlined for immediate render */
      :root {
        --background: 0 0% 0%;
        --foreground: 40 20% 95%;
        --primary: 38 45% 55%;
      }
      *, *::before, *::after { box-sizing: border-box; }
      body {
        background-color: hsl(0 0% 0%);
        color: hsl(40 20% 95%);
        margin: 0;
        min-height: 100vh;
        font-family: 'Inter', system-ui, sans-serif;
        -webkit-font-smoothing: antialiased;
      }
      #root {
        min-height: 100vh;
      }
      /* Prevent FOUT - show fallback font immediately */
      @font-face {
        font-family: 'Cormorant Garamond';
        font-display: swap;
      }
      @font-face {
        font-family: 'Inter';
        font-display: swap;
      }
    </style>
    
    <!-- Vapi Widget Mobile Responsive Styles -->
    <style>
      /* Hide subtitle to prevent header from blocking messages */
      vapi-widget::part(subtitle),
      vapi-widget::part(header-subtitle),
      vapi-widget::part(header) p,
      vapi-widget::part(header-description),
      vapi-widget::part(description),
      vapi-widget::part(chat-description),
      vapi-widget::part(prompt),
      vapi-widget::part(instruction),
      vapi-widget::part(helper-text),
      vapi-widget::part(chat-header) p,
      vapi-widget::part(chat-header) span {
        display: none !important;
      }
      
      @media (max-width: 767px) {
        vapi-widget {
          --vapi-chat-width: 280px !important;
          position: fixed !important;
          right: 8px !important;
          left: auto !important;
          max-width: 280px !important;
          width: 280px !important;
          box-sizing: border-box !important;
        }
        vapi-widget::part(container),
        vapi-widget::part(chat-panel),
        vapi-widget::part(panel),
        vapi-widget::part(overlay) {
          max-width: 280px !important;
          width: 280px !important;
          right: 0 !important;
          left: auto !important;
          box-sizing: border-box !important;
          max-height: calc(100vh - 50px) !important;
        }
      }
    </style>
    
    <div id="root"></div>
    
    <!-- Vapi Chat Widget - Rosita Stone -->
    <script src="https://unpkg.com/@vapi-ai/client-sdk-react/dist/embed/widget.umd.js" async type="text/javascript"></script>
    
    <!-- Mobile sizing controller for Vapi widget -->
    <script>
      (function() {
        function constrainVapiWidget() {
          var widget = document.querySelector('vapi-widget');
          if (!widget) return;
          
          var isMobile = window.matchMedia('(max-width: 767px)').matches;
          if (isMobile) {
            var maxWidth = Math.min(280, window.innerWidth - 24);
            widget.setAttribute('size', 'tiny');
            widget.style.setProperty('--vapi-chat-width', maxWidth + 'px', 'important');
            widget.style.setProperty('max-width', maxWidth + 'px', 'important');
            widget.style.setProperty('width', maxWidth + 'px', 'important');
            widget.style.setProperty('right', '8px', 'important');
            widget.style.setProperty('left', 'auto', 'important');
          } else {
            widget.setAttribute('size', 'compact');
          }
        }
        
        // Run when DOM is ready and on resize
        if (document.readyState === 'loading') {
          document.addEventListener('DOMContentLoaded', function() {
            setTimeout(constrainVapiWidget, 100);
          });
        } else {
          setTimeout(constrainVapiWidget, 100);
        }
        
        window.addEventListener('resize', constrainVapiWidget);
        window.addEventListener('orientationchange', constrainVapiWidget);
        
        // Also run after widget script loads
        var observer = new MutationObserver(function(mutations) {
          if (document.querySelector('vapi-widget')) {
            constrainVapiWidget();
            hideVapiSubtitle();
          }
        });
        observer.observe(document.body, { childList: true, subtree: true });
        
        // Try to hide subtitle text inside shadow DOM
        function hideVapiSubtitle() {
          var widget = document.querySelector('vapi-widget');
          if (!widget || !widget.shadowRoot) return;
          
          // Check if style already injected
          if (widget.shadowRoot.querySelector('#vapi-hide-subtitle')) return;
          
          var style = document.createElement('style');
          style.id = 'vapi-hide-subtitle';
          style.textContent = [
            '[class*="subtitle"]',
            '[class*="description"]',
            '[class*="prompt"]',
            '[class*="helper"]',
            '.header p',
            '.chat-header p',
            '.header span:not(:first-child)',
            'p[class*="text"]'
          ].join(',') + '{ display: none !important; }';
          widget.shadowRoot.appendChild(style);
        }
        
        // Run with delays to allow shadow DOM to initialize
        setTimeout(hideVapiSubtitle, 500);
        setTimeout(hideVapiSubtitle, 1000);
        setTimeout(hideVapiSubtitle, 2000);
      })();
    </script>
    
    <div data-nosnippet data-noindex="true" aria-hidden="true">
      <vapi-widget
        public-key="c0223e74-9999-4dfe-9444-1221d92b984f"
        assistant-id="d3cdcc0e-6341-48e7-bc60-de6c82449229"
        mode="chat"
        theme="dark"
        size="tiny"
        radius="large"
        main-label="Rosita Stone"
        start-button-text="Start Chat"
        end-button-text="End Chat"
        empty-chat-message="Hi, I'm Rosita Stone, your Zone 5 Home Efficiency assistant. How can I help you today?"
        base-color="#0a0a0a"
        accent-color="#b99a31"
        button-base-color="#000000"
        button-accent-color="#ffffff"
      ></vapi-widget>
    </div>
  </body>
</html>
