@php
  $faqs = [
      [
          'question' => 'What is included in an outdoor living project?',
          'answer' => 'Outdoor kitchens, seating areas, fire pits, pergolas, lighting, and entertainment zones.',
      ],
      [
          'question' => 'Can you build a custom outdoor kitchen or bar area?',
          'answer' => 'Absolutely. We design and build fully functional kitchens with appliances, storage, and bar seating.',
      ],
      [
          'question' => 'Do you install pergolas or shade structures?',
          'answer' => 'Yes, we offer wood, aluminum, and fabric pergolas as part of your outdoor design.',
      ],
      [
          'question' => 'How long do outdoor living projects take to complete?',
          'answer' => 'Most are completed in 2-4 weeks, depending on complexity and scope.',
      ],
      [
          'question' => 'Can outdoor living spaces include water features or spas?',
          'answer' => 'Yes, we often integrate spas, fountains, and ambient lighting into the design.',
      ],
      [
          'question' => 'Do you help design outdoor living spaces for small yards?',
          'answer' => 'Yes, we specialize in maximizing space with functional layouts for any lot size.',
      ],
      [
          'question' => 'Are your materials weather- and fade-resistant?',
          'answer' => "We only use top-quality materials designed to withstand Florida's climate.",
      ],
      [
          'question' => 'Can the outdoor living space be used year-round?',
          'answer' => 'Yes, we incorporate shade, fire, and lighting features to make the space functional year-round.',
      ],
      [
          'question' => 'Do you provide 3D renderings of outdoor living designs?',
          'answer' => 'Yes, we offer visual previews to help you see your space before construction begins.',
      ],
      [
          'question' => "Will an outdoor living upgrade increase my home's value?",
          'answer' => 'Absolutely. It enhances lifestyle and significantly boosts market appeal and resale price.',
      ],
  ];
  $slides = collect([
      [
          'title' => 'Patios',
          'description' => 'Enjoy the beauty of custom-designed patios made from high-quality
              materials. We can create a space that complements your home while providing a perfect spot for
              entertaining or relaxing.',
          'imageUrl' => '/img/pages/services/Outdoor-Living/pools-outdoor-living-3-1_custom-designed-patio-with-premium-materials-' . $imagePathLocationString . '.jpg',
          'imageAlt' => 'Custom designed patio with premium materials and elegant finish' . $altLocationString,
      ],
      [
          'title' => 'Outdoor Kitchens',
          'description' => 'Elevate your culinary experiences with a fully equipped outdoor kitchen.
              From grills to countertops, we design functional spaces that make cooking and entertaining a delight.',
          'imageUrl' => '/img/pages/services/Outdoor-Living/pools-outdoor-living-3-2_fully-equipped-outdoor-kitchen-with-modern-appliances-' . $imagePathLocationString . '.jpg',
          'imageAlt' => 'Fully equipped outdoor kitchen with modern appliances and stylish design' . $altLocationString,
      ],
      [
          'title' => 'Fire Pits and Fireplaces',
          'description' => 'Create a warm, inviting atmosphere with our custom fire pits and
              fireplaces. These features are perfect for cozy gatherings on cool evenings, enhancing your outdoor living
              experience.',
          'imageUrl' => '/img/pages/services/Outdoor-Living/pools-outdoor-living-3-3_custom-fire-pit-and-fireplace-designs-' . $imagePathLocationString . '.jpg',
          'imageAlt' => 'Custom fire pit and fireplace designs for outdoor entertainment' . $altLocationString,
      ],
      [
          'title' => 'Pergolas and Shade Structures',
          'description' =>
              'Add elegance and comfort to your outdoor space with a beautifully crafted pergola or shade structure. These features provide shelter from the sun while enhancing the aesthetic of your backyard.',
          'imageUrl' => '/img/pages/services/Outdoor-Living/pools-outdoor-living-3-4_elegant-pergolas-and-shade-structures-' . $imagePathLocationString . '.jpg',
          'imageAlt' => 'Elegant pergolas and shade structures for outdoor comfort' . $altLocationString,
      ],
      [
          'title' => 'Landscape Design',
          'description' => 'Our landscape design services include the installation of gardens,
              pathways, and lighting to enhance your outdoor environment.',
          'imageUrl' => '/img/pages/services/Outdoor-Living/pools-outdoor-living-3-5_professional-landscape-lighting-design-' . $imagePathLocationString . '.jpg',
          'imageAlt' => 'Professional landscape lighting design for enhanced outdoor ambiance' . $altLocationString,
      ],
  ]);
@endphp

<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" data-theme="light">

