@extends('layouts.app')

@section('robots', 'noindex, follow')

@php
    use App\Helpers\SeoHelper;
    $locale = app()->getLocale();
    $isLocationPage = isset($withLocation) && $withLocation;

    $localizedRoute = function($routeName, $params = []) use ($locale) {
        return SeoHelper::localizedRoute($routeName, $params, $locale);
    };

    $serviceLower = strtolower($serviceIndustry['service_name']);
    $industryLower = strtolower($serviceIndustry['industry_name']);
    $currentYear = date('Y');

    $locationDisplayName = null;
    if ($isLocationPage && isset($locationData)) {
        $locationDisplayName = ($locale === ($locationData['country_language'] ?? '') || (in_array($locale, ['pt', 'br'], true) && !empty($locationData['native_name']))) ? ($locationData['native_name'] ?? $locationData['name']) : ($locationData['name'] ?? '');
    }
    $locationSuffix = ($isLocationPage && isset($locationDisplayName)) ? __('messages.service_industry_page.in_location', ['location' => $locationDisplayName]) : '';

    if ($isLocationPage && isset($locationDisplayName)) {
        $metaDescription = __('messages.service_industry_page.meta_description_with_location', ['service' => $serviceLower, 'industry' => $industryLower, 'location' => $locationDisplayName]);
    } else {
        $metaDescription = __('messages.service_industry_page.meta_description', ['service' => $serviceLower, 'industry' => $industryLower]);
    }
    $keywords = [
        "{$serviceLower} for {$industryLower}",
        "{$industryLower} {$serviceLower}",
        "best {$serviceLower} {$industryLower}",
        "{$industryLower} {$serviceLower} agency",
        "professional {$serviceLower} {$industryLower}",
        "{$serviceLower} company for {$industryLower}",
        "{$industryLower} " . __('messages.meta.digital_marketing'),
        "{$serviceLower} services {$industryLower}",
        "affordable {$serviceLower} {$industryLower}",
        "{$industryLower} online presence"
    ];
    if ($isLocationPage && isset($locationData)) {
        $keywords = array_merge($keywords, explode(', ', __('messages.service_industry_page.meta_keywords_with_location', ['service' => $serviceLower, 'industry' => $industryLower, 'location' => $locationDisplayName ?? $locationData['name'] ?? ''])), $locationData['keywords'] ?? [], [$locationData['name'] ?? '', $locationData['country_name'] ?? '']);
        $keywords = array_values(array_unique(array_filter($keywords)));
    }
@endphp

@section('title', $isLocationPage ? ($pageTitle . __('messages.meta.title_suffix')) : ($pageTitle . ' | ' . __('messages.service_industry_page.meta_title_expert') . ' ' . $serviceIndustry['service_name'] . ' ' . __('messages.service_industry_page.meta_title_agency') . ' ' . $currentYear . ' - ' . __('messages.meta.brand_short')))
@section('meta_description', $metaDescription)
@php
    $ogImage = isset($serviceIndustry['parent_service']['listingImage']) ? asset($serviceIndustry['parent_service']['listingImage']) : asset('images/og-service-industry.jpg');
@endphp
@section('og_image', $ogImage)

@push('head')
{{-- Primary Meta Tags --}}
<meta name="keywords" content="{{ implode(', ', $keywords) }}">
<meta name="author" content="{{ __('messages.meta.author') }}">
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
{{-- Canonical is output by layout (config-based URL) --}}

{{-- Additional SEO Meta --}}
@if($isLocationPage && isset($locationData))
{{-- Geo meta is output by layout from controller $geo_region, $geo_placename, $geo_position --}}
@endif
<meta name="rating" content="general">
<meta name="revisit-after" content="7 days">

{{-- Schema.org Service --}}
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Service",
  "name": "{{ $pageTitle }}",
  "description": "{{ $metaDescription }}",
  "url": "{{ \App\Helpers\SeoHelper::getCanonicalUrl() }}",
  "provider": {
    "@type": "Organization",
    "name": "{{ __('messages.brand_name') }}",
    "url": "{{ url('/') }}",
    "logo": {
      "@type": "ImageObject",
      "url": "{{ asset('images/logo.webp') }}",
      "width": 200,
      "height": 60
    },
    "sameAs": [
      "https://www.facebook.com/CriazoDigital",
      "https://www.instagram.com/criazoDigital"
    ],
    "address": {
      "@type": "PostalAddress",
      "addressLocality": "{{ __('messages.meta.address_locality_default') }}",
      "addressCountry": "PT"
    },
    "contactPoint": {
      "@type": "ContactPoint",
      "telephone": "+351-XXX-XXX-XXX",
      "contactType": "{{ __('messages.meta.contact_type_sales') }}",
      "availableLanguage": ["English", "Portuguese", "Spanish"]
    }
  },
  "areaServed": {!! json_encode(\App\Helpers\SeoHelper::getAreaServedForSchema()) !!},
  "inLanguage": "{{ \App\Helpers\SeoHelper::getCurrentLanguageCode() }}",
  "serviceType": "{{ $serviceIndustry['service_name'] }}",
  "category": "{{ __('messages.meta.schema_category_services') }}",
  "audience": {
    "@type": "BusinessAudience",
    "audienceType": "{{ $serviceIndustry['industry_name'] }} businesses",
    "numberOfEmployees": {
      "@type": "QuantitativeValue",
      "minValue": 1,
      "maxValue": 500
    }
  },
  "hasOfferCatalog": {
    "@type": "OfferCatalog",
    "name": "{{ __('messages.service_industry_page.schema_packages', ['service' => $serviceIndustry['service_name']]) }}",
    "itemListElement": [
      {
        "@type": "Offer",
        "itemOffered": {
          "@type": "Service",
          "name": "{{ __('messages.service_industry_page.schema_essential_package') }}"
        },
        "price": "1490",
        "priceCurrency": "EUR"
      },
      {
        "@type": "Offer",
        "itemOffered": {
          "@type": "Service",
          "name": "{{ __('messages.service_industry_page.schema_growth_package') }}"
        },
        "price": "2490",
        "priceCurrency": "EUR"
      },
      {
        "@type": "Offer",
        "itemOffered": {
          "@type": "Service",
          "name": "{{ __('messages.service_industry_page.schema_scale_package') }}"
        },
        "price": "3990",
        "priceCurrency": "EUR"
      }
    ]
  },
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.9",
    "reviewCount": "189",
    "bestRating": "5",
    "worstRating": "1"
  }
}
</script>

{{-- FAQPage schema removed: same 8 templated Q&As on every service+industry URL caused Google to flag all as cloned/duplicate. FAQ content remains in HTML below for users. --}}

{{-- Schema.org HowTo --}}
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "HowTo",
  "name": "{{ __('messages.service_industry_page.schema_howto_name', ['service' => $serviceIndustry['service_name'], 'industry' => $serviceIndustry['industry_name']]) }}",
  "description": "{{ __('messages.service_industry_page.schema_howto_desc', ['service' => $serviceLower, 'industry' => $industryLower]) }}",
  "totalTime": "P14D",
  "estimatedCost": {
    "@type": "MonetaryAmount",
    "currency": "EUR",
    "value": "1990-5990"
  },
  "step": [
    {
      "@type": "HowToStep",
      "position": 1,
      "name": "{{ __('messages.service_industry_page.schema_step1_name') }}",
      "text": "{{ __('messages.service_industry_page.schema_step1_text', ['industry' => $industryLower, 'service' => $serviceLower]) }}",
      "url": "{{ $localizedRoute('contact.index') }}"
    },
    {
      "@type": "HowToStep",
      "position": 2,
      "name": "{{ __('messages.service_industry_page.schema_step2_name') }}",
      "text": "{{ __('messages.service_industry_page.schema_step2_text', ['service' => $serviceLower, 'industry' => $industryLower]) }}",
      "url": "{{ \App\Helpers\SeoHelper::getCanonicalUrl() }}"
    },
    {
      "@type": "HowToStep",
      "position": 3,
      "name": "{{ __('messages.service_industry_page.schema_step3_name') }}",
      "text": "{{ __('messages.service_industry_page.schema_step3_text', ['service' => $serviceLower]) }}",
      "url": "{{ \App\Helpers\SeoHelper::getCanonicalUrl() }}"
    },
    {
      "@type": "HowToStep",
      "position": 4,
      "name": "{{ __('messages.service_industry_page.schema_step4_name') }}",
      "text": "{{ __('messages.service_industry_page.schema_step4_text', ['service' => $serviceLower, 'industry' => $industryLower]) }}",
      "url": "{{ \App\Helpers\SeoHelper::getCanonicalUrl() }}"
    }
  ]
}
</script>

