<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <!-- SEO Meta Tags -->
  <title>Bathroom & Kitchen Remodeling Vancouver WA | All Level</title>
  <meta name="description" content="Transform your Vancouver WA/Portland OR home. Licensed contractor, 20+ yrs exp. Kitchen & bathroom remodeling, home additions. Free estimates!">
  <meta name="keywords" content="general contractor vancouver wa, bathroom remodeling vancouver wa, kitchen remodeling portland or, home additions vancouver, exterior remodeling portland, interior renovation vancouver wa, licensed contractor portland or">
  <meta name="robots" content="index, follow">
  <meta name="author" content="All Level Construction">

  <!-- Geo Meta Tags for Local SEO -->
  <meta name="geo.region" content="US-WA" />
  <meta name="geo.placename" content="Vancouver, Washington" />
  <meta name="geo.position" content="45.6387;-122.6615" />
  <meta name="ICBM" content="45.6387, -122.6615" />
  <meta name="geo.region" content="US-OR" />
  <meta name="geo.placename" content="Portland, Oregon" />
  <meta name="geo.position" content="45.5152;-122.6784" />
  <meta name="ICBM" content="45.5152, -122.6784" />

  <!-- Enhanced LocalBusiness Schema with AggregateRating -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": ["HomeAndConstructionBusiness", "GeneralContractor"],
    "name": "All Level Construction",
    "image": "https://alllevelconstruction.com/images/icon.webp",
    "@id": "https://alllevelconstruction.com",
    "url": "https://alllevelconstruction.com",
    "telephone": "(503) 816-8080",
    "email": "kalecameron@gmail.com",
    "priceRange": "$$-$$$",
    "address": {
      "@type": "PostalAddress",
      "streetAddress": "Vancouver",
      "addressLocality": "Vancouver",
      "addressRegion": "WA",
      "postalCode": "98660",
      "addressCountry": "US"
    },
    "geo": {
      "@type": "GeoCoordinates",
      "latitude": 45.6387,
      "longitude": -122.6615
    },
    "areaServed": [
      {
        "@type": "City",
        "name": "Vancouver",
        "address": {
          "@type": "PostalAddress",
          "addressRegion": "WA",
          "addressCountry": "US"
        }
      },
      {
        "@type": "City",
        "name": "Portland",
        "address": {
          "@type": "PostalAddress",
          "addressRegion": "OR",
          "addressCountry": "US"
        }
      }
    ],
    "openingHoursSpecification": {
      "@type": "OpeningHoursSpecification",
      "dayOfWeek": [
        "Monday",
        "Tuesday",
        "Wednesday",
        "Thursday",
        "Friday"
      ],
      "opens": "08:00",
      "closes": "20:00"
    },
    "aggregateRating": {
      "@type": "AggregateRating",
      "ratingValue": "5.0",
      "reviewCount": "150",
      "bestRating": "5",
      "worstRating": "1"
    },
    "sameAs": [
      "https://www.facebook.com/alllevelconstruction",
      "https://www.instagram.com/alllevelconstruction"
    ],
    "hasOfferCatalog": {
      "@type": "OfferCatalog",
      "name": "Residential Remodeling Services",
      "url": "https://alllevelconstruction.com/services/"
    }
  }
  </script>

  <!-- BreadcrumbList Schema -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "BreadcrumbList",
    "itemListElement": [{
      "@type": "ListItem",
      "position": 1,
      "name": "Home",
      "item": "https://alllevelconstruction.com/"
    }]
  }
  </script>

  <!-- WebSite Schema -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "WebSite",
    "name": "All Level Construction",
    "alternateName": "All Level Construction Vancouver WA Portland OR",
    "url": "https://alllevelconstruction.com",
    "description": "Vancouver WA & Portland OR's premier general contractor specializing in kitchen remodeling, bathroom renovations, home additions, and complete construction services.",
    "potentialAction": {
      "@type": "SearchAction",
      "target": "https://alllevelconstruction.com?q={search_term_string}",
      "query-input": "required name=search_term_string"
    },
    "sameAs": [
      "https://www.facebook.com/alllevelconstruction",
      "https://www.instagram.com/alllevelconstruction"
    ],
    "copyrightYear": "2025",
    "inLanguage": "en-US"
  }
  </script>

  <!-- Review Schema -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "Review",
    "itemReviewed": {
      "@type": "GeneralContractor",
      "name": "All Level Construction",
      "address": {
        "@type": "PostalAddress",
        "addressLocality": "Vancouver",
        "addressRegion": "WA",
        "addressCountry": "US"
      },
      "telephone": "(503) 816-8080"
    },
    "reviewRating": {
      "@type": "Rating",
      "ratingValue": "5",
      "bestRating": "5"
    },
    "author": {
      "@type": "Person",
      "name": "Jennifer H."
    },
    "reviewBody": "Great communication. Workers always showed when they said they would. Quality work. Fair price. We've had Kale remodel our kitchen, bathroom, living room, deck, along with several smaller projects.",
    "datePublished": "2024-12-15",
    "reviewLocation": {
      "@type": "City",
      "name": "Vancouver, WA"
    }
  }
  </script>

  <!-- OfferCatalog Schema -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "OfferCatalog",
    "name": "Residential Remodeling Services",
    "url": "https://alllevelconstruction.com/services/",
    "provider": {
      "@type": "HomeAndConstructionBusiness",
      "name": "All Level Construction",
      "url": "https://alllevelconstruction.com",
      "telephone": "(503) 816-8080"
    },
    "itemListElement": [
      {
        "@type": "Offer",
        "position": 1,
        "itemOffered": {
          "@type": "Service",
          "name": "Kitchen Remodeling",
          "description": "Custom kitchen remodeling with cabinetry, countertops, lighting, and layout optimization for Vancouver WA and Portland OR homes.",
          "url": "https://alllevelconstruction.com/services/kitchen-remodeling.html",
          "areaServed": [
            {"@type": "City", "name": "Vancouver", "address": {"@type": "PostalAddress", "addressRegion": "WA", "addressCountry": "US"}},
            {"@type": "City", "name": "Portland", "address": {"@type": "PostalAddress", "addressRegion": "OR", "addressCountry": "US"}}
          ]
        }
      },
      {
        "@type": "Offer",
        "position": 2,
        "itemOffered": {
          "@type": "Service",
          "name": "Bathroom Remodeling",
          "description": "Spa-like bathroom renovations featuring luxury tile work, premium fixtures, and accessibility upgrades.",
          "url": "https://alllevelconstruction.com/services/bathroom-remodeling.html",
          "areaServed": [
            {"@type": "City", "name": "Vancouver", "address": {"@type": "PostalAddress", "addressRegion": "WA", "addressCountry": "US"}},
            {"@type": "City", "name": "Portland", "address": {"@type": "PostalAddress", "addressRegion": "OR", "addressCountry": "US"}}
          ]
        }
      },
      {
        "@type": "Offer",
        "position": 3,
        "itemOffered": {
          "@type": "Service",
          "name": "Home Additions",
          "description": "Room additions, second stories, and ADUs engineered to integrate seamlessly with existing homes.",
          "url": "https://alllevelconstruction.com/services/home-additions.html",
          "areaServed": [
            {"@type": "City", "name": "Vancouver", "address": {"@type": "PostalAddress", "addressRegion": "WA", "addressCountry": "US"}},
            {"@type": "City", "name": "Portland", "address": {"@type": "PostalAddress", "addressRegion": "OR", "addressCountry": "US"}}
          ]
        }
      },
      {
        "@type": "Offer",
        "position": 4,
        "itemOffered": {
          "@type": "Service",
          "name": "Interior Remodeling",
          "description": "Whole-home interior renovations including flooring, paint, custom built-ins, and layout changes.",
          "url": "https://alllevelconstruction.com/services/interior-remodeling.html",
          "areaServed": [
            {"@type": "City", "name": "Vancouver", "address": {"@type": "PostalAddress", "addressRegion": "WA", "addressCountry": "US"}},
            {"@type": "City", "name": "Portland", "address": {"@type": "PostalAddress", "addressRegion": "OR", "addressCountry": "US"}}
          ]
        }
      },
      {
        "@type": "Offer",
        "position": 5,
        "itemOffered": {
          "@type": "Service",
          "name": "Exterior Remodeling",
          "description": "Siding, roofing, windows, doors, and exterior upgrades that boost curb appeal and protection.",
          "url": "https://alllevelconstruction.com/services/exterior-remodeling.html",
          "areaServed": [
            {"@type": "City", "name": "Vancouver", "address": {"@type": "PostalAddress", "addressRegion": "WA", "addressCountry": "US"}},
            {"@type": "City", "name": "Portland", "address": {"@type": "PostalAddress", "addressRegion": "OR", "addressCountry": "US"}}
          ]
        }
      },
      {
        "@type": "Offer",
        "position": 6,
        "itemOffered": {
          "@type": "Service",
          "name": "Basement Finishing",
          "description": "Dry, code-compliant basement finishing for guest suites, theaters, offices, and multi-use spaces.",
          "url": "https://alllevelconstruction.com/services/basement-finishing.html",
          "areaServed": [
            {"@type": "City", "name": "Vancouver", "address": {"@type": "PostalAddress", "addressRegion": "WA", "addressCountry": "US"}},
            {"@type": "City", "name": "Portland", "address": {"@type": "PostalAddress", "addressRegion": "OR", "addressCountry": "US"}}
          ]
        }
      }
    ]
  }
  </script>

  <!-- FAQ Schema -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "FAQPage",
    "mainEntity": [
      {
        "@type": "Question",
        "name": "Do you offer free remodeling estimates?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Yes. We provide complimentary on-site consultations throughout Vancouver, WA and Portland, OR and supply a detailed written estimate before work begins."
        }
      },
      {
        "@type": "Question",
        "name": "Which areas do you serve?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "All Level Construction serves Clark County, WA and the greater Portland, OR metro including Vancouver, Camas, Ridgefield, Portland, Beaverton, Lake Oswego, Tigard, and Oregon City."
        }
      },
      {
        "@type": "Question",
        "name": "Are you licensed and insured in both states?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Yes. The company is fully licensed, bonded, and insured in Washington and Oregon and handles permits, inspections, and code compliance for every project."
        }
      }
    ]
  }
  </script>

  <!-- Open Graph Meta Tags -->
  <meta property="og:title" content="All Level Construction | #1 General Contractor Vancouver WA & Portland OR">
  <meta property="og:description" content="Award-winning general contractor specializing in kitchen & bathroom remodeling, home additions, and complete renovations in Vancouver WA & Portland OR.">
  <meta property="og:image" content="https://alllevelconstruction.com/images/kitchen-hero-remodel-near-me-vancouver-wa.webp">
  <meta property="og:url" content="https://alllevelconstruction.com">
  <meta property="og:type" content="website">

  <!-- Twitter Card -->
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="All Level Construction | #1 General Contractor Vancouver WA">
  <meta name="twitter:description" content="Expert kitchen & bathroom remodeling, home additions & renovations. Licensed, bonded, insured. Free estimates!">
  <meta name="twitter:image" content="https://alllevelconstruction.com/images/kitchen-hero-remodel-near-me-vancouver-wa.webp">

  <!-- Cache busting for deployment -->
  <meta name="build-version" content="2025-10-30-15-11-DEPLOYMENT-FIX">
  <meta name="deployment-status" content="LIVE-UPDATE-FORCED">
  <link rel="canonical" href="https://alllevelconstruction.com">

  <!-- Favicon and PWA -->
  <link rel="icon" type="image/png" href="/images/logo.webp">
  <link rel="manifest" href="/manifest.json">
  <link rel="apple-touch-icon" href="/images/logo.webp">
  <meta name="theme-color" content="#1e40af">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="default">
  <meta name="apple-mobile-web-app-title" content="ALC">

  <!-- Critical Resource Hints -->
  <link rel="preconnect" href="https://cdnjs.cloudflare.com">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

  <!-- Preload Critical Images for LCP -->
  <link rel="preload" as="image" href="/images/custom-home-construction-vancouver-wa-near-me.webp" type="image/webp">
  <link rel="preload" as="image" href="/images/home-exterior-remodel-vancouver-wa-near-me.webp" type="image/webp" fetchpriority="high">

  <!-- Tailwind CSS CDN -->
  <script src="https://cdn.tailwindcss.com"></script>

  <!-- Font Awesome -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">

  <!-- Tailwind Config -->
  <script>
    tailwind.config = {
      theme: {
        extend: {
          fontFamily: { 'sans': ['Inter', 'ui-sans-serif', 'system-ui'] },
          colors: {
            'primary': '#1e40af',
            'secondary': '#f59e0b',
            'accent': '#dc2626',
            'gold': '#fbbf24'
          }
        }
      }
    }
  </script>

  <!-- Critical CSS Inlined for Above-the-Fold Content -->
  <style>
    /* Critical Typography */
    body{font-family:'Inter',ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.6;color:#374151;margin:0;padding:0}
    h1,h2,h3{font-family:'Playfair Display',Georgia,serif;font-weight:700;font-style:italic;letter-spacing:-0.02em;margin:0}
    h2{font-weight:600;letter-spacing:-0.01em}
    h3{font-weight:600;letter-spacing:-0.01em}

    /* Critical Components */
    .navigation-header{background:white;box-shadow:0 2px 10px rgba(0,0,0,0.1);position:relative;z-index:1000}
    .container{max-width:1200px;margin:0 auto;padding:0 1rem}
    .bg-primary{background-color:#1e40af}
    .text-white{color:white}
    .py-2{padding-top:0.5rem;padding-bottom:0.5rem}
    .text-sm{font-size:0.875rem}
    .flex{display:flex}
    .items-center{align-items:center}
    .space-x-4>*+*{margin-left:1rem}
    .font-semibold{font-weight:600}
    .bg-secondary{background-color:#f59e0b}
    .text-gray-900{color:#111827}
    .rounded-full{border-radius:9999px}
    .px-3{padding-left:0.75rem;padding-right:0.75rem}
    .py-1{padding-top:0.25rem;padding-bottom:0.25rem}

    /* Critical Images */
    img{max-width:100%;height:auto}
    .loaded{opacity:1;transition:opacity 0.3s ease}

    /* Critical Animations */
    @keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
    @keyframes hero-scroll-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}

    /* Accessibility */
    .accessibility-skip-link{position:absolute;top:-40px;left:6px;background:#1e40af;color:white;padding:8px;text-decoration:none;border-radius:0 0 4px 4px;z-index:1000}
    .accessibility-skip-link:focus{top:0}
    .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

    /* Critical Buttons */
    .bg-accent{background-color:#dc2626}
    .hover\:bg-red-700:hover{background-color:#b91c1c}
    .px-8{padding-left:2rem;padding-right:2rem}
    .py-4{padding-top:1rem;padding-bottom:1rem}
    .rounded-lg{border-radius:0.5rem}
    .text-lg{font-size:1.125rem}
    .transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}
    .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
    .hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}
    .shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}

    /* WCAG Compliant Form Inputs - High Contrast */
    .form-input,.form-textarea{background:#ffffff;border:2px solid #374151;color:#111827;border-radius:8px;padding:12px 16px;font-size:16px;transition:border-color 0.2s ease}
    .form-input:focus,.form-textarea:focus{outline:2px solid #1e40af;outline-offset:2px;border-color:#1e40af;box-shadow:0 0 0 4px rgba(30,64,175,0.1)}
    .form-input::placeholder,.form-textarea::placeholder{color:#6b7280}
    .form-input:hover,.form-textarea:hover{border-color:#4b5563}

    /* High Contrast Mode Support */
    @media (prefers-contrast: high){
      .form-input,.form-textarea{border-width:3px;border-color:#000000}
      .form-input:focus,.form-textarea:focus{outline:3px solid #1e40af;outline-offset:1px}
    }

    /* Reduced Motion Support */
    @media (prefers-reduced-motion: reduce){
      .form-input,.form-textarea,.form-input:focus,.form-textarea:focus{transition:none}
    }

  </style>

  <!-- Non-Critical CSS Loaded Asynchronously -->
  <link rel="preload" href="/css/global-typography.css?v=2" as="style" onload="this.onload=null;this.rel='stylesheet'">
  <noscript><link rel="stylesheet" href="/css/global-typography.css?v=2"></noscript>
  <link rel="preload" href="/css/global-components.css?v=2" as="style" onload="this.onload=null;this.rel='stylesheet'">
  <noscript><link rel="stylesheet" href="/css/global-components.css?v=2"></noscript>
  <link rel="preload" href="/css/clean-components.css?v=2" as="style" onload="this.onload=null;this.rel='stylesheet'">
  <noscript><link rel="stylesheet" href="/css/clean-components.css?v=2"></noscript>
  <link rel="preload" href="/css/trust-signals.css?v=2" as="style" onload="this.onload=null;this.rel='stylesheet'">
  <noscript><link rel="stylesheet" href="/css/trust-signals.css?v=2"></noscript>

  <!-- Optimized Font Loading -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
</head>

<body>
  <!-- Skip to Content Link for Accessibility -->
  <a href="#main-content" class="accessibility-skip-link">Skip to main content</a>

  <!-- Hidden Netlify Forms for field detection (required for JS-rendered forms) -->
  <form hidden method='POST' name='contact-form'>
    <input type="hidden" name="form-name" value="contact-form">
    <input name="bot-field">
    <input name="name">
    <input name="email">
    <input name="phone">
    <input name="service">
    <input name="message">
    <input name="urgency">
    <input name="budget">
    <input name="propertyType">
    <input name="address">
    <input name="source">
    <input name="form_location">
    <input name="page_source">
    <input name="page_url">
    <input name="page_title">
    <input name="timestamp">
    <input name="user_agent">
    <input name="coordinates">
  </form>
  <form hidden method='POST' name='service-hero-form'>
    <input type="hidden" name="form-name" value="service-hero-form">
    <input name="bot-field">
    <input name="name">
    <input name="phone">
    <input name="email">
    <input name="service">
    <input name="page_source">
    <input name="form_location">
    <input name="page_url">
    <input name="page_title">
    <input name="timestamp">
  </form>

  <!-- Top Bar -->
  <div class="bg-primary text-white py-2 text-sm">
    <div class="container mx-auto px-4 flex flex-col md:flex-row justify-between items-center">
      <div class="flex items-center space-x-4">
        <span><i class="fas fa-phone mr-2"></i>(503) 816-8080</span>
        <span><i class="fas fa-map-marker-alt mr-2"></i>Vancouver, WA & Portland, OR</span>
      </div>
      <div class="flex items-center space-x-4 mt-2 md:mt-0">
        <span class="business-hours"><i class="fas fa-clock mr-2"></i>Mon-Fri: 8AM-8PM</span>
        <span class="bg-secondary text-gray-900 px-3 py-1 rounded-full text-xs font-semibold">Licensed & Insured</span>
      </div>
    </div>
  </div>

  <!-- Global Header Container -->
  <header id="global-header-container" class="navigation-header"></header>

  <!-- Backup Navigation - Hidden by default, shown only if JS fails -->
  <nav id="backup-navigation" class="backup-navigation" style="background: white; padding: 1rem 0; border-bottom: 1px solid #e5e7eb; box-shadow: 0 2px 10px rgba(0,0,0,0.1); display: none;">
    <div style="max-width: 1200px; margin: 0 auto; padding: 0 1rem;">
      <div style="display: flex; flex-wrap: wrap; gap: 2rem; align-items: center; justify-content: space-between;">
        <div style="display: flex; align-items: center;">
          <img src="/images/icon-dark.webp" alt="All Level Construction Logo" style="height: 40px; margin-right: 0.75rem;">
          <span style="font-weight: 700; font-size: 1.25rem; color: #1f2937;">All Level Construction</span>
        </div>
        <div style="display: flex; flex-wrap: wrap; gap: 1.5rem; align-items: center;">
          <a href='/' style='text-decoration: none; color: #1e40af; font-weight: 600;'>Home</a>
          <a href='/about' style='text-decoration: none; color: #374151; font-weight: 500;'>About</a>
          <a href='/gallery' style='text-decoration: none; color: #374151; font-weight: 500;'>Gallery</a>
          <a href='/reviews' style='text-decoration: none; color: #374151; font-weight: 500;'>Reviews</a>
          <a href='/contact' style='text-decoration: none; color: #374151; font-weight: 500;'>Contact</a>
        </div>
      </div>
      <div style="margin-top: 0.75rem; padding-top: 0.75rem; border-top: 1px solid #f3f4f6;">
        <div style="display: flex; flex-wrap: wrap; gap: 1rem; font-size: 0.875rem;">
          <span style="color: #6b7280; font-weight: 600;">Services:</span>
          <a href='/services/kitchen-remodeling' style='text-decoration: none; color: #6b7280;'>Kitchen Remodeling</a>
          <a href='/services/bathroom-remodeling' style='text-decoration: none; color: #6b7280;'>Bathroom Remodeling</a>
          <a href='/services/home-additions' style='text-decoration: none; color: #6b7280;'>Home Additions</a>
          <a href='/services/interior-remodeling' style='text-decoration: none; color: #6b7280;'>Interior Remodeling</a>
          <a href='/services/exterior-remodeling' style='text-decoration: none; color: #6b7280;'>Exterior Remodeling</a>
          <a href='/services/basement-finishing' style='text-decoration: none; color: #6b7280;'>Basement Finishing</a>
        </div>
      </div>
    </div>
  </nav>
  
  <!-- Static Navigation Fallback for Cloudflare & Search Engines -->
  <noscript>
    <nav class="static-navigation" style="background: white; padding: 1rem 0; border-bottom: 1px solid #e5e7eb; box-shadow: 0 2px 10px rgba(0,0,0,0.1);">
      <div style="max-width: 1200px; margin: 0 auto; padding: 0 1rem;">
        <div style="display: flex; flex-wrap: wrap; gap: 2rem; align-items: center; justify-content: space-between;">
          <div style="display: flex; align-items: center;">
            <img src="/images/icon-dark.webp" alt="All Level Construction Logo" style="height: 40px; margin-right: 0.75rem;">
            <span style="font-weight: 700; font-size: 1.25rem; color: #1f2937;">All Level Construction</span>
          </div>
          <div style="display: flex; flex-wrap: wrap; gap: 1.5rem; align-items: center;">
            <a href='/' style='text-decoration: none; color: #1e40af; font-weight: 600;'>Home</a>
            <a href='/about' style='text-decoration: none; color: #374151; font-weight: 500;'>About</a>
            <a href='/gallery' style='text-decoration: none; color: #374151; font-weight: 500;'>Gallery</a>
            <a href='/reviews' style='text-decoration: none; color: #374151; font-weight: 500;'>Reviews</a>
            <a href='/contact' style='text-decoration: none; color: #374151; font-weight: 500;'>Contact</a>
          </div>
        </div>
        <div style="margin-top: 0.75rem; padding-top: 0.75rem; border-top: 1px solid #f3f4f6;">
          <div style="display: flex; flex-wrap: wrap; gap: 1rem; font-size: 0.875rem;">
            <span style="color: #6b7280; font-weight: 600;">Services:</span>
            <a href='/services/kitchen-remodeling' style='text-decoration: none; color: #6b7280;'>Kitchen Remodeling</a>
            <a href='/services/bathroom-remodeling' style='text-decoration: none; color: #6b7280;'>Bathroom Remodeling</a>
            <a href='/services/home-additions' style='text-decoration: none; color: #6b7280;'>Home Additions</a>
            <a href='/services/interior-remodeling' style='text-decoration: none; color: #6b7280;'>Interior Remodeling</a>
            <a href='/services/exterior-remodeling' style='text-decoration: none; color: #6b7280;'>Exterior Remodeling</a>
            <a href='/services/basement-finishing' style='text-decoration: none; color: #6b7280;'>Basement Finishing</a>
          </div>
        </div>
      </div>
    </nav>
  </noscript>
  
  <!-- Global Hero Section -->
  <div id="hero-container"></div>
  
  <noscript>
    <div class="container mx-auto px-4 py-12 text-center">
      <h1 class="text-4xl md:text-6xl font-bold text-gray-900 mb-4">General Contractor Vancouver WA & Portland OR</h1>
      <p class="text-xl text-gray-600">Kitchen Remodeling, Bathroom Renovation & Home Additions</p>
    </div>
  </noscript>

  <!-- Inlined Hero Data for Performance -->
  <script type="application/json" id="hero-slider-data">
  {
    "slides": [
      {
        "image": "/images/kitchen-hero-remodel-near-me-vancouver-wa.webp",
        "imageMobile": "/images/mobile/hero-slider-3-kitchen-remodel-mobile.webp",
        "title": "Building Dreams, <br>One Level at a Time",
        "subtitle": "Premier General Contractor in Vancouver WA & Portland OR",
        "description": "Specializing in luxury kitchen remodeling, bathroom renovations, and custom home additions.",
        "buttons": [
          { "text": "Get Free Estimate", "link": "#contact", "class": "bg-accent hover:bg-red-700 text-white" },
          { "text": "View Portfolio", "link": "/gallery.html", "class": "bg-white text-gray-900 hover:bg-gray-100" }
        ]
      },
      {
        "image": "/images/living-room-hero-remodel-near-me-vancouver-wa.webp",
        "imageMobile": "/images/mobile/hero-slider-1-living-room-remodel-mobile.webp",
        "title": "Dream Living Spaces <br>Come to Life",
        "subtitle": "Custom Interior Remodeling",
        "description": "Modern designs with premium materials and expert craftsmanship.",
        "buttons": [
          { "text": "Start Your Project", "link": "#contact", "class": "bg-accent hover:bg-red-700 text-white" },
          { "text": "Our Services", "link": "/services/interior-remodeling.html", "class": "bg-white text-gray-900 hover:bg-gray-100" }
        ]
      },
      {
        "image": "/images/bathroom-hero-remodel-near-me-vancouver-wa.webp",
        "imageMobile": "/images/mobile/hero-slider-2-bathroom-remodel-mobile.webp",
        "title": "Luxurious Bathroom <br>Retreats",
        "subtitle": "Spa-Like Transformations",
        "description": "Create your personal oasis with our bathroom renovation experts.",
        "buttons": [
          { "text": "Get a Quote", "link": "#contact", "class": "bg-accent hover:bg-red-700 text-white" },
          { "text": "See More", "link": "/services/bathroom-remodeling.html", "class": "bg-white text-gray-900 hover:bg-gray-100" }
        ]
      }
    ]
  }
  </script>

  <main id="main-content">

  <!-- Emergency Banner -->
  <div id="emergency-banner-container">
    <!-- Emergency banner will be loaded dynamically -->
  </div>

  <!-- Trust Signals Section -->
  <section id="trust-signals-section" class="trust-signals-section trust-variant-inline">
    <div class="trust-signals-container">
      <div id="trust-signals-container">
        <!-- Trust signals will be loaded dynamically -->
      </div>
    </div>
  </section>

  <!-- About Section -->
  <section id="about" class="content-section layout-section-enhanced">
    <div class="content-container">
      <div class="content-header">
        <h2 class="content-title">
          Why Choose All Level Construction?
        </h2>
        <p class="content-subtitle">
          For over two decades, we've been transforming homes across Vancouver, WA and Portland, OR with
          unmatched craftsmanship, integrity, and customer service excellence.
        </p>
      </div>

      <div class="layout-grid-2 items-center">
        <div>
          <img src="/images/home-exterior-remodel-vancouver-wa-near-me.webp" alt="General Contractor Vancouver WA - Beautiful Home Exterior Remodeling and Renovation Portland OR" class="utility-full-width rounded-2xl shadow-2xl" width="600" height="400" loading="eager" fetchpriority="high">
        </div>
        <div>
          <h3 class="text-3xl font-bold text-gray-800 mb-6">Your Dream Home Awaits</h3>
          <p class="text-lg text-gray-600 mb-6 leading-relaxed">
            Every project we undertake is a testament to our commitment to excellence. From initial consultation
            to final walkthrough, we ensure your vision becomes reality with precision, quality, and care.
          </p>
          <ul class="space-y-4 mb-8">
            <li class="flex items-start">
              <i class="fas fa-check-circle text-primary mr-3 mt-1"></i>
              <span class="text-gray-700"><strong>Licensed & Insured:</strong> Full protection for your investment</span>
            </li>
            <li class="flex items-start">
              <i class="fas fa-check-circle text-primary mr-3 mt-1"></i>
              <span class="text-gray-700"><strong>20+ Years Experience:</strong> Proven expertise you can trust</span>
            </li>
            <li class="flex items-start">
              <i class="fas fa-check-circle text-primary mr-3 mt-1"></i>
              <span class="text-gray-700"><strong>Local Experts:</strong> Deep knowledge of local codes & permits</span>
            </li>
            <li class="flex items-start">
              <i class="fas fa-check-circle text-primary mr-3 mt-1"></i>
              <span class="text-gray-700"><strong>Quality Guarantee:</strong> 100% satisfaction on every project</span>
            </li>
          </ul>
          <a href="#contact" class="call-to-action-button">
            Start Your Project Today
          </a>
        </div>
      </div>
    </div>
  </section>

  <!-- Stats Section -->
  <section class="content-section layout-section-enhanced">
    <div class="content-container">
      <div id="stats-container">
        <!-- Stats cards will be loaded dynamically -->
      </div>
    </div>
  </section>

  <!-- Gallery Section -->
  <section class="content-section layout-section-enhanced">
    <div class="content-container">
      <div class="content-header">
        <h2 class="content-title">
          Our Recent Work
        </h2>
        <p class="content-subtitle">
          Explore our portfolio of completed projects showcasing exceptional craftsmanship and attention to detail.
        </p>
      </div>

      <div class="layout-grid-3">
        <div class="content-card">
          <img src="/images/custom-kitchen-cabinets-vancouver-wa-remodel-near-me.webp" alt="Kitchen Remodeling Vancouver WA - Custom Kitchen Cabinets and Modern Renovation Portland OR" class="content-card-image" width="400" height="256" loading="lazy">
          <div class="content-card-content">
            <h3 class="content-card-title">Modern Kitchen Remodel</h3>
            <p class="content-card-description">Vancouver, WA</p>
          </div>
        </div>

        <div class="content-card">
          <img src="/images/spa-bathroom-renovation-portland-or-near-me.webp" alt="Bathroom Remodeling Portland OR - Spa-Style Luxury Bathroom Renovation Vancouver WA" class="content-card-image" width="400" height="256" loading="lazy">
          <div class="content-card-content">
            <h3 class="content-card-title">Luxury Bathroom Renovation</h3>
            <p class="content-card-description">Portland, OR</p>
          </div>
        </div>

        <div class="content-card">
          <img src="/images/two-story-home-addition-vancouver-wa-near-me.webp" alt="Home Additions Vancouver WA - Two-Story Room Addition Contractor Portland OR" class="content-card-image" width="400" height="256" loading="lazy">
          <div class="content-card-content">
            <h3 class="content-card-title">Two-Story Addition</h3>
            <p class="content-card-description">Vancouver, WA</p>
          </div>
        </div>

        <div class="content-card">
          <img src="/images/exterior-painting-remodel-vancouver-wa-near-me.webp" alt="Exterior Remodeling Vancouver WA - Professional House Painting and Exterior Services Portland OR" class="content-card-image" width="400" height="256" loading="lazy">
          <div class="content-card-content">
            <h3 class="content-card-title">Complete Exterior Makeover</h3>
            <p class="content-card-description">Portland, OR</p>
          </div>
        </div>

        <div class="content-card">
          <img src="/images/interior-home-remodel-vancouver-wa-near-me.webp" alt="Interior Remodeling Vancouver WA - Open Concept Living Space Design and Build Portland OR" class="content-card-image" width="400" height="256" loading="lazy">
          <div class="content-card-content">
            <h3 class="content-card-title">Open Concept Living</h3>
            <p class="content-card-description">Vancouver, WA</p>
          </div>
        </div>

        <div class="content-card">
          <img src="/images/outdoor-deck-construction-vancouver-wa-near-me.webp" alt="Exterior Remodeling Vancouver WA - Custom Deck Construction and Outdoor Living Spaces Portland OR" class="content-card-image" width="400" height="256" loading="lazy">
          <div class="content-card-content">
            <h3 class="content-card-title">Custom Deck & Outdoor Living</h3>
            <p class="content-card-description">Portland, OR</p>
          </div>
        </div>
      </div>

      <div class="utility-text-center mt-12">
        <a class='call-to-action-button button-spaced-large' href='/gallery'>
          View Full Gallery
        </a>
      </div>
    </div>
  </section>

  <!-- Testimonials Section -->
  <section class="content-section-alternate layout-section-enhanced testimonials-section-reduced">
    <div class="content-container">
      <div class="content-header">
        <h2 class="content-title">
          What Our Clients Say
        </h2>
        <p class="content-subtitle">
          Don't just take our word for it. Here's what our satisfied customers have to say about their experience with All Level Construction.
        </p>
      </div>

      <div class="testimonial-container" id="testimonial-container">
        <!-- Testimonial cards will be loaded dynamically -->
      </div>

      <div class="utility-text-center mt-12">
        <a class='call-to-action-button button-spaced-large' href='/reviews'>
          Read More Reviews
        </a>
      </div>
    </div>
  </section>

  <!-- Services Section -->
  <section id="services" class="layout-section-spacious bg-white">
    <div class="container mx-auto px-4">
      <div class="max-w-6xl mx-auto">
        <div class="text-center mb-16">
          <h2 class="content-title">
            Our Expert Services
          </h2>
          <p class="text-xl text-gray-600 max-w-3xl mx-auto">
            From concept to completion, we deliver exceptional results across all aspects of residential construction and remodeling.
          </p>
        </div>

        <div class="services-grid grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-3 gap-8" id="services-container">
        <!-- Service cards will be loaded dynamically -->
      </div>

        <!-- Service Areas -->
        <div class="mt-16 text-center">
          <h3 class="text-2xl font-bold text-gray-800 mb-6">Serving Vancouver, WA & Portland, OR</h3>
          <div class="grid md:grid-cols-2 gap-8 max-w-4xl mx-auto">
            <div class="bg-gray-50 rounded-lg p-6">
              <h4 class="font-bold text-primary mb-3">Washington Areas</h4>
              <p class="text-gray-600">Vancouver, Camas, Washougal, Battle Ground, Ridgefield, La Center, Woodland</p>
            </div>
            <div class="bg-gray-50 rounded-lg p-6">
              <h4 class="font-bold text-primary mb-3">Oregon Areas</h4>
              <p class="text-gray-600">Portland, Beaverton, Tigard, Lake Oswego, Milwaukie, Oregon City, Gresham</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- FAQ Section -->
  <section id="faq" class="layout-section bg-gray-50 border-t border-gray-200">
    <div class="container mx-auto px-4">
      <div class="max-w-5xl mx-auto">
        <div class="text-center mb-12">
          <p class="text-sm uppercase tracking-wide text-primary font-semibold">Questions</p>
          <h2 class="content-title mt-2">Remodeling FAQs</h2>
          <p class="text-lg text-gray-600 max-w-3xl mx-auto">
            Straightforward answers about estimates, service areas, and licensing so you can start your project with confidence.
          </p>
        </div>

        <div class="space-y-4">
          <details class="group bg-white rounded-2xl shadow-sm border border-gray-100 p-6" open>
            <summary class="flex items-center justify-between cursor-pointer">
              <span class="text-lg font-semibold text-gray-900">Do you offer free remodeling estimates?</span>
              <span class="ml-4 text-primary transition-transform group-open:rotate-45"><i class="fas fa-plus"></i></span>
            </summary>
            <p class="mt-4 text-gray-600">
              Yes. We provide complimentary on-site consultations throughout the Vancouver, WA and Portland, OR metro areas. Our team reviews your goals, takes measurements, and delivers a detailed written estimate before any work begins.
            </p>
          </details>

          <details class="group bg-white rounded-2xl shadow-sm border border-gray-100 p-6">
            <summary class="flex items-center justify-between cursor-pointer">
              <span class="text-lg font-semibold text-gray-900">Which areas do you serve?</span>
              <span class="ml-4 text-primary transition-transform group-open:rotate-45"><i class="fas fa-plus"></i></span>
            </summary>
            <p class="mt-4 text-gray-600">
              We serve all of Clark County in Washington plus the greater Portland metro. Popular cities include Vancouver, Camas, Ridgefield, Portland, Beaverton, Lake Oswego, Tigard, and Oregon City. View our detailed location pages for neighborhood-specific information.
            </p>
          </details>

          <details class="group bg-white rounded-2xl shadow-sm border border-gray-100 p-6">
            <summary class="flex items-center justify-between cursor-pointer">
              <span class="text-lg font-semibold text-gray-900">Are you licensed and insured in both states?</span>
              <span class="ml-4 text-primary transition-transform group-open:rotate-45"><i class="fas fa-plus"></i></span>
            </summary>
            <p class="mt-4 text-gray-600">
              Absolutely. All Level Construction maintains active licensing, bonding, and insurance in Washington and Oregon. We also handle all permits, inspections, and code compliance for every project.
            </p>
          </details>
        </div>
      </div>
    </div>
  </section>

  <!-- Contact Section -->
  <section id="contact" class="layout-section-enhanced bg-gradient-to-br from-gray-100 to-gray-200">
    <div class="container mx-auto px-4">
      <div class="max-w-6xl mx-auto">
        <div class="text-center mb-16">
          <h2 class="content-title">
            Request Your Free Estimate
          </h2>
          <p class="text-xl text-gray-600 max-w-3xl mx-auto">
            Ready to transform your home? Contact us for a free, no-obligation consultation and estimate.
            We're here to bring your vision to life!
          </p>
        </div>

        <!-- Contact and Form Section -->
        <div class="mt-16 grid md:grid-cols-2 gap-8 max-w-6xl mx-auto">
          <!-- Left Column: Contact Info -->
          <div class="bg-white rounded-2xl shadow-xl p-8">
            <h3 class="text-2xl font-bold text-gray-800 mb-6">Get In Touch Now</h3>

            <div class="space-y-6">
              <div class="flex items-center">
                <div class="bg-primary text-white p-3 rounded-full mr-4">
                  <i class="fas fa-phone text-xl"></i>
                </div>
                <div>
                  <div class="font-semibold text-gray-800">Call Us Today</div>
                  <a href="tel:(503)816-8080" class="text-primary text-xl font-bold hover:underline">(503) 816-8080</a>
                </div>
              </div>

              <div class="flex items-center">
                <div class="bg-primary text-white p-3 rounded-full mr-4">
                  <i class="fas fa-envelope text-xl"></i>
                </div>
                <div>
                  <div class="font-semibold text-gray-800">Email Us</div>
                  <a href="mailto:kalecameron@gmail.com" class="text-primary hover:underline">kalecameron@gmail.com</a>
                </div>
              </div>

              <div class="flex items-center">
                <div class="bg-primary text-white p-3 rounded-full mr-4">
                  <i class="fas fa-map-marker-alt text-xl"></i>
                </div>
                <div>
                  <div class="font-semibold text-gray-800">Service Areas</div>
                  <div class="text-gray-600">Vancouver, WA & Portland, OR</div>
                </div>
              </div>

              <div class="flex items-center">
                <div class="bg-primary text-white p-3 rounded-full mr-4">
                  <i class="fas fa-clock text-xl"></i>
                </div>
                <div>
                  <div class="font-semibold text-gray-800">Business Hours</div>
                  <div class="text-gray-600">Mon-Fri: 8AM-8PM</div>
                </div>
              </div>

              <div class="flex items-center">
                <div class="bg-primary text-white p-3 rounded-full mr-4">
                  <i class="fas fa-certificate text-xl"></i>
                </div>
                <div>
                  <div class="font-semibold text-gray-800">Licensed & Insured</div>
                  <div class="text-gray-600">Fully Bonded in WA & OR</div>
                </div>
              </div>
            </div>

            <div class="mt-8 pt-6 border-t">
              <h4 class="font-bold text-gray-800 mb-3">Emergency Services</h4>
              <p class="text-gray-600 text-sm mb-3">
                Water damage, structural issues, or other construction emergencies? We're available 24/7 for urgent repairs.
              </p>
              <a href="tel:(503)816-8080" class="bg-accent hover:bg-red-700 text-white px-6 py-3 rounded-lg font-semibold transition-colors inline-block">
                <i class="fas fa-exclamation-triangle mr-2"></i>Emergency Service
              </a>
            </div>

            <div class="mt-6 p-4 bg-gray-50 rounded-lg">
              <p class="text-sm text-gray-600 text-center font-semibold">
                "Your satisfaction is our guarantee. We don't consider a job complete until you're 100% happy with the results."
              </p>
            </div>
          </div>

          <!-- Right Column: Contact Form -->
          <div id="contact-form-container">
            <!-- Contact form will be loaded dynamically -->
          </div>
        </div>
      </div>
    </div>
  </section>

  </main>

  <!-- Global Footer -->
  <div id="global-footer-container"></div>

  <!-- Scripts loaded in correct order for dependencies -->
  <!-- Hero Animations Script (loads first for immediate animation setup) -->
  <script src="/js/hero-animations.js" defer></script>
  <!-- Multi-step Form Script (must load first) -->
  <script src="/js/multi-step-form.js" defer></script>
  <!-- Global Components Script -->
  <script src="/js/components.js" defer></script>
  <!-- Hero Slider Script -->
  <script src="/js/hero-slider.js" defer></script>

  <!-- Debug Script for Cloudflare Deployment -->
  <script>
    // Navigation fallback system
    window.addEventListener('DOMContentLoaded', function() {
      console.log('Page loaded, checking navigation...');
      
      const backupNav = document.getElementById('backup-navigation');
      const jsNav = document.getElementById('global-header-container');
      
      // Show backup navigation if JavaScript navigation fails to load within 3 seconds
      const fallbackTimer = setTimeout(function() {
        if (jsNav && jsNav.innerHTML.trim() === '') {
          console.log('JavaScript navigation failed to load - showing backup navigation');
          if (backupNav) {
            backupNav.style.display = 'block';
          }
        }
      }, 3000);
      
      // Monitor for successful JavaScript navigation load
      const checkNavigationLoaded = function() {
        if (jsNav && jsNav.innerHTML.trim() !== '') {
          console.log('JavaScript navigation loaded successfully');
          clearTimeout(fallbackTimer);
          if (backupNav) {
            backupNav.style.display = 'none';
          }
          return true;
        }
        return false;
      };
      
      // Check every 100ms for the first 3 seconds
      const loadCheckInterval = setInterval(function() {
        if (checkNavigationLoaded()) {
          clearInterval(loadCheckInterval);
        }
      }, 100);
      
      // Clear interval after 3 seconds regardless
      setTimeout(function() {
        clearInterval(loadCheckInterval);
      }, 3000);
      
      // Add click listeners to backup navigation for debugging
      if (backupNav) {
        const links = backupNav.querySelectorAll('a');
        links.forEach(link => {
          link.addEventListener('click', function(e) {
            console.log('Backup navigation link clicked:', this.href);
          });
        });
      }
    });
  </script>

</body>
</html>