<head>
  <x-landing.sections.metas-fav-fonts title="Outdoor Living Spaces{{ $areaCity }}"
    description="Transform your backyard{{ $areaString }} into a luxurious outdoor living space. We create stunning outdoor kitchens, fire pits, and entertainment areas that extend your living space."
    keywords="outdoor living{{ !empty($cityString) ? ', outdoor living'. strtolower($cityString) : '' }}, outdoor kitchen, fire pit, outdoor entertainment, backyard transformation, outdoor spaces, Florida outdoor living"
    ogImage="/img/pages/services/Outdoor-Living/pools-outdoor-living-hero_professional-outdoor-living-space-design-{{ $imagePathLocationString }}.jpg" ogType="article" />
  @php
    $jsonLdData = [
      'name' => 'Outdoor Living Spaces' . (($city ?? '') ? ' in ' . $city : ' in Florida') . ' | Custom Outdoor Design – Apex Pavers & Pools',
      'description' => 'Premier outdoor living space design and construction services in ' . (($city ?? '') ? $city : 'Florida') . '. Apex Pavers & Pools creates luxurious outdoor kitchens, fire features, and entertainment areas that transform your backyard into an elegant extension of your home.',
      'serviceName' => 'Outdoor Living Spaces',
      'serviceType' => 'Outdoor Living Design and Construction',
      'serviceDescription' => 'Transform your backyard ' . ($areaString ?? 'in Florida') . ' into a luxurious outdoor living space. We create stunning outdoor kitchens, fire pits, and entertainment areas that extend your living space.',
      'category' => 'Outdoor Living',
      'catalogName' => 'Outdoor Living Services',
      'services' => [
        [
          'name' => 'Outdoor Kitchen Design & Installation',
          'description' => 'Complete outdoor kitchen design and installation with premium appliances',
        ],
        [
          'name' => 'Fire Pit & Fireplace Installation',
          'description' => 'Custom fire features for warmth and ambiance in your outdoor space',
        ],
        [
          'name' => 'Pergola & Shade Structure Installation',
          'description' => 'Beautiful pergolas and shade structures for comfort and style',
        ],
        [
          'name' => 'Custom Patio Design & Installation',
          'description' => 'Premium patio design and installation with quality materials',
        ]
      ],
      'breadcrumbName' => 'Outdoor Living in ' . (($city ?? '') ? $city : 'Florida')
    ];
  @endphp

  @include('components.ldjson.services', $jsonLdData)
  @if (file_exists(public_path('build/manifest.json')) || file_exists(public_path('hot')))
    @vite(['resources/css/app.css', 'resources/js/services.js'])
  @endif
</head>