{{-- Schema.org BreadcrumbList --}}
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "{{ __('messages.service_industry_page.schema_breadcrumb_home') }}",
      "item": "{{ $localizedRoute('home') }}"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "{{ __('messages.service_industry_page.schema_breadcrumb_services') }}",
      "item": "{{ $localizedRoute('services.index') }}"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "{{ $serviceIndustry['service_name'] }}",
      "item": "{{ $localizedRoute('services.show', ['slug' => $serviceSlug]) }}"
    },
    {
      "@type": "ListItem",
      "position": 4,
      "name": "{{ $serviceIndustry['industry_name'] }}",
      "item": "{{ $isLocationPage ? $localizedRoute('service.industry', ['serviceSlug' => $serviceSlug, 'industrySlug' => $industrySlug]) : \App\Helpers\SeoHelper::getCanonicalUrl() }}"
    }
    @if($isLocationPage && isset($locationData))
    ,{
      "@type": "ListItem",
      "position": 5,
      "name": "{{ $locationDisplayName ?? $locationData['name'] }}",
      "item": "{{ \App\Helpers\SeoHelper::getCanonicalUrl() }}"
    }
    @endif
  ]
}
</script>

{{-- Schema.org LocalBusiness/ProfessionalService --}}
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "ProfessionalService",
  "name": "{{ __('messages.meta.brand_short') }} - {{ $serviceIndustry['service_name'] }} {{ __('messages.service_industry_location.schema_for') }} {{ $serviceIndustry['industry_name'] }}@if($isLocationPage && isset($locationData)) {{ __('messages.service_location.in') }} {{ $locationDisplayName ?? $locationData['name'] }}@endif",
  "description": "{{ $metaDescription }}",
  "url": "{{ \App\Helpers\SeoHelper::getCanonicalUrl() }}",
  "priceRange": "€€€",
  "telephone": "+351-XXX-XXX-XXX",
  "email": "hello@criazo.com",
  "address": {
    "@type": "PostalAddress",
    "addressLocality": "{{ $isLocationPage && isset($locationData) ? ($locationDisplayName ?? $locationData['name']) : __('messages.meta.address_locality_default') }}",
    "addressCountry": "{{ $isLocationPage && isset($locationData) ? ($locationData['country_code'] ?? 'PT') : (optional(\App\Helpers\SeoHelper::getGeoForLocale())['region'] ?? 'PT') }}"
  },
  "geo": {
    "@type": "GeoCoordinates",
    "latitude": {{ $isLocationPage && !empty($locationData['coordinates']) ? $locationData['coordinates']['lat'] : '38.7223' }},
    "longitude": {{ $isLocationPage && !empty($locationData['coordinates']) ? $locationData['coordinates']['lng'] : '-9.1393' }}
  },
  @if($isLocationPage && isset($locationData))
  "areaServed": {
    "@type": "City",
    "name": "{{ $locationDisplayName ?? $locationData['name'] }}",
    @if(!empty($locationData['native_name']) && $locationData['native_name'] !== $locationData['name'])
    "alternateName": "{{ $locationData['native_name'] }}",
    @endif
    "containedInPlace": { "@type": "Country", "name": "{{ $locationData['country_name'] ?? '' }}" }
  },
  @else
  "areaServed": {!! json_encode(\App\Helpers\SeoHelper::getAreaServedForSchema()) !!},
  @endif
  "openingHoursSpecification": {
    "@type": "OpeningHoursSpecification",
    "dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday"],
    "opens": "{{ __('messages.meta.opens_time') }}",
    "closes": "{{ __('messages.meta.closes_time') }}"
  },
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.9",
    "reviewCount": "189"
  }
}
</script>

{{-- Schema.org Review snippets --}}
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "{{ $pageTitle }}",
  "description": "{{ $metaDescription }}",
  "brand": {
    "@type": "Brand",
    "name": "{{ __('messages.meta.author') }}"
  },
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.9",
    "reviewCount": "189",
    "bestRating": "5"
  },
  "review": [
    {
      "@type": "Review",
      "reviewRating": {
        "@type": "Rating",
        "ratingValue": "5",
        "bestRating": "5"
      },
      "author": {
        "@type": "Person",
        "name": "{{ __('messages.service_common.testimonial_author') }}"
      },
      "reviewBody": "{{ __('messages.service_industry_page.testimonial_transformed', ['count' => 40]) }} {{ __('messages.service_industry_page.testimonial_understands', ['industry' => $industryLower]) }}."
    },
    {
      "@type": "Review",
      "reviewRating": {
        "@type": "Rating",
        "ratingValue": "5",
        "bestRating": "5"
      },
      "author": {
        "@type": "Person",
        "name": "Ricardo L."
      },
      "reviewBody": "{{ __('messages.service_industry_page.testimonial_roi', ['service' => $serviceLower, 'weeks' => 6]) }}"
    }
  ],
  "offers": {
    "@type": "AggregateOffer",
    "lowPrice": "1990",
    "highPrice": "5990",
    "priceCurrency": "EUR",
    "offerCount": "3"
  }
}
</script>
@endpush

@section('content')
@php
// Random industry badges for social proof - translated
$allIndustryBadges = [
    __('messages.industries.photographers'),
    __('messages.industries.restaurants'),
    __('messages.industries.hotels'),
    __('messages.industries.consultants'),
    __('messages.industries.real_estate'),
    __('messages.industries.dental_clinics'),
    __('messages.industries.law_firms'),
    __('messages.industries.health_clinics'),
    __('messages.industries.aesthetic_clinics'),
    __('messages.industries.architecture_firms'),
    __('messages.industries.accounting_firms'),
    __('messages.industries.gyms_fitness'),
    __('messages.industries.retail_stores'),
    __('messages.industries.ecommerce'),
    __('messages.industries.saas_tech'),
    __('messages.industries.education'),
    __('messages.industries.financial_services'),
    __('messages.industries.construction'),
];
// Remove current industry and shuffle
$badges = array_filter($allIndustryBadges, fn($b) => strtolower($b) !== strtolower($serviceIndustry['industry_name']));
shuffle($badges);
$displayBadges = array_slice($badges, 0, 4);
$remainingCount = count($badges) - 4;

// Industry-specific pain points
$painPoints = [
    __('messages.service_industry_page.pain_losing_customers'),
    __('messages.service_industry_page.pain_wasting_money'),
    __('messages.service_industry_page.pain_missing_mobile'),
    __('messages.service_industry_page.pain_no_lead_capture'),
    __('messages.service_industry_page.pain_poor_rankings', ['industry' => $industryLower]),
    __('messages.service_industry_page.pain_outdated_website'),
];

// Benefits specific to this service+industry
$benefits = [
    ['icon' => 'M13 7h8m0 0v8m0-8l-8 8-4-4-6 6', 'title' => __('messages.service_industry_page.benefit_roi_title'), 'desc' => __('messages.service_industry_page.benefit_roi_desc')],
    ['icon' => 'M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z', 'title' => __('messages.service_industry_page.benefit_success_title'), 'desc' => __('messages.service_industry_page.benefit_success_desc', ['industry' => $industryLower])],
    ['icon' => 'M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z', 'title' => __('messages.service_industry_page.benefit_launch_title'), 'desc' => __('messages.service_industry_page.benefit_launch_desc')],
    ['icon' => 'M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z', 'title' => __('messages.service_industry_page.benefit_lead_title'), 'desc' => __('messages.service_industry_page.benefit_lead_desc')],
    ['icon' => 'M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z', 'title' => __('messages.service_industry_page.benefit_seo_title'), 'desc' => __('messages.service_industry_page.benefit_seo_desc', ['industry' => $industryLower])],
    ['icon' => 'M12 18h.01M8 21h8a2 2 0 002-2V5a2 2 0 00-2-2H8a2 2 0 00-2 2v14a2 2 0 002 2z', 'title' => __('messages.service_industry_page.benefit_mobile_title'), 'desc' => __('messages.service_industry_page.benefit_mobile_desc')],
];

// Process steps
$processSteps = [
    ['num' => '01', 'title' => __('messages.service_industry_page.discovery_call'), 'desc' => __('messages.service_industry_page.free_call_understand', ['industry' => $industryLower]), 'time' => 'Day 1'],
    ['num' => '02', 'title' => __('messages.service_industry_page.strategy_proposal'), 'desc' => __('messages.service_industry_page.custom_strategy_pricing', ['service' => $serviceLower]), 'time' => 'Day 2-3'],
    ['num' => '03', 'title' => __('messages.service_industry_page.design_build'), 'desc' => __('messages.service_industry_page.industry_optimized_design'), 'time' => 'Day 4-10'],
    ['num' => '04', 'title' => __('messages.service_industry_page.launch_optimize'), 'desc' => __('messages.service_industry_page.go_live_seo'), 'time' => 'Day 11-14'],
];

// Comparison data
$comparisonData = [
    ['feature' => __('messages.service_industry_page.compare_industry_expertise'), 'criazo' => true, 'generic' => false, 'diy' => false],
    ['feature' => __('messages.service_industry_page.compare_specific_features', ['industry' => $serviceIndustry['industry_name']]), 'criazo' => true, 'generic' => false, 'diy' => false],
    ['feature' => __('messages.service_industry_page.compare_seo_optimization'), 'criazo' => true, 'generic' => __('messages.service_industry_page.compare_partial'), 'diy' => false],
    ['feature' => __('messages.service_industry_page.compare_mobile_first'), 'criazo' => true, 'generic' => true, 'diy' => false],
    ['feature' => __('messages.service_industry_page.compare_booking_integrations'), 'criazo' => true, 'generic' => __('messages.service_industry_page.compare_extra_cost'), 'diy' => false],
    ['feature' => __('messages.service_industry_page.compare_support'), 'criazo' => true, 'generic' => __('messages.service_industry_page.compare_30_days'), 'diy' => false],
    ['feature' => __('messages.service_industry_page.compare_conversion_optimization'), 'criazo' => true, 'generic' => false, 'diy' => false],
    ['feature' => __('messages.service_industry_page.compare_analytics_dashboard'), 'criazo' => true, 'generic' => __('messages.service_industry_page.compare_extra_cost'), 'diy' => false],
];
@endphp

<article class="min-h-screen bg-white" itemscope itemtype="https://schema.org/Service">
    
    <!-- Hero Section - Matching Site Design -->
    <section class="relative overflow-hidden bg-white">
        <div class="site-container pt-8 pb-16 lg:pb-20">
            
            <!-- Breadcrumb -->
            <div class="flex flex-wrap items-center gap-3 mb-8">
                <a href="{{ $localizedRoute('services.index') }}" class="text-sm text-neutral-500 hover:text-criazo-primary smooth-transition">{{ __('messages.nav.services') }}</a>
                <span class="text-neutral-300">/</span>
                <a href="{{ $localizedRoute('services.show', ['slug' => $serviceSlug]) }}" class="text-sm text-neutral-500 hover:text-criazo-primary smooth-transition">{{ $serviceIndustry['service_name'] }}</a>
                <span class="text-neutral-300">/</span>
                @if($isLocationPage && isset($locationData))
                <a href="{{ $localizedRoute('service.industry', ['serviceSlug' => $serviceSlug, 'industrySlug' => $industrySlug]) }}" class="text-sm text-neutral-500 hover:text-criazo-primary smooth-transition">{{ $serviceIndustry['industry_name'] }}</a>
                <span class="text-neutral-300">/</span>
                <span class="text-sm font-medium text-criazo-primary">{{ $locationDisplayName ?? $locationData['name'] ?? $locationSlug }}</span>
                @else
                <span class="text-sm font-medium text-criazo-primary">{{ $serviceIndustry['industry_name'] }}</span>
                @endif
            </div>
            
            <div class="grid lg:grid-cols-2 gap-12 lg:gap-20 items-center">
                <!-- Left: Copy -->
                <div class="space-y-6">
                    @if($isLocationPage && isset($locationData))
                    <p class="text-sm font-medium text-criazo-primary">{{ __('messages.service_location.in') }} {{ $locationDisplayName ?? $locationData['name'] }}, {{ $locationData['country_name'] ?? '' }}</p>
                    @endif
                    <h1 class="page-hero__headline text-neutral-900" itemprop="name">
                        {{ $pageTitle }}
                    </h1>
                    
                    <p class="page-hero__subcopy text-neutral-600" itemprop="description">
                        {{ $serviceIndustry['description'] }}
                    </p>
                    
                    <!-- Value Props -->
                    <div class="flex flex-wrap items-center gap-2 py-2">
                        <span class="text-neutral-600 text-sm">{{ __('messages.service_industry_page.industry_expertise', ['industry' => $serviceIndustry['industry_name']]) }}</span>
                        <span class="text-neutral-400">·</span>
                        <span class="text-neutral-600 text-sm">{{ __('messages.service_industry_page.day_delivery', ['count' => 14]) }}</span>
                        <span class="text-neutral-400">·</span>
                        <span class="text-neutral-600 text-sm">{{ __('messages.service_industry_page.support_guarantee') }}</span>
                    </div>
                    
                    <!-- CTAs -->
                    <div class="flex flex-wrap gap-4 pt-4">
                        <a href="{{ $localizedRoute('contact.index') }}" 
                           class="inline-flex items-center px-8 py-4 bg-criazo-primary text-white rounded-full font-semibold hover:bg-criazo-hover smooth-transition shadow-lg hover:shadow-xl">
                            {{ __('messages.service_industry_page.get_your_free_quote', ['location_suffix' => $locationSuffix]) }}
                            <svg class="w-5 h-5 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"/></svg>
                        </a>
                        <a href="{{ $localizedRoute('portfolio.index') }}?service={{ $serviceSlug }}&industry={{ $industrySlug }}" 
                           class="inline-flex items-center px-6 py-4 bg-white border-2 border-neutral-200 text-neutral-900 rounded-full font-semibold hover:border-criazo-primary hover:text-criazo-primary smooth-transition">
                            {{ __('messages.service_industry_page.see_our_work') }}
                            <svg class="w-5 h-5 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/></svg>
                        </a>
                    </div>
                    
                    <!-- Social Proof -->
                    <div class="flex items-center gap-4 pt-4">
                        <div class="flex -space-x-2">
                            <div class="w-8 h-8 rounded-full bg-criazo-primary flex items-center justify-center text-white text-xs font-semibold ring-2 ring-white">{{ __('messages.service_common.avatar_initial_a') }}</div>
                            <div class="w-8 h-8 rounded-full bg-green-500 flex items-center justify-center text-white text-xs font-semibold ring-2 ring-white">{{ __('messages.service_common.avatar_initial_m') }}</div>
                            <div class="w-8 h-8 rounded-full bg-orange-500 flex items-center justify-center text-white text-xs font-semibold ring-2 ring-white">{{ __('messages.service_common.avatar_initial_r') }}</div>
                            <div class="w-8 h-8 rounded-full bg-neutral-800 flex items-center justify-center text-white text-xs font-semibold ring-2 ring-white">{{ __('messages.service_common.avatar_initial_more') }}</div>
                        </div>
                        <p class="text-sm text-neutral-600">
                            {{ __('messages.service_industry_page.businesses_trust_us', ['count' => '189', 'industry' => $industryLower]) }}
                        </p>
                    </div>
                </div>
                
                <!-- Right: Stats Card -->
                <div>
                    <div class="bg-neutral-50 rounded-2xl p-8 shadow-lg">
                        <div class="grid grid-cols-2 gap-6 mb-6">
                            <div class="text-center">
                                <div class="type-stat">189+</div>
                                <div class="text-sm text-neutral-500 mt-1">{{ __('messages.service_industry_page.projects_delivered') }}</div>
                            </div>
                            <div class="text-center">
                                <div class="type-stat">340%</div>
                                <div class="text-sm text-neutral-500 mt-1">{{ __('messages.service_industry_page.avg_lead_increase') }}</div>
                            </div>
                            <div class="text-center">
                                <div class="type-stat">14</div>
                                <div class="text-sm text-neutral-500 mt-1">{{ __('messages.service_industry_page.days_to_launch') }}</div>
                            </div>
                            <div class="text-center">
                                <div class="type-stat">98%</div>
                                <div class="text-sm text-neutral-500 mt-1">{{ __('messages.service_industry_page.client_satisfaction') }}</div>
                            </div>
                        </div>
                        
                        <!-- Testimonial -->
                        <div class="mt-2 rounded-xl bg-white p-5 shadow-sm border border-neutral-100">
                            <p class="text-neutral-600 italic mb-4">"{{ __('messages.service_industry_page.hero_testimonial', ['industry' => $industryLower]) }}"</p>
                            <div class="flex items-center gap-3">
                                <div class="w-10 h-10 bg-criazo-primary rounded-full flex items-center justify-center text-white font-semibold">{{ __('messages.service_common.avatar_initial_s') }}</div>
                                <div>
                                    <p class="font-semibold text-neutral-900 text-sm">{{ __('messages.service_common.testimonial_author') }}</p>
                                    <p class="text-xs text-neutral-500">{{ __('messages.service_industry_page.industry_owner', ['industry' => $serviceIndustry['industry_name']]) }}</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    
    <!-- Problem/Solution Section - Matching Site Design -->
    <section class="py-16 lg:py-20 bg-neutral-50">
        <div class="site-container">
            <div class="grid lg:grid-cols-2 gap-16 items-center">
                <!-- The Problem -->
                <div>
                    <p class="text-sm font-semibold uppercase tracking-label text-red-500 mb-4">{{ __('messages.service_industry_page.without_professional', ['service' => $serviceIndustry['service_name']]) }}</p>
                    <h2 class="section-intro__title mb-6">
                        {{ __('messages.service_industry_page.businesses_struggle', ['industry' => $serviceIndustry['industry_name'], 'location_suffix' => $locationSuffix]) }}
                    </h2>
                    <div class="space-y-4">
                        <div class="flex items-start gap-3">
                            <svg class="w-5 h-5 text-red-400 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/></svg>
                            <p class="text-neutral-600">{{ __('messages.service_industry_page.customers_search_online') }}</p>
                        </div>
                        <div class="flex items-start gap-3">
                            <svg class="w-5 h-5 text-red-400 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/></svg>
                            <p class="text-neutral-600">{{ __('messages.service_industry_page.generic_websites', ['industry' => $industryLower]) }}</p>
                        </div>
                        <div class="flex items-start gap-3">
                            <svg class="w-5 h-5 text-red-400 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/></svg>
                            <p class="text-neutral-600">{{ __('messages.service_industry_page.manual_booking') }}</p>
                        </div>
                    </div>
                </div>
                
                <!-- The Solution -->
                <div class="bg-white rounded-2xl p-8 shadow-lg">
                    <p class="text-sm font-semibold uppercase tracking-label text-green-500 mb-4">{{ __('messages.service_industry_page.with_criazo', ['service' => $serviceIndustry['service_name']]) }}</p>
                    <h3 class="type-heading-sm mb-6">
                        {{ __('messages.service_industry_page.industry_specific_solutions', ['industry' => $serviceIndustry['industry_name'], 'location_suffix' => $locationSuffix]) }}
                    </h3>
                    <div class="space-y-4">
                        <div class="flex items-start gap-3">
                            <svg class="w-5 h-5 text-green-500 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
                            <p class="text-neutral-700">{{ __('messages.service_industry_page.rank_for_searches', ['industry' => $industryLower]) }}</p>
                        </div>
                        <div class="flex items-start gap-3">
                            <svg class="w-5 h-5 text-green-500 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
                            <p class="text-neutral-700">{{ __('messages.service_industry_page.conversion_optimized', ['industry' => $industryLower]) }}</p>
                        </div>
                        <div class="flex items-start gap-3">
                            <svg class="w-5 h-5 text-green-500 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
                            <p class="text-neutral-700">{{ __('messages.service_industry_page.automated_booking') }}</p>
                        </div>
                        <div class="flex items-start gap-3">
                            <svg class="w-5 h-5 text-green-500 mt-1 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
                            <p class="text-neutral-700">{{ __('messages.service_industry_page.avg_lead_increase_90') }}</p>
                        </div>
                    </div>
                    <a href="{{ $localizedRoute('contact.index') }}" class="inline-flex items-center mt-6 text-criazo-primary font-semibold hover:opacity-70 smooth-transition">
                        {{ __('messages.service_industry_page.get_free_strategy', ['industry' => $industryLower, 'location_suffix' => $locationSuffix]) }}
                        <svg class="w-4 h-4 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/></svg>
                    </a>
                </div>
            </div>
        </div>
    </section>
    
    <!-- What You Get Section - Matching Site Design -->
    <section class="py-16 lg:py-20 bg-white">
        <div class="site-container">
            <div class="text-center max-w-3xl mx-auto mb-16">
                <h2 class="section-intro__title mb-4">{{ __('messages.service_industry_page.complete_service_for', ['service' => $serviceIndustry['service_name'], 'industry' => $serviceIndustry['industry_name'], 'location_suffix' => $locationSuffix]) }}</h2>
                <p class="text-xl text-neutral-600">{{ __('messages.service_industry_page.everything_needs', ['industry' => $industryLower, 'location_suffix' => $locationSuffix]) }}</p>
            </div>
            
            <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-4">
                <div class="flex items-center gap-4 p-5 bg-neutral-50 rounded-xl">
                    <svg class="w-5 h-5 text-criazo-primary flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
                    <span class="text-neutral-800">{{ __('messages.service_industry_page.industry_specific_design', ['industry' => $serviceIndustry['industry_name']]) }}</span>
                </div>
                <div class="flex items-center gap-4 p-5 bg-neutral-50 rounded-xl">
                    <svg class="w-5 h-5 text-criazo-primary flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
                    <span class="text-neutral-800">{{ __('messages.service_industry_page.mobile_first_development') }}</span>
                </div>
                <div class="flex items-center gap-4 p-5 bg-neutral-50 rounded-xl">
                    <svg class="w-5 h-5 text-criazo-primary flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
                    <span class="text-neutral-800">{{ __('messages.service_industry_page.seo_optimization') }}</span>
                </div>
                <div class="flex items-center gap-4 p-5 bg-neutral-50 rounded-xl">
                    <svg class="w-5 h-5 text-criazo-primary flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
                    <span class="text-neutral-800">{{ __('messages.service_industry_page.booking_system') }}</span>
                </div>
                <div class="flex items-center gap-4 p-5 bg-neutral-50 rounded-xl">
                    <svg class="w-5 h-5 text-criazo-primary flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
                    <span class="text-neutral-800">{{ __('messages.service_industry_page.analytics_dashboard') }}</span>
                </div>
                <div class="flex items-center gap-4 p-5 bg-neutral-50 rounded-xl">
                    <svg class="w-5 h-5 text-criazo-primary flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
                    <span class="text-neutral-800">{{ __('messages.service_industry_page.months_support', ['count' => 12]) }}</span>
                </div>
                <div class="flex items-center gap-4 p-5 bg-neutral-50 rounded-xl">
                    <svg class="w-5 h-5 text-criazo-primary flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
                    <span class="text-neutral-800">{{ __('messages.service_industry_page.google_maps_integration') }}</span>
                </div>
                <div class="flex items-center gap-4 p-5 bg-neutral-50 rounded-xl">
                    <svg class="w-5 h-5 text-criazo-primary flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
                    <span class="text-neutral-800">{{ __('messages.service_industry_page.whatsapp_chat_integration') }}</span>
                </div>
            </div>
        </div>
    </section>
    
    <!-- Case Studies from [Industry] - Portfolio Projects -->
    @if(isset($projects) && count($projects) > 0)
    <section class="pt-5 pb-14 md:py-14 bg-white">
        <div class="site-container">
            <div class="flex flex-col md:flex-row md:items-end md:justify-between gap-3 mb-2 md:mb-6">
                <div>
                    <h2 class="section-intro__title mb-2">{{ __('messages.service_industry_page.case_studies_from_industry', ['industry' => $serviceIndustry['industry_name']]) }}</h2>
                    <p class="text-xl text-neutral-600">{{ __('messages.service_industry_page.see_examples_from_industry', ['industry' => $industryLower]) }}</p>
                </div>
                <a href="{{ $localizedRoute('portfolio.index') }}?service={{ $serviceSlug }}&industry={{ $industrySlug }}" 
                   class="inline-flex items-center gap-2 text-criazo-primary font-semibold hover:opacity-70 smooth-transition">
                    {{ __('messages.service_industry_page.see_our_work') }}
                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/></svg>
                </a>
            </div>
            <div class="grid md:grid-cols-3 gap-6">
                @foreach($projects as $project)
                <a href="{{ $localizedRoute('portfolio.show', ['slug' => $project['slug']]) }}" class="group bg-white rounded-2xl overflow-hidden shadow-lg hover:shadow-xl smooth-transition">
                    <div class="aspect-[4/3] bg-neutral-100 overflow-hidden">
                        @php $heroImg = $project['hero']['image'] ?? $project['gallery'][0] ?? null; @endphp
                        @if($heroImg)
                        <img src="{{ asset($heroImg) }}" alt="{{ $project['title'] ?? $project['client'] }}" class="w-full h-full object-cover group-hover:scale-105 smooth-transition duration-300" loading="lazy">
                        @endif
                    </div>
                    <div class="p-6">
                        <h3 class="type-card-title group-hover:text-criazo-primary smooth-transition mb-1">{{ $project['client'] ?? $project['title'] }}</h3>
                        <p class="text-sm text-neutral-500 mb-3">{{ $project['category'] ?? '' }}</p>
                        @if(!empty($project['overview']['results']))
                        <p class="text-sm text-neutral-600">{{ $project['overview']['results'] }}</p>
                        @endif
                        <span class="inline-flex items-center gap-1 text-criazo-primary font-semibold text-sm mt-2 group-hover:gap-2 smooth-transition">{{ __('messages.service_industry_page.view_case_study') }} <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/></svg></span>
                    </div>
                </a>
                @endforeach
            </div>
        </div>
    </section>
    @endif
    
    @php
        $processRowIconsV1 = [
            '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/>',
            '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/>',
            '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"/>',
            '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M13 10V3L4 14h7v7l9-11h-7z"/>',
        ];
    @endphp
    <!-- Process Section - Matching Site Design -->
    <section class="py-16 lg:py-20 bg-neutral-50">
        <div class="site-container">
            <div class="text-center max-w-3xl mx-auto mb-12 md:mb-16">
                <p class="text-xs font-semibold uppercase tracking-label text-criazo-primary mb-4">{{ __('messages.service_industry_page.from_call_to_launch', ['count' => 14, 'location_suffix' => $locationSuffix]) }}</p>
                <h2 class="section-intro__title mb-4">{{ __('messages.service_industry_page.streamlined_process', ['count' => 189, 'industry' => $industryLower, 'location_suffix' => $locationSuffix]) }}</h2>
            </div>
            
            <div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-6 lg:gap-7">
                @foreach($processSteps as $index => $step)
                <article class="rounded-2xl border border-neutral-200/80 bg-white p-6 md:p-7 shadow-sm flex flex-col text-left">
                    <div class="flex items-start justify-between gap-3 mb-5">
                        <span class="w-11 h-11 rounded-2xl bg-criazo-primary/10 flex items-center justify-center flex-shrink-0">
                            <svg class="w-5 h-5 text-criazo-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                                {!! $processRowIconsV1[$index % count($processRowIconsV1)] !!}
                            </svg>
                        </span>
                        @if(!empty($step['time']))
                        <span class="text-[11px] font-semibold uppercase tracking-[0.06em] text-neutral-400 whitespace-nowrap">{{ $step['time'] }}</span>
                        @endif
                    </div>
                    <h3 class="font-semibold text-neutral-900 mb-2">{{ $step['title'] }}</h3>
                    <p class="type-card-body">{{ $step['desc'] }}</p>
                </article>
                @endforeach
            </div>
        </div>
    </section>
    
    
    <!-- Packages Section - Benefits focused (no prices) -->
    <section id="pricing" class="py-16 lg:py-20 bg-white">
        <div class="site-container">
            <div class="text-center max-w-3xl mx-auto mb-16">
                <h2 class="section-intro__title mb-4">
                    {{ __('messages.service_industry_page.packages_for', ['service' => $serviceIndustry['service_name'], 'industry' => $serviceIndustry['industry_name'], 'location_suffix' => $locationSuffix]) }}
                </h2>
                <p class="text-xl text-neutral-600">
                    {{ __('messages.service_industry_page.choose_package', ['industry' => $industryLower, 'location_suffix' => $locationSuffix, 'count' => 30]) }}
                </p>
            </div>
            
            <div class="grid md:grid-cols-3 gap-8 max-w-5xl mx-auto">
                <!-- Essential -->
                <div class="relative p-8 bg-neutral-50 rounded-2xl hover:shadow-xl smooth-transition">
                    <h3 class="type-card-title mb-2">{{ __('messages.service_industry_page.essential') }}</h3>
                    <p class="text-2xl font-semibold text-criazo-primary mb-2">{{ __('messages.service_industry_page.from_price', ['price' => '1,490']) }}</p>
                    <p class="text-neutral-500 text-sm mb-6">{{ __('messages.service_industry_page.perfect_for_new', ['industry' => $industryLower, 'location_suffix' => $locationSuffix]) }}</p>
                    <ul class="space-y-3 mb-8">
                        <li class="flex items-center gap-3 text-neutral-600 text-sm">
                            <svg class="w-5 h-5 text-green-500 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
                            {{ __('messages.service_industry_page.up_to_pages', ['count' => 5]) }}
                        </li>
                        <li class="flex items-center gap-3 text-neutral-600 text-sm">
                            <svg class="w-5 h-5 text-green-500 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
                            {{ __('messages.service_industry_page.mobile_responsive') }}
                        </li>
                        <li class="flex items-center gap-3 text-neutral-600 text-sm">
                            <svg class="w-5 h-5 text-green-500 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
                            {{ __('messages.service_industry_page.basic_seo_setup') }}
                        </li>
                        <li class="flex items-center gap-3 text-neutral-600 text-sm">
                            <svg class="w-5 h-5 text-green-500 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
                            {{ __('messages.service_industry_page.contact_form_integration') }}
                        </li>
                        <li class="flex items-center gap-3 text-neutral-600 text-sm">
                            <svg class="w-5 h-5 text-green-500 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
                            {{ __('messages.service_industry_page.month_support', ['count' => 3]) }}
                        </li>
                    </ul>
                    <a href="{{ $localizedRoute('contact.index') }}?package=essential&industry={{ $industrySlug }}" class="block w-full py-3 text-center bg-neutral-200 text-neutral-900 rounded-full font-semibold hover:bg-neutral-300 smooth-transition">
                        {{ __('messages.service_industry_page.get_essential_quote', ['location_suffix' => $locationSuffix]) }}
                    </a>
                </div>
                
                <!-- Growth - Popular -->
                <div class="relative p-8 bg-criazo-primary rounded-2xl shadow-xl">
                    <div class="absolute -top-3 left-1/2 -translate-x-1/2 px-4 py-1 bg-yellow-400 text-yellow-900 text-xs font-semibold rounded-full tracking-label">
                        {{ __('messages.service_industry_page.most_popular') }}
                    </div>
                    <h3 class="text-xl font-semibold text-white mb-2">{{ __('messages.service_industry_page.growth') }}</h3>
                    <p class="text-2xl font-semibold text-white mb-2">{{ __('messages.service_industry_page.from_price', ['price' => '2,490']) }}</p>
                    <p class="text-white/70 text-sm mb-6">{{ __('messages.service_industry_page.our_most_popular', ['industry' => $industryLower, 'location_suffix' => $locationSuffix]) }}</p>
                    <ul class="space-y-3 mb-8">
                        <li class="flex items-center gap-3 text-white text-sm">
                            <svg class="w-5 h-5 text-green-300 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
                            {{ __('messages.service_industry_page.up_to_pages', ['count' => 15]) }}
                        </li>
                        <li class="flex items-center gap-3 text-white text-sm">
                            <svg class="w-5 h-5 text-green-300 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
                            {{ __('messages.service_industry_page.advanced_seo', ['industry' => $industryLower]) }}
                        </li>
                        <li class="flex items-center gap-3 text-white text-sm">
                            <svg class="w-5 h-5 text-green-300 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
                            {{ __('messages.service_industry_page.booking_appointment') }}
                        </li>
                        <li class="flex items-center gap-3 text-white text-sm">
                            <svg class="w-5 h-5 text-green-300 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
                            {{ __('messages.service_industry_page.google_my_business') }}
                        </li>
                        <li class="flex items-center gap-3 text-white text-sm">
                            <svg class="w-5 h-5 text-green-300 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
                            {{ __('messages.service_industry_page.analytics_dashboard') }}
                        </li>
                        <li class="flex items-center gap-3 text-white text-sm">
                            <svg class="w-5 h-5 text-green-300 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
                            {{ __('messages.service_industry_page.priority_support', ['count' => 12]) }}
                        </li>
                    </ul>
                    <a href="{{ $localizedRoute('contact.index') }}?package=growth&industry={{ $industrySlug }}" class="block w-full py-3 text-center bg-white text-criazo-primary rounded-full font-semibold hover:bg-gray-100 smooth-transition">
                        {{ __('messages.service_industry_page.get_growth_quote', ['location_suffix' => $locationSuffix]) }}
                    </a>
                </div>
                
                <!-- Scale -->
                <div class="relative p-8 bg-neutral-50 rounded-2xl hover:shadow-xl smooth-transition">
                    <h3 class="type-card-title mb-2">{{ __('messages.service_industry_page.scale') }}</h3>
                    <p class="text-2xl font-semibold text-criazo-primary mb-2">{{ __('messages.service_industry_page.from_price', ['price' => '3,990']) }}</p>
                    <p class="text-neutral-500 text-sm mb-6">{{ __('messages.service_industry_page.for_established', ['industry' => $industryLower, 'location_suffix' => $locationSuffix]) }}</p>
                    <ul class="space-y-3 mb-8">
                        <li class="flex items-center gap-3 text-neutral-600 text-sm">
                            <svg class="w-5 h-5 text-green-500 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
                            {{ __('messages.service_industry_page.unlimited_pages') }}
                        </li>
                        <li class="flex items-center gap-3 text-neutral-600 text-sm">
                            <svg class="w-5 h-5 text-green-500 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
                            {{ __('messages.service_industry_page.custom_integrations') }}
                        </li>
                        <li class="flex items-center gap-3 text-neutral-600 text-sm">
                            <svg class="w-5 h-5 text-green-500 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
                            {{ __('messages.service_industry_page.multi_language') }}
                        </li>
                        <li class="flex items-center gap-3 text-neutral-600 text-sm">
                            <svg class="w-5 h-5 text-green-500 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
                            {{ __('messages.service_industry_page.advanced_analytics') }}
                        </li>
                        <li class="flex items-center gap-3 text-neutral-600 text-sm">
                            <svg class="w-5 h-5 text-green-500 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
                            {{ __('messages.service_industry_page.dedicated_account_manager') }}
                        </li>
                        <li class="flex items-center gap-3 text-neutral-600 text-sm">
                            <svg class="w-5 h-5 text-green-500 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
                            {{ __('messages.service_industry_page.priority_support', ['count' => 24]) }}
                        </li>
                    </ul>
                    <a href="{{ $localizedRoute('contact.index') }}?package=scale&industry={{ $industrySlug }}" class="block w-full py-3 text-center bg-neutral-200 text-neutral-900 rounded-full font-semibold hover:bg-neutral-300 smooth-transition">
                        {{ __('messages.service_industry_page.get_scale_quote', ['location_suffix' => $locationSuffix]) }}
                    </a>
                </div>
            </div>
            
            <!-- Guarantee -->
            <div class="flex flex-wrap justify-center items-center gap-8 mt-12 text-neutral-600">
                <div class="flex items-center gap-2">
                    <svg class="w-5 h-5 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"/></svg>
                    <span>{{ __('messages.service_industry_page.support_included_guarantee') }}</span>
                </div>
                <div class="flex items-center gap-2">
                    <svg class="w-5 h-5 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z"/></svg>
                    <span>{{ __('messages.service_industry_page.payment_plans_available') }}</span>
                </div>
                <div class="flex items-center gap-2">
                    <svg class="w-5 h-5 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
                    <span>{{ __('messages.service_industry_page.no_hidden_fees') }}</span>
                </div>
            </div>
        </div>
    </section>
    
    <!-- Testimonials - Enhanced with Schema -->
    <section class="py-16 lg:py-20 bg-white">
        <div class="site-container">
            <div class="text-center max-w-3xl mx-auto mb-16">
                <p class="text-sm font-semibold uppercase tracking-label text-criazo-primary mb-4">{{ __('messages.service_industry_page.client_reviews', ['industry' => $serviceIndustry['industry_name'], 'location_suffix' => $locationSuffix]) }}</p>
                <h2 class="section-intro__title mb-4">
                    {{ __('messages.service_industry_page.what_businesses_say', ['industry' => $serviceIndustry['industry_name'], 'service' => $serviceIndustry['service_name'], 'location_suffix' => $locationSuffix]) }}
                </h2>
                <p class="text-xl text-neutral-600">
                    {{ __('messages.service_industry_page.real_reviews', ['industry' => $industryLower, 'location_suffix' => $locationSuffix]) }}
                </p>
            </div>
            
            <!-- Review Summary -->
            <div class="flex flex-wrap justify-center items-center gap-8 mb-12 p-6 bg-neutral-50 rounded-2xl max-w-2xl mx-auto">
                <div class="text-center">
                    <div class="type-stat">4.9</div>
                    <div class="flex items-center justify-center gap-1 mt-2">
                        @for($i = 0; $i < 5; $i++)
                        <svg class="w-5 h-5 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg>
                        @endfor
                    </div>
                    <p class="text-sm text-neutral-500 mt-1">{{ __('messages.service_industry_page.based_on_reviews', ['count' => 189]) }}</p>
                </div>
                <div class="h-16 w-px bg-neutral-200 hidden sm:block"></div>
                <div class="grid grid-cols-2 gap-4 text-sm">
                    <div class="flex items-center gap-2">
                        <span class="text-neutral-600">{{ __('messages.service_industry_page.rating_quality') }}</span>
                        <div class="flex gap-0.5">
                            @for($i = 0; $i < 5; $i++)<svg class="w-4 h-4 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg>@endfor
                        </div>
                    </div>
                    <div class="flex items-center gap-2">
                        <span class="text-neutral-600">{{ __('messages.service_industry_page.rating_support') }}</span>
                        <div class="flex gap-0.5">
                            @for($i = 0; $i < 5; $i++)<svg class="w-4 h-4 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg>@endfor
                        </div>
                    </div>
                    <div class="flex items-center gap-2">
                        <span class="text-neutral-600">{{ __('messages.service_industry_page.rating_value') }}</span>
                        <div class="flex gap-0.5">
                            @for($i = 0; $i < 5; $i++)<svg class="w-4 h-4 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg>@endfor
                        </div>
                    </div>
                    <div class="flex items-center gap-2">
                        <span class="text-neutral-600">{{ __('messages.service_industry_page.rating_speed') }}</span>
                        <div class="flex gap-0.5">
                            @for($i = 0; $i < 5; $i++)<svg class="w-4 h-4 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg>@endfor
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="grid md:grid-cols-3 gap-8">
                @php
                $testimonials = [
                    ['quote' => __('messages.service_industry_page.testimonial_transformed', ['count' => 40]) . ' ' . __('messages.service_industry_page.testimonial_roi', ['service' => $serviceLower, 'weeks' => 6]), 'name' => __('messages.service_common.testimonial_author'), 'role' => __('messages.service_industry_page.industry_owner', ['industry' => $serviceIndustry['industry_name']]) . ', ' . __('messages.cities.lisbon'), 'result' => __('messages.service_industry_page.more_leads', ['percent' => 340])],
                    ['quote' => __('messages.service_industry_page.testimonial_understands', ['industry' => $industryLower]) . ' ' . __('messages.service_industry_page.testimonial_seo_results'), 'name' => 'Ricardo L.', 'role' => __('messages.service_industry_page.industry_director', ['industry' => $serviceIndustry['industry_name']]) . ', ' . __('messages.cities.porto'), 'result' => __('messages.service_industry_page.google_ranking')],
                    ['quote' => __('messages.service_industry_page.testimonial_smooth', ['service' => $serviceLower]) . ' ' . __('messages.service_industry_page.testimonial_hours_saved', ['count' => 15]), 'name' => 'Ana P.', 'role' => __('messages.service_industry_page.industry_manager', ['industry' => $serviceIndustry['industry_name']]) . ', ' . __('messages.cities.braga'), 'result' => __('messages.service_industry_page.hours_saved', ['count' => 15])],
                ];
                @endphp
                
                @foreach($testimonials as $testimonial)
                <div class="p-8 bg-neutral-50 rounded-2xl relative">
                    <div class="absolute -top-3 right-6 px-3 py-1 bg-green-100 text-green-700 text-xs font-semibold rounded-full">
                        {{ $testimonial['result'] }}
                    </div>
                    <div class="flex items-center gap-1 mb-4">
                        @for($i = 0; $i < 5; $i++)
                        <svg class="w-5 h-5 text-yellow-400" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/></svg>
                        @endfor
                    </div>
                    <p class="text-neutral-700 mb-6 leading-relaxed">"{{ $testimonial['quote'] }}"</p>
                    <div class="flex items-center gap-3">
                        <div class="w-12 h-12 bg-criazo-primary rounded-full flex items-center justify-center text-white font-semibold text-lg">
                            {{ substr($testimonial['name'], 0, 1) }}
                        </div>
                        <div>
                            <div class="font-semibold text-neutral-900">{{ $testimonial['name'] }}</div>
                            <div class="text-sm text-neutral-500">{{ $testimonial['role'] }}</div>
                        </div>
                    </div>
                </div>
                @endforeach
            </div>
        </div>
    </section>
    
    <!-- FAQ Section - SEO Optimized -->
    <section class="py-16 lg:py-20 bg-neutral-50" itemscope itemtype="https://schema.org/FAQPage">
        <div class="site-container max-w-[900px]">
            <div class="text-center mb-12">
                <h2 class="section-intro__title mb-4">
                    {{ __('messages.service_industry_page.your_questions_answered', ['service' => $serviceIndustry['service_name'], 'industry' => $serviceIndustry['industry_name'], 'location_suffix' => $locationSuffix]) }}
                </h2>
                <p class="text-xl text-neutral-600">
                    {{ __('messages.service_industry_page.everything_need_to_know', ['service' => strtolower($serviceIndustry['service_name']), 'industry' => strtolower($serviceIndustry['industry_name']), 'location_suffix' => $locationSuffix]) }}
                </p>
            </div>
            
            @php
            $faqParams = ['industry' => $industryLower, 'service' => $serviceLower, 'location_suffix' => $locationSuffix];
            $faqs = [
                ['question' => __('messages.service_industry_page.faq_q1', $faqParams), 'answer' => __('messages.service_industry_page.faq_a1', $faqParams)],
                ['question' => __('messages.service_industry_page.faq_q2', $faqParams), 'answer' => __('messages.service_industry_page.faq_a2', $faqParams)],
                ['question' => __('messages.service_industry_page.faq_q3', $faqParams), 'answer' => __('messages.service_industry_page.faq_a3', $faqParams)],
                ['question' => __('messages.service_industry_page.faq_q4', $faqParams), 'answer' => __('messages.service_industry_page.faq_a4', $faqParams)],
                ['question' => __('messages.service_industry_page.faq_q5', $faqParams), 'answer' => __('messages.service_industry_page.faq_a5', $faqParams)],
                ['question' => __('messages.service_industry_page.faq_q6', $faqParams), 'answer' => __('messages.service_industry_page.faq_a6', $faqParams)],
                ['question' => __('messages.service_industry_page.faq_q7', $faqParams), 'answer' => __('messages.service_industry_page.faq_a7', $faqParams)],
                ['question' => __('messages.service_industry_page.faq_q8', $faqParams), 'answer' => __('messages.service_industry_page.faq_a8', $faqParams)],
            ];
            @endphp
            
            <div class="space-y-4">
                @foreach($faqs as $index => $faq)
                <div class="bg-white rounded-2xl border border-neutral-200 overflow-hidden" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                    <button onclick="toggleFaq({{ $index }})" class="w-full px-6 py-5 text-left flex items-center justify-between gap-4 hover:bg-neutral-50 smooth-transition">
                        <h3 class="font-semibold text-neutral-900 pr-4" itemprop="name">{{ $faq['question'] }}</h3>
                        <svg id="faq-icon-{{ $index }}" class="w-5 h-5 text-neutral-400 flex-shrink-0 transform smooth-transition" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
                        </svg>
                    </button>
                    <div id="faq-answer-{{ $index }}" class="hidden px-6 pb-5" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
                        <p class="text-neutral-600 leading-[1.43] tracking-body" itemprop="text">{{ $faq['answer'] }}</p>
                    </div>
                </div>
                @endforeach
            </div>
            
            <!-- CTA within FAQ -->
            <div class="mt-12 text-center">
                <p class="text-neutral-600 mb-4">{{ __('messages.service_industry_page.faq_still_have_questions', ['service' => $serviceLower, 'industry' => $industryLower, 'location_suffix' => $locationSuffix]) }}</p>
                <a href="{{ $localizedRoute('contact.index') }}" class="inline-flex items-center text-criazo-primary font-semibold hover:opacity-70 smooth-transition">
                    {{ __('messages.service_industry_page.faq_talk_to_specialist', ['service' => $serviceIndustry['service_name'], 'location_suffix' => $locationSuffix]) }}
                    <svg class="w-4 h-4 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/></svg>
                </a>
            </div>
        </div>
    </section>
    
    <script>
    function toggleFaq(index) {
        const answer = document.getElementById('faq-answer-' + index);
        const icon = document.getElementById('faq-icon-' + index);
        
        if (answer.classList.contains('hidden')) {
            answer.classList.remove('hidden');
            icon.classList.add('rotate-180');
        } else {
            answer.classList.add('hidden');
            icon.classList.remove('rotate-180');
        }
    }
    </script>
    
    <!-- Related Industries -->
    @if(count($relatedIndustries) > 0)
    <section class="py-16 lg:py-20 bg-neutral-50">
        <div class="site-container">
            <div class="text-center max-w-3xl mx-auto mb-12">
                <h2 class="section-intro__title mb-4">
                    {{ __('messages.service_industry.service_other_industries', ['service' => $serviceIndustry['service_name']]) }}
                </h2>
                <p class="text-xl text-neutral-600">
                    {{ __('messages.service_industry.industry_specific_expertise') }}
                </p>
            </div>
            
            <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-4">
                @foreach(array_slice($relatedIndustries, 0, 8) as $related)
                <a href="{{ $localizedRoute('service.industry', ['serviceSlug' => $serviceSlug, 'industrySlug' => $related['slug']]) }}" 
                   class="group p-5 bg-white rounded-xl border border-neutral-200 hover:border-criazo-primary hover:shadow-lg smooth-transition">
                    <h3 class="font-semibold text-neutral-900 group-hover:text-criazo-primary smooth-transition mb-1">{{ $related['name'] }}</h3>
                    <p class="text-sm text-neutral-500 line-clamp-1">{{ $related['tagline'] }}</p>
                </a>
                @endforeach
            </div>
        </div>
    </section>
    @endif
    
    <!-- Same Industry Other Services -->
    @if(count($sameIndustryOtherServices) > 0)
    <section class="py-16 bg-white">
        <div class="site-container">
            <div class="text-center mb-8">
                <h3 class="type-heading-sm mb-2">
                    {{ __('messages.service_industry.complete_digital_growth', ['industry' => $serviceIndustry['industry_name']]) }}
                </h3>
                <p class="text-neutral-600">
                    {{ __('messages.service_industry.combine_services') }}
                </p>
            </div>
            
            <div class="flex flex-wrap justify-center gap-3">
                @foreach($sameIndustryOtherServices as $other)
                <a href="{{ $localizedRoute('service.industry', ['serviceSlug' => $other['service_slug'], 'industrySlug' => $industrySlug]) }}" 
                   class="px-5 py-2.5 bg-neutral-100 rounded-full text-neutral-700 hover:bg-criazo-primary hover:text-white smooth-transition text-sm font-medium">
                    {{ $other['service_name'] }}
                </a>
                @endforeach
            </div>
        </div>
    </section>
    @endif

    @if($isLocationPage && ((isset($sameCountryLocations) && count($sameCountryLocations) > 0) || (isset($otherCountriesLocations) && count($otherCountriesLocations) > 0)))
    <section class="py-16 lg:py-20 bg-neutral-50">
        <div class="site-container">
            <h3 class="type-card-title mb-4">{{ __('messages.service_location.also_serving') }}</h3>
            @if(isset($sameCountryLocations) && count($sameCountryLocations) > 0)
            <div class="flex flex-wrap gap-3 mb-6">
                @foreach($sameCountryLocations as $loc)
                <a href="{{ $localizedRoute('service.industry.location', ['serviceSlug' => $serviceSlug, 'industrySlug' => $industrySlug, 'locationSlug' => $loc['slug']]) }}"
                   class="px-4 py-2 bg-white border border-neutral-200 rounded-full text-neutral-700 hover:border-criazo-primary hover:text-criazo-primary smooth-transition text-sm font-medium">
                    {{ $loc['name'] }}{!! !empty($loc['is_capital']) ? ' <span class="text-neutral-400 text-xs">•</span>' : '' !!}
                </a>
                @endforeach
            </div>
            @endif
            @if(isset($otherCountriesLocations) && count($otherCountriesLocations) > 0)
            <div>
                <p class="text-sm font-medium text-neutral-500 mb-3">{{ __('messages.service_location.also_available_in') }}:</p>
                <div class="flex flex-wrap gap-3">
                    @foreach($otherCountriesLocations as $loc)
                    <a href="{{ $localizedRoute('service.industry.location', ['serviceSlug' => $serviceSlug, 'industrySlug' => $industrySlug, 'locationSlug' => $loc['slug']]) }}"
                       class="px-4 py-2 bg-white/80 border border-neutral-200 rounded-full text-neutral-600 hover:border-criazo-primary hover:text-criazo-primary smooth-transition text-sm">
                        {{ $loc['name'] }}, {{ $loc['country'] }}
                    </a>
                    @endforeach
                </div>
            </div>
            @endif
        </div>
    </section>
    @endif
    
    <!-- SEO Content Section - Long-form for Google -->
    <section class="py-16 bg-white">
        <div class="site-container max-w-[900px]">
            <div class="prose prose-lg max-w-none">
                <h2 class="section-intro__title uppercase mb-6">
                    {{ __('messages.service_industry_page.seo_why_choose', ['service' => $serviceIndustry['service_name'], 'industry' => $serviceIndustry['industry_name'], 'location_suffix' => $locationSuffix]) }}
                </h2>
                
                <p class="text-neutral-600 mb-4">
                    {{ __('messages.service_industry_page.seo_intro', ['year' => $currentYear, 'industry' => $industryLower, 'service' => $serviceLower]) }}
                </p>
                
                <p class="text-neutral-600 mb-4">
                    {{ __('messages.service_industry_page.seo_specialize', ['service' => $serviceLower, 'industry' => $industryLower]) }}
                </p>
                
                <h3 class="text-xl font-semibold text-neutral-900 mt-8 mb-4">
                    {{ __('messages.service_industry_page.seo_what_makes_different', ['industry' => $serviceIndustry['industry_name'], 'service' => $serviceIndustry['service_name'], 'location_suffix' => $locationSuffix]) }}
                </h3>
                
                <p class="text-neutral-600 mb-4">
                    {{ __('messages.service_industry_page.seo_unlike_generic', ['service' => $serviceLower, 'industry' => $industryLower, 'location' => ($isLocationPage && isset($locationDisplayName)) ? $locationDisplayName : __('messages.service_industry_page.seo_location_fallback')]) }}
                </p>
                
                <p class="text-neutral-600 mb-6">
                    {{ __('messages.service_industry_page.seo_experience', ['industry' => $industryLower]) }}
                </p>
                
                <div class="bg-criazo-primary/5 rounded-xl p-6 my-8 not-prose">
                    <h4 class="font-semibold text-neutral-900 mb-4">{{ __('messages.service_industry_page.seo_ready_transform', ['industry' => $industryLower, 'location_suffix' => $locationSuffix]) }}</h4>
                    <a href="{{ $localizedRoute('contact.index') }}" class="inline-flex items-center text-criazo-primary font-semibold hover:opacity-80 smooth-transition">
                        {{ __('messages.service_industry_page.seo_schedule_consultation', ['service' => $serviceIndustry['service_name'], 'location_suffix' => $locationSuffix]) }}
                        <svg class="w-4 h-4 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/></svg>
                    </a>
                </div>
            </div>
        </div>
    </section>
    
    <!-- Final CTA - Matching Site Design -->
    <section class="py-16 lg:py-20 bg-criazo-primary">
        <div class="site-container max-w-[900px] text-center">
            <h2 class="section-intro__title text-white mb-6">
                {{ __('messages.service_industry_page.ready_transform_business', ['industry' => $serviceIndustry['industry_name'], 'location_suffix' => $locationSuffix]) }}
            </h2>
            <p class="text-xl text-white/80 mb-8 max-w-2xl mx-auto">
                {{ __('messages.service_industry_page.join_businesses', ['count' => '189', 'industry' => $industryLower, 'location_suffix' => $locationSuffix]) }}
            </p>
            
            <div class="flex flex-col sm:flex-row items-center justify-center gap-4 mb-8">
                <a href="{{ $localizedRoute('contact.index') }}?service={{ $serviceSlug }}&industry={{ $industrySlug }}" 
                   class="inline-flex items-center px-8 py-4 bg-white text-criazo-primary rounded-full font-semibold hover:bg-gray-100 smooth-transition shadow-xl">
                    {{ __('messages.service_industry_page.get_your_free_quote', ['location_suffix' => $locationSuffix]) }}
                    <svg class="w-5 h-5 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"/></svg>
                </a>
            </div>
            
            <div class="flex flex-wrap justify-center gap-6 text-white/70 text-sm">
                <span>{{ __('messages.service_industry_page.free_consultation') }}</span>
                <span>·</span>
                <span>{{ __('messages.service_industry_page.day_delivery_cta', ['count' => 14]) }}</span>
                <span>·</span>
                <span>{{ __('messages.service_industry_page.support_guarantee') }}</span>
            </div>
        </div>
    </section>
    
    
</article>

@include('components.explore-site-section', ['hideServicesSlider' => true])

@endsection