{{-- Mockup de trabajo — página de servicio "Paver Driveways" (general, sin
     ciudad). Extiende layouts.service: el bloque final (social-proof,
     how-it-works, reviews-carousel, service-locations, estimate-cta, footer)
     lo pone el layout, acá solo va el contenido propio del servicio. --}}
@extends('layouts.service')

{{-- El <title> y demás metas los resuelve el SEO central (item 02) desde
     PageSeoService (vista `services.service-mockup`) vía el View::composer.
     Por eso ya no hay @section('title') acá. --}}

@section('hero')
  <x-heroes.service image="{{ Vite::asset('resources/images/services/paver-driveways/driveway-finished-wide.jpg') }}"
    alt="Paver driveway installation at a modern Florida home"
    subtitle="Sturdy and stylish vehicle entrances."
    badge="Driveways starting from $5,000">
    <x-slot:title>
      <div class="inline-block max-w-150"><span>Paver Driveway Installation in</span> <span class="text-muted italic">Palm Beach &</span> <span class="text-muted italic whitespace-nowrap">Broward County</span></div>
    </x-slot:title>
  </x-heroes.service>
@endsection

@section('service-content')

  {{-- 1. Transform Your Driveway Into a Beautiful First Impression (Figma node 195:416).
       Reusa x-home.why-choose-us: mismo collage de 3 fotos (1 grande + 2 apiladas) que ya
       existe en el componente, solo cambia el contenido del slot. --}}
  <x-home.why-choose-us cta-label="" :images="[
      [
          'image' => Vite::asset('resources/images/services/paver-driveways/driveway-main.jpg'),
          'alt' => 'Brick paver driveway at a modern Florida home',
      ],
      ['image' => Vite::asset('resources/images/services/paver-driveways/driveway-border-detail.jpg'), 'alt' => 'Elegant brick driveway entrance'],
      ['image' => Vite::asset('resources/images/services/paver-driveways/driveway-walkway-entrance.jpg'), 'alt' => 'Paver walkway leading to front entrance'],
  ]">
    <div class="max-w-150 bg-transparent">
      <x-home.section-header eyebrow="Brick Driveways" :hasHyphen="false">
        Transform Your <span class="text-muted italic">Driveway</span>
        <span class="whitespace-nowrap">Into a Beautiful</span> First Impression
      </x-home.section-header>
      <p class="text-muted mt-6 text-base font-light leading-relaxed">
        Your driveway is one of the first things people notice about your home. If it is cracked,
        stained, faded, uneven, or outdated, it can make the entire property feel less finished. A
        professionally installed paver driveway can instantly improve curb appeal, add structure to
        your front entrance, and create a cleaner, more polished look for your home.
      </p>
      <p class="text-muted mt-4 text-base font-light leading-relaxed">
        At {{config('company.legal_name')}}, we design and install custom paver driveways for homeowners
        throughout Palm Beach County and Broward County. Whether you want to replace an old concrete
        driveway, upgrade to brick pavers, refresh your home's entrance, or create a more elegant
        driveway layout, our team can help you bring the project together from design to
        installation.
      </p>
      <div class="mb-12 mt-8 flex gap-4">
        <a href="{{ route('estimate') }}" class="btn btn-warm">
          <span class="uppercase">Schedule A Free Estimate</span>
        </a>
        <a href="{{ config('company.phone.href') }}" class="btn btn-muted flex-none px-3 md:px-6">
          <x-lucide-phone class="h-4 w-4" fill="currentColor" stroke="currentColor" />
          <span>Call {{ config('company.phone.label') }}</span>
        </a>
      </div>
    </div>
  </x-home.why-choose-us>

  {{-- 2. Professional Driveway Installation for Palm Beach & Broward Homes (Figma node 195:453). --}}
  <x-home.centered-photo-feature eyebrow="Driveway Installation" background="bg-deep-1" :images="[
        ['image' => Vite::asset('resources/images/services/paver-driveways/driveway-install-materials.jpg'), 'alt' => 'Paver driveway installation materials'],
        ['image' => Vite::asset('resources/images/services/paver-driveways/driveway-install-compactor.jpg'), 'alt' => 'Plate compactor on a paver driveway installation'],
        ['image' => Vite::asset('resources/images/services/paver-driveways/driveway-finished-wide.jpg'), 'alt' => 'Finished driveway at a Florida home'],
    ]">
    <x-slot:title>
      Professional <span class="text-muted italic">Driveway Installation</span> <span class="whitespace-nowrap">for
        Palm</span> Beach &
      Broward Homes
    </x-slot:title>

    <p class="text-muted text-base font-light leading-relaxed">
      A driveway needs to do more than look good. It needs to handle daily vehicle traffic, Florida
      heat, heavy rain, drainage needs, and the overall style of your property. That is why choosing
      the right driveway contractor matters.
    </p>
    <p class="text-muted text-base font-light leading-relaxed">
      Our driveway installation process focuses on both beauty and function. We help homeowners
      choose the right paver style, color blend, pattern, border, layout, and finish so the driveway
      complements the home instead of looking like an afterthought.
    </p>
    <p class="text-muted text-base font-light leading-relaxed">
      From modern driveway pavers to classic brick driveway designs, we create driveways that feel
      intentional, durable, and tailored to the property.
    </p>
  </x-home.centered-photo-feature>

  {{-- 3. Why Choose a Paver Driveway? (Figma node 195:515). --}}
  <x-home.pitch-with-checklist eyebrow="Paver Driveway" lead="Why Choose a" emph="Paver Driveway?"
    checklist-heading="A professionally installed paver driveway can help:"
    :checklist-items="[
        'Improve curb appeal',
        'Refresh the front of your home',
        'Replace cracked or stained concrete',
        'Create a more upscale entrance',
        'Add texture, color, and architectural detail',
        'Improve the flow from driveway to walkway, patio, or pool area',
        'Make your property feel more finished and inviting',
    ]">
    <p class="text-muted mt-6 text-base font-light leading-relaxed">
      A paver driveway is one of the most popular upgrades for homeowners who want a stronger visual
      impact than plain concrete. Pavers offer design flexibility, long-lasting curb appeal, and the
      ability to create a custom look with different colors, textures, borders, and patterns.
    </p>
    <p class="text-muted mb-12 mt-4 text-base font-light leading-relaxed">
      Unlike a plain concrete slab, a paver driveway gives you more design control. You can choose a
      clean modern look, a traditional brick driveway style, a natural stone-inspired finish, or a
      custom border that frames the driveway beautifully.
    </p>
  </x-home.pitch-with-checklist>

  {{-- 4. Brick Driveways, Concrete Pavers & Custom Driveway Designs (Figma node 196:731). --}}
  <x-home.centered-feature-list eyebrow="Driveway Services"
    intro="Every home has a different style, and your driveway should match the look of the property. {{config('company.legal_name')}} offers custom driveway paver options for homeowners who want a driveway that fits their architecture, landscaping, and outdoor living space."
    :features="[
        [
            'image' => Vite::asset('resources/images/services/paver-driveways/driveway-brick-pavers.jpg'),
            'alt' => 'Brick paver driveway',
            'title' => 'Brick Paver Driveways',
            'body' =>
                'Brick paver driveways create a classic, timeless look. They work well with many Palm Beach and Broward homes and can add warmth, texture, and character to the front of the property. Brick driveway designs are especially popular for homeowners who want a more traditional or elegant appearance.',
        ],
        [
            'image' => Vite::asset('resources/images/services/paver-driveways/driveway-concrete-pavers.jpg'),
            'alt' => 'Concrete paver driveway',
            'title' => 'Concrete Paver Driveways',
            'body' =>
                'Concrete pavers are a versatile choice for driveway installation. They come in many colors, shapes, sizes, and finishes, making them a strong option for modern, transitional, and Mediterranean-style homes. Concrete pavers can create a clean, structured look while still offering plenty of design flexibility.',
        ],
        [
            'image' => Vite::asset('resources/images/services/paver-driveways/driveway-border-accent.jpg'),
            'alt' => 'Driveway border detail',
            'title' => 'Porcelain Paver Driveways',
            'body' =>
                'Borders can make a major difference in the final look of a paver driveway. A contrasting border can define the driveway, add visual interest, and help the installation feel more custom. Borders can also be used to highlight curves, walkways, aprons, and garage entrances.',
        ],
        [
            'image' => Vite::asset('resources/images/services/paver-driveways/driveway-pattern-herringbone.jpg'),
            'alt' => 'Driveway paver pattern',
            'title' => 'Driveway Patterns',
            'body' =>
                'The paver pattern affects both the appearance and the performance of the driveway. Popular driveway paver patterns include herringbone, running bond, basketweave, and modular layouts. We help you choose a pattern that fits the design of your home and the way the driveway will be used.',
        ],
    ]">
    <x-slot:title>
      <span class="whitespace-nowrap">Brick <strong class='text-muted font-normal italic'>Driveways</strong>,</span> <span
        class="whitespace-nowrap">Concrete <strong class='text-muted font-normal italic'>Pavers</strong></span> <span
        class="whitespace-nowrap">& Custom <strong class='text-muted font-normal italic'>Driveway Designs</strong></span>
    </x-slot:title>
  </x-home.centered-feature-list>

  {{-- 5. Driveway Renovation: Replace an Old, Cracked, or Outdated Driveway (Figma node 197:779). --}}
  <x-home.centered-photo-feature eyebrow="Driveway Renovation" :images="[['image' => Vite::asset('resources/images/services/paver-driveways/driveway-renovation-wide.jpg'), 'alt' => 'Renovated paver driveway']]"
    checklist-heading="A driveway renovation can help solve problems like:" :checklist-items="[
        'Cracked concrete',
        'Faded or outdated materials',
        'Stains from vehicles, rust, or weather',
        'Uneven or aging surfaces',
        'Poor curb appeal',
        'A driveway that no longer matches the home',
    ]">
    <x-slot:title>
      Driveway <span class="text-muted italic">Renovation</span>: Replace an Old, Cracked, or
      Outdated Driveway
    </x-slot:title>

    <p class="text-muted text-base font-light leading-relaxed">
      If your current driveway is worn out, stained, cracked, or no longer matches the rest of your
      home, a driveway renovation can make a dramatic difference. Many homeowners contact us when
      their driveway has become one of the weakest parts of the property's exterior. The landscaping
      may look clean, the home may be well-maintained, and the backyard may be updated, but an old
      driveway can still hurt the entire first impression.
    </p>
    <p class="text-muted text-base font-light leading-relaxed">
      With a new paver driveway, your home can feel cleaner, more refined, and more visually
      connected from the street to the front door.
    </p>
  </x-home.centered-photo-feature>

  {{-- 6. Driveways Designed for Curb Appeal & Everyday Use (Figma node 201:869). --}}
  <x-home.pitch-with-checklist eyebrow="Driveway Design" background="bg-deep-1"
    checklist-heading="We focus on:" :checklist-items="[
        'Proper preparation',
        'Clean layout planning',
        'Paver selection',
        'Border and pattern design',
        'Drainage considerations',
        'Strong edge definition',
        'A finished look that matches the home',
    ]">
    <x-slot:title>
      <span class="text-muted italic">Driveways</span> Designed for Curb Appeal & Everyday Use
    </x-slot:title>

    <p class="text-muted mt-6 text-base font-light leading-relaxed md:mt-8">
      A beautiful driveway still needs to be practical. In Palm Beach and Broward County, driveways
      need to be planned with drainage, slope, soil conditions, and frequent rain in mind. Our team
      looks at how water moves across the property, how vehicles enter and exit, and how the
      driveway connects to the garage, walkway, front entry, and street.
    </p>
    <p class="text-muted mb-12 mt-6 text-base font-light leading-relaxed md:mt-8">
      The goal is to create a driveway that looks good on day one and continues to serve your home
      well over time.
    </p>
  </x-home.pitch-with-checklist>

  {{-- 7. Driveway Pavers That Match Your Outdoor Living Space (Figma node 201:902). --}}
  <x-home.image-with-checklist eyebrow="Driveway Renovation"
    image="{{ Vite::asset('resources/images/services/paver-driveways/driveway-patio-connection.jpg') }}"
    alt="Driveway paver connecting to patio and outdoor living space"
    checklist-heading="A driveway renovation can help solve problems like:"
    footer-content="This is especially valuable for homeowners who want the front and backyard to feel connected through color, material, and design."
    :checklist-items="[
        'Front walkways',
        'Patio pavers',
        'Pool deck pavers',
        'Travertine areas',
        'Outdoor kitchens',
        'Decorative concrete overlays',
        'Entryways and side paths',
    ]">
    <x-slot:title>
      <span class="text-muted italic">Driveway Pavers</span> That Match Your Outdoor Living Space
    </x-slot:title>

    <p class="text-muted text-base font-light leading-relaxed">
      Because {{config('company.legal_name')}} also works with patios, pool decks, walkways, and outdoor
      living spaces, we can help you create a more coordinated exterior design. If you are planning a
      larger outdoor upgrade, your driveway can be designed to complement:
    </p>
  </x-home.image-with-checklist>
@endsection