<body>
  <x-landing-layout>
    {{-- Banner --}}
    <x-landing.banner class="bg-pool-mobile" :background="['url' => '/img/pages/services/Outdoor-Living/pools-outdoor-living-hero_professional-outdoor-living-space-design-'.$imagePathLocationString.'.jpg', 'altImage' => 'Professional outdoor living space design with luxury features and expert craftsmanship'.$altLocationString]">
      {{-- Content --}}
      <div class="flex max-w-2xl flex-col justify-center">
        <h1 class="title-page uppercase mb-4">Outdoor Living{{ str_replace(', FL', '', $areaStringCode) }}</h1>
        <x-landing.subtitle>Outdoor spaces to enjoy all year round.</x-landing.subtitle>
      </div>
    </x-landing.banner>

    {{-- Transform section --}}
    <section class="bg-gray-50 pt-12 lg:pt-0 pb-4 md:pb-20 relative z-30">
      <div class="container">
        <x-landing.sections.services-image-split-section
          :images="[
            [
              'url' => '/img/pages/services/Outdoor-Living/pools-outdoor-living-1_custom-outdoor-living-space-with-modern-design-'.$imagePathLocationString.'.jpg',
              'alt' => 'Custom outdoor living space with modern design and premium features'.$altLocationString,
              'title' => 'Outdoor Living Spaces'.$cityString,
            ],
          ]">
          <x-slot:title>Outdoor Living Spaces{{ $cityString }}</x-slot:title>
          At Apex Pavers & Pools, we believe your outdoor space should be an extension of your home, providing a
          sanctuary for relaxation, entertainment, and family gatherings. Our outdoor living solutions are designed to
          enhance your lifestyle, blending functionality with beauty to create the perfect environment for enjoying
          the great outdoors. If you need structural support, our <a href="{{ route('services.features.retaining-walls') }}" class="text-primary underline" title="Retaining Wall Services - Professional Structural Support{{ $areaString }}">retaining wall services</a>
          can integrate seamlessly with your new outdoor living area.
          See examples in our <a href='{{ route('gallery.show', 'outdoor-kitchens') }}' class='text-primary underline' title="Outdoor Living Gallery - View Our Custom Outdoor Kitchen Projects{{ $areaString }}">outdoor living gallery</a> and learn how our <a href='{{ route('services.pools.decks') }}' class='text-primary underline' title="Pool Deck Services - Custom Pool Deck Installation{{ $areaString }}">pool deck services</a> complement your design.
        </x-landing.sections.services-image-split-section>
      </div>
    </section>

    <!-- Why Choose Custom Pool Design Section -->
    <section class="bg-white py-12 lg:py-20">
      <div class="container">
        <x-landing.sections.services-image-stack-section
          imageUrl="/img/pages/services/Outdoor-Living/pools-outdoor-living-2_elegant-outdoor-living-area-with-custom-features-{{ $imagePathLocationString }}.jpg"
          imageAlt="Elegant outdoor living area with custom features and professional design{{ $altLocationString }}">
          <x-slot:title>Why Choose Apex Pavers & Pools to
            Create Your Outdoor Living Spaces?</x-slot:title>
          <p class="mx-auto max-w-5xl text-lg leading-relaxed text-gray-700">
            With years of experience and a passion for outdoor living, Apex Pavers & Pools is your go-to partner for
            transforming your backyard into a stunning retreat{{ isset($city) ? " in the vibrant community of $city, FL" : " across Florida" }}. Our team of skilled professionals is committed to
            quality craftsmanship and customer satisfaction. We take the time to understand your needs and tailor our services
            to create a space you and your family will love for years. Pair your patio with our
            <a href="{{ route('services.pavers.patios-walkways') }}" class="text-primary underline" title="Paver Walkways - Professional Patio and Walkway Installation{{ $areaString }}">paver walkways</a>
            for a cohesive design.
          </p>
        </x-landing.sections.services-image-stack-section>
      </div>
    </section>


    {{-- Popular Pool Designs Features --}}
    <section class="bg-white pt-12 md:pt-20">
      <div class="container px-0">
        <x-landing.sections.services-feature-tabs-section title="Custom Outdoor Living Solutions" :slides="$slides">
          <x-slot:description>
            <p class="mx-auto mb-8 mt-6 max-w-5xl text-lg leading-relaxed text-gray-700">
              We offer various outdoor living services catering to your specific needs and preferences. Whether you’re
              looking to create a cozy patio, an elegant outdoor kitchen, or a tranquil retreat, our team is dedicated
              to
              bringing your vision to life. Here's what we can do for you. We also work closely with our
              <a href="{{ route('services.pools.design') }}" class="text-primary underline" title="Pool Design Services - Expert Pool Design and Planning{{ $areaString }}">pool design team</a>
              to unify your outdoor features.
            </p>
          </x-slot:description>
        </x-landing.sections.services-feature-tabs-section>
      </div>
    </section>

    {{-- Google Map - Area Map --}}
    <section class="mt-10 bg-gray-50 py-12 md:py-20">
      @if (isset($city) && $city !== "Near Me")
        <x-landing.maps.services title="Bring Your {{ $city }} Backyard to Life with Full Outdoor Living Spaces"
          city="{{ $areaSlug }}" :location="$location">
          <p class="mx-auto max-w-4xl text-lg text-gray-600">
            {{ $location['description'] }}
          </p>
        </x-landing.maps.services>
      @else
        <x-landing.sections.services-areas :areas="$areas" route="services.features.outdoor-living.area"
          currentSlug="{{ $areaSlug }}">
          <h2 class="title-section-blue-variant mb-8 text-pretty leading-tight">Apex Pavers & Pools builds outdoor living spaces
            for clients throughout:</h2>
        </x-landing.sections.services-areas>
      @endif
    </section>
    <x-landing.awards-section />
    {{-- Years Premium Service --}}
    <x-landing.section-premium-services class="pb-0 lg:py-20" />

    {{-- FAQ Section with radio inputs (fixed version) --}}
    <section class="bg-gray-100 py-20 pb-36">
      <div class="container mx-auto">
        <h2 class="title-section-blue-variant mb-4 text-center">Frequently Asked Questions</h2>
        <small class="mx-auto mb-8 block max-w-xl text-center text-base leading-tight text-[#5c89a1]">We are here to
          help
          you answer the common questions to help you prepare for your upcoming outdoor living project.</small>
        <x-landing.sections.faq-section :faqs="$faqs" />
      </div>
    </section>
    {{-- Footer --}}
    <x-landing.footer :hasLocation="false" />
  </x-landing-layout>
</body>

</html>