@extends('layouts.app')

@php
    use App\Helpers\SeoHelper;
    use Illuminate\Support\Str;
    $locale = app()->getLocale();
    $pageSeo = $pageSeo ?? SeoHelper::getPageSeo('vertical_restaurants');
    $localizedRoute = function ($routeName, $params = []) use ($locale) {
        return SeoHelper::localizedRoute($routeName, $params, $locale);
    };
    $t = $translationNamespace ?? 'messages.vertical_restaurants';
    $generatedCopy = is_array($generatedCopy ?? null) ? $generatedCopy : [];
    $useGeneratedVerticalCopy = !empty($generatedCopy);
    $verticalSlugLc = strtolower((string) ($verticalSlug ?? ''));
    $isFoodIndustryPage = preg_match('/restaurant|coffee|cafe|food-beverage|bar|bakery|gelato|wine|tapas|burger|sushi|pizza|seafood|steakhouse|breakfast|brunch/', $verticalSlugLc) === 1;
    $forceSeniorGeneratedCopy = in_array($locale, ['pt', 'br'], true) || (in_array($locale, ['es'], true) && $isFoodIndustryPage);
    $forceGeneratedKeys = [
        'meta_title', 'meta_description', 'schema_description', 'sticky_cta_title', 'hero_eyebrow',
        'hero_talk_cta', 'hero_discover_cta', 'hero_slider_mobile_eyebrow', 'hero_image_alt',
        'review_prefill_message', 'proof_title', 'proof_lead', 'final_title', 'final_lead',
        'ecosystem_title', 'ecosystem_lead', 'location_focus', 'location_meta_description',
        'location_meta_title', 'modal_service_detail', 'modal_close_aria', 'modal_business_value',
        'modal_what_we_deliver', 'modal_expected_benefits', 'modal_default_cta',
        'modal_request_proposal', 'modal_start_message',
    ];
    $looksWeakOrEnglish = static function (?string $value): bool {
        if (!is_string($value)) {
            return true;
        }
        $v = trim($value);
        if ($v === '') {
            return true;
        }
        return (bool) preg_match('/\b(integrated|designed|built|start this|request proposal|service detail|close details|business value|what we deliver|expected benefits|implementation aligned|clear deliverables|performance reviews|better visibility|higher conversion|repeat purchase|customer value|view selected work|discovery|conversion|retention)\b/i', $v);
    };
    $arrayLooksWeakOrEnglish = static function ($value) use (&$arrayLooksWeakOrEnglish, $looksWeakOrEnglish): bool {
        if (!is_array($value)) {
            return true;
        }
        foreach ($value as $item) {
            if (is_array($item)) {
                if ($arrayLooksWeakOrEnglish($item) === false) {
                    return false;
                }
                continue;
            }
            if (is_string($item) && !$looksWeakOrEnglish($item)) {
                return false;
            }
        }
        return true;
    };
    $tt = static function (string $key, array $replace = []) use ($t, $generatedCopy, $locale, $looksWeakOrEnglish, $forceSeniorGeneratedCopy, $forceGeneratedKeys, $useGeneratedVerticalCopy) {
        if ($useGeneratedVerticalCopy && isset($generatedCopy[$key]) && is_string($generatedCopy[$key])) {
            return __($generatedCopy[$key], $replace);
        }
        if ($useGeneratedVerticalCopy && in_array($key, $forceGeneratedKeys, true) && isset($generatedCopy[$key]) && is_string($generatedCopy[$key])) {
            return __($generatedCopy[$key], $replace);
        }
        if ($forceSeniorGeneratedCopy && in_array($key, $forceGeneratedKeys, true) && isset($generatedCopy[$key]) && is_string($generatedCopy[$key])) {
            return __($generatedCopy[$key], $replace);
        }
        $primaryKey = $t . '.' . $key;
        $primary = __($primaryKey, $replace);
        if ($primary !== $primaryKey) {
            if ($locale !== 'en' && $looksWeakOrEnglish($primary) && isset($generatedCopy[$key]) && is_string($generatedCopy[$key])) {
                return __($generatedCopy[$key], $replace);
            }
            return $primary;
        }
        $fallbackKey = 'messages.vertical_restaurants.' . $key;
        $fallback = __($fallbackKey, $replace);
        if ($fallback !== $fallbackKey) {
            if ($locale !== 'en' && $looksWeakOrEnglish($fallback) && isset($generatedCopy[$key]) && is_string($generatedCopy[$key])) {
                return __($generatedCopy[$key], $replace);
            }
            return $fallback;
        }
        if (array_key_exists($key, $generatedCopy) && is_string($generatedCopy[$key])) {
            return __($generatedCopy[$key], $replace);
        }
        return $primary;
    };
    $storyBlocks = $useGeneratedVerticalCopy ? ($generatedCopy['story_blocks'] ?? []) : __($t . '.story_blocks');
    if (!$useGeneratedVerticalCopy && !is_array($storyBlocks)) {
        $storyBlocks = __('messages.vertical_restaurants.story_blocks');
    }
    if (($locale !== 'en' && $arrayLooksWeakOrEnglish($storyBlocks) && isset($generatedCopy['story_blocks']) && is_array($generatedCopy['story_blocks']))
        || ($forceSeniorGeneratedCopy && isset($generatedCopy['story_blocks']) && is_array($generatedCopy['story_blocks']))) {
        $storyBlocks = $generatedCopy['story_blocks'];
    }
    if (!is_array($storyBlocks) || empty($storyBlocks)) {
        $storyBlocks = $generatedCopy['story_blocks'] ?? [];
    }
    $contactReviewUrl = $localizedRoute('contact.index') . '?' . http_build_query([
        'entry_page' => 'vertical-' . ($verticalSlug ?? 'restaurants'),
        'entry_intent_hint' => ($verticalSlug ?? 'restaurants') . '_review',
        'message' => $tt('review_prefill_message'),
    ]);
    $proposalUrl = $localizedRoute('calculator.index') . '?' . http_build_query(['source' => 'vertical-' . ($verticalSlug ?? 'restaurants')]);
    $fallbackHeroAlt = $tt('hero_image_alt');
    $verticalHeroSlug = Str::slug((string) ($verticalSlug ?? 'restaurants'));
    $heroHeadingId = 'vertical-' . $verticalHeroSlug . '-hero-heading';
    $heroSliderId = $verticalHeroSlug . '-hero-cards-slider';
    $featureOpenAriaPattern = $tt('feature_open_aria', ['feature' => ':feature']);
    $featureSeeMoreLabel = $tt('feature_see_more');
    $featureDescriptionFallback = $tt('feature_description_fallback');
    if ($locale !== 'en'
        && is_string($featureDescriptionFallback)
        && preg_match('/\b(integrated|designed|built)\b/i', $featureDescriptionFallback)
        && isset($generatedCopy['feature_description_fallback'])
        && is_string($generatedCopy['feature_description_fallback'])
    ) {
        $featureDescriptionFallback = $generatedCopy['feature_description_fallback'];
    }
    $modalServiceDetailLabel = $tt('modal_service_detail');
    $modalCloseAria = $tt('modal_close_aria');
    $modalBusinessValueLabel = $tt('modal_business_value');
    $modalDeliverLabel = $tt('modal_what_we_deliver');
    $modalBenefitsLabel = $tt('modal_expected_benefits');
    $modalDefaultCta = $tt('modal_default_cta');
    $modalRequestProposal = $tt('modal_request_proposal');
    $modalStartMessage = $tt('modal_start_message', ['feature' => ':feature']);
    if ($useGeneratedVerticalCopy) {
        foreach ([
            'modalServiceDetailLabel' => 'modal_service_detail',
            'modalCloseAria' => 'modal_close_aria',
            'modalBusinessValueLabel' => 'modal_business_value',
            'modalDeliverLabel' => 'modal_what_we_deliver',
            'modalBenefitsLabel' => 'modal_expected_benefits',
            'modalDefaultCta' => 'modal_default_cta',
            'modalRequestProposal' => 'modal_request_proposal',
            'modalStartMessage' => 'modal_start_message',
        ] as $varName => $copyKey) {
            if (isset($generatedCopy[$copyKey]) && is_string($generatedCopy[$copyKey]) && trim($generatedCopy[$copyKey]) !== '') {
                $$varName = $generatedCopy[$copyKey];
            }
        }
    }
    if ($locale !== 'en') {
        $modalFieldMap = [
            'modalServiceDetailLabel' => 'modal_service_detail',
            'modalCloseAria' => 'modal_close_aria',
            'modalBusinessValueLabel' => 'modal_business_value',
            'modalDeliverLabel' => 'modal_what_we_deliver',
            'modalBenefitsLabel' => 'modal_expected_benefits',
            'modalDefaultCta' => 'modal_default_cta',
            'modalRequestProposal' => 'modal_request_proposal',
            'modalStartMessage' => 'modal_start_message',
        ];
        foreach ($modalFieldMap as $varName => $copyKey) {
            if ($looksWeakOrEnglish($$varName) && isset($generatedCopy[$copyKey]) && is_string($generatedCopy[$copyKey])) {
                $$varName = $generatedCopy[$copyKey];
            }
        }
    }
    $og = asset('images/portfolio/doce-ary/branding-packaging-hero-developed-by-criazo-for-doce-ary.webp');
@endphp

@section('title', $pageSeo['title'] ?? $tt('meta_title'))
@section('meta_description', $pageSeo['description'] ?? $tt('meta_description'))
@section('meta_keywords', $pageSeo['keywords'] ?? $tt('meta_keywords'))
@section('robots', 'index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1')
@section('og_image', $og)

@push('head')
<link rel="preload" as="image" href="{{ $og }}" fetchpriority="high">
@endpush

@push('schema')
@php
    $restaurantsWebPageSchema = [
        '@context' => 'https://schema.org',
        '@type' => 'WebPage',
        '@id' => SeoHelper::getCanonicalUrl() . '/#webpage',
        'url' => SeoHelper::getCanonicalUrl(),
        'name' => $tt('schema_name'),
        'description' => $tt('schema_description'),
        'isPartOf' => ['@id' => rtrim(config('seo.site_url'), '/') . '/#website'],
        'about' => ['@id' => rtrim(config('seo.site_url'), '/') . '/#organization'],
        'inLanguage' => SeoHelper::getCurrentLanguageCode(),
        'primaryImageOfPage' => [
            '@type' => 'ImageObject',
            'url' => $og,
        ],
    ];
    if (!empty($locationDisplayName)) {
        $restaurantsWebPageSchema['about'] = [
            '@type' => 'Thing',
            'name' => $tt('schema_name'),
            'areaServed' => [
                '@type' => 'City',
                'name' => $locationDisplayName,
                'containedInPlace' => [
                    '@type' => 'Country',
                    'name' => ($locationCountryCode ?? 'PT') === 'PT' ? 'Portugal' : ($locationCountryCode ?? 'PT'),
                ],
            ],
        ];
        $restaurantsWebPageSchema['spatialCoverage'] = [
            '@type' => 'Place',
            'name' => $locationDisplayName,
        ];
        if (!empty($locationGeoPosition)) {
            [$lat, $lng] = array_pad(explode(';', $locationGeoPosition), 2, null);
            if ($lat !== null && $lng !== null) {
                $restaurantsWebPageSchema['spatialCoverage']['geo'] = [
                    '@type' => 'GeoCoordinates',
                    'latitude' => (float) $lat,
                    'longitude' => (float) $lng,
                ];
            }
        }
    } else {
        $restaurantsWebPageSchema['about']['areaServed'] = SeoHelper::getAreaServedForSchema();
    }
@endphp
<script type="application/ld+json">{!! json_encode($restaurantsWebPageSchema, JSON_UNESCAPED_SLASHES) !!}</script>
@php
    $featureListSchema = [
        '@context' => 'https://schema.org',
        '@type' => 'ItemList',
        'name' => $tt('schema_name') . ' services',
        'description' => $tt('schema_description'),
        'itemListElement' => [],
    ];
    $schemaFeatureNames = [];
    foreach ($storyBlocks as $storyBlock) {
        if (!is_array($storyBlock)) {
            continue;
        }
        foreach (($storyBlock['features'] ?? []) as $featureName) {
            if (is_string($featureName) && trim($featureName) !== '') {
                $schemaFeatureNames[] = trim($featureName);
            }
        }
    }
    $schemaFeatureNames = array_values(array_unique($schemaFeatureNames));
    foreach ($schemaFeatureNames as $index => $featureName) {
        $featureDescription = $featureDescriptions[$featureName] ?? $featureDescriptionFallback;
        $featureListSchema['itemListElement'][] = [
            '@type' => 'ListItem',
            'position' => $index + 1,
            'item' => [
                '@type' => 'Service',
                'name' => $featureName,
                'description' => $featureDescription,
            ],
        ];
    }
@endphp
@if(!empty($featureListSchema['itemListElement']))
<script type="application/ld+json">{!! json_encode($featureListSchema, JSON_UNESCAPED_SLASHES) !!}</script>
@endif
@endpush

@push('styles')
<style>
    .vertical-hero-gradient {
        background: linear-gradient(to bottom, #ecf4f5 0%, #ffffff 55%, #ffffff 100%);
    }
    .vertical-hero-glow {
        background: radial-gradient(ellipse 80% 60% at 70% 20%, rgba(0, 183, 178, 0.14) 0%, transparent 55%);
    }
    .animate-slide-up {
        animation: slideUp 0.85s ease-out forwards;
    }
    @keyframes slideUp {
        from { opacity: 0; transform: translateY(36px); }
        to { opacity: 1; transform: translateY(0); }
    }
    .animation-delay-100 { animation-delay: 100ms; }
    .animation-delay-200 { animation-delay: 200ms; }
    .animation-delay-300 { animation-delay: 300ms; }
    .animation-delay-400 { animation-delay: 400ms; }
    .vertical-divider {
        background: linear-gradient(90deg, rgba(148,163,184,0) 0%, rgba(148,163,184,0.35) 50%, rgba(148,163,184,0) 100%);
        height: 1px;
    }
    .story-cards-track {
        display: flex;
        gap: 1rem;
    }
    .story-card {
        background: #f5f5f7;
        border: 1px solid #e5e7eb;
        border-radius: 1.75rem;
        box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    }
    @media (max-width: 1023px) {
        #story-cards-slider {
            overflow-x: auto;
            scroll-snap-type: x mandatory;
            -ms-overflow-style: none;
            scrollbar-width: none;
        }
        #story-cards-slider::-webkit-scrollbar {
            display: none;
        }
        .story-cards-track {
            width: max-content;
            padding-bottom: 0.25rem;
        }
        .story-card {
            width: min(88vw, 540px);
            scroll-snap-align: start;
            flex: 0 0 auto;
        }
    }
    @media (min-width: 1024px) {
        .story-cards-track {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 1.25rem;
        }
        .story-card {
            width: 100%;
        }
    }
    .feature-detail-slider {
        overflow: hidden;
    }
    .feature-detail-track {
        display: flex;
        gap: 20px;
        transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .feature-detail-card {
        flex-shrink: 0;
        background: #f5f5f7;
        border: 1px solid #e5e7eb;
        border-radius: 1.25rem;
        padding: 1rem 1rem 1.05rem;
        position: relative;
    }
    .feature-detail-more {
        position: absolute;
        top: 0.65rem;
        right: 0.65rem;
        opacity: 0;
        transform: translateY(-2px);
        transition: opacity 0.2s ease, transform 0.2s ease;
        pointer-events: none;
    }
    .feature-detail-card:hover .feature-detail-more {
        opacity: 1;
        transform: translateY(0);
    }
    .feature-detail-more-btn {
        display: inline-flex;
        align-items: center;
        gap: 0.35rem;
        padding: 0.28rem 0.55rem;
        border-radius: 999px;
        background: #ffffff;
        border: 1px solid #dbe2ea;
        color: #475569;
        font-size: 0.68rem;
        font-weight: 600;
        line-height: 1;
    }
    .feature-detail-icon {
        width: 1.75rem;
        height: 1.75rem;
        border-radius: 999px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #00b7b2;
        background: #ffffff;
        border: 1px solid #dbe2ea;
        margin-bottom: 0.6rem;
    }
    .feature-detail-icon svg {
        width: 1rem;
        height: 1rem;
        display: block;
    }
    .feature-detail-card {
        cursor: pointer;
    }
    .feature-detail-modal-backdrop {
        background: rgba(15, 23, 42, 0.52);
        backdrop-filter: blur(2px);
    }
    @media (max-width: 768px) {
        .feature-detail-slider-wrapper {
            position: relative;
            left: 50%;
            right: 50%;
            margin-left: -50vw !important;
            margin-right: -50vw !important;
            width: 100vw !important;
            max-width: 100vw !important;
        }
        .feature-detail-slider {
            overflow-x: auto !important;
            scroll-snap-type: x mandatory;
            scroll-behavior: smooth;
            padding: 1rem !important;
            box-sizing: border-box;
            -ms-overflow-style: none;
            scrollbar-width: none;
        }
        .feature-detail-slider::-webkit-scrollbar {
            display: none;
        }
        .feature-detail-track {
            gap: 16px;
            transform: none !important;
        }
        .feature-detail-card {
            min-width: 85vw;
            flex: 0 0 85vw;
            scroll-snap-align: center;
        }
        .feature-detail-more {
            display: block;
            opacity: 1;
            transform: translateY(0);
        }
        .feature-detail-controls {
            display: none;
        }
    }
    .restaurants-hero-card {
        position: relative;
        will-change: flex;
        transition: flex 0.8s cubic-bezier(0.4, 0, 0.2, 1), filter 0.5s ease, box-shadow 0.5s ease;
    }
    .restaurants-hero-card img {
        transition: transform 1.2s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .restaurants-hero-card.expanded {
        z-index: 10;
        filter: brightness(1) !important;
    }
    .restaurants-hero-card.expanded img {
        transform: scale(1.02);
    }
    .restaurants-hero-card:not(.expanded) {
        filter: brightness(0.8);
    }
    @media (min-width: 769px) {
        .restaurants-hero-card:not(.expanded) {
            min-width: 70px;
        }
    }
    .restaurants-hero-card .card-title {
        opacity: 0;
        transition: opacity 0.35s ease;
    }
    .restaurants-hero-card.expanded .card-title {
        opacity: 1;
    }
    @media (max-width: 768px) {
        #{{ $heroSliderId }} {
            position: relative;
            left: 50%;
            right: 50%;
            margin-left: -50vw !important;
            margin-right: -50vw !important;
            width: 100vw !important;
            max-width: 100vw !important;
            overflow-x: auto;
            scroll-snap-type: x mandatory;
            scroll-behavior: smooth;
            padding-left: 1rem !important;
            padding-right: 1rem !important;
            box-sizing: border-box;
        }
        .restaurants-hero-card {
            min-width: 85vw !important;
            flex: 0 0 85vw !important;
            filter: brightness(1) !important;
            scroll-snap-align: center;
        }
        .restaurants-hero-card .card-title {
            opacity: 1;
        }
    }
</style>
@endpush

@section('content')
@php
    $heroVariants = $useGeneratedVerticalCopy ? ($generatedCopy['hero_variants'] ?? []) : __($t . '.hero_variants');
    if (!is_array($heroVariants) || empty($heroVariants)) {
        $heroVariants = $generatedCopy['hero_variants'] ?? [];
    }
    if ($forceSeniorGeneratedCopy && isset($generatedCopy['hero_variants']) && is_array($generatedCopy['hero_variants']) && !empty($generatedCopy['hero_variants'])) {
        $heroVariants = $generatedCopy['hero_variants'];
    }
    if ($locale !== 'en' && $arrayLooksWeakOrEnglish($heroVariants) && isset($generatedCopy['hero_variants']) && is_array($generatedCopy['hero_variants'])) {
        $heroVariants = $generatedCopy['hero_variants'];
    }
    $headlineLabel = trim((string) $tt('hero_eyebrow'));
    $fallbackHeroVariantsByLocale = [
        'en' => [
            ['title' => 'Build consistent pipeline with a clearer commercial plan', 'body' => 'Capture high-intent demand, remove friction, and increase qualified orders.'],
            ['title' => 'Turn visibility into real revenue momentum', 'body' => 'Align channels, offer, and messaging so demand converts faster.'],
            ['title' => 'Increase repeat revenue without constant discounting', 'body' => 'Use CRM and lifecycle follow-up to raise frequency and lifetime value.'],
        ],
        'pt' => [
            ['title' => 'Construa pipeline consistente com um plano comercial claro', 'body' => 'Capte procura qualificada, reduza fricção e aumente pedidos com margem.'],
            ['title' => 'Transforme visibilidade em receita real', 'body' => 'Alinhe canais, oferta e mensagem com objetivos comerciais claros.'],
            ['title' => 'Aumente recorrência sem viver de promoções', 'body' => 'Use CRM e follow-up contínuo para elevar frequência e valor por cliente.'],
        ],
        'br' => [
            ['title' => 'Construa pipeline consistente com um plano comercial claro', 'body' => 'Capte demanda qualificada, reduza fricção e aumente pedidos com margem.'],
            ['title' => 'Transforme visibilidade em receita real', 'body' => 'Alinhe canais, oferta e mensagem com objetivos comerciais claros.'],
            ['title' => 'Aumente recorrência sem viver de promoções', 'body' => 'Use CRM e follow-up contínuo para elevar frequência e valor por cliente.'],
        ],
        'es' => [
            ['title' => 'Construye pipeline consistente con un plan comercial claro', 'body' => 'Capta demanda cualificada, reduce fricción y aumenta pedidos con margen.'],
            ['title' => 'Convierte visibilidad en ingresos reales', 'body' => 'Alinea canales, oferta y mensaje con objetivos comerciales concretos.'],
            ['title' => 'Aumenta recurrencia sin depender de promociones', 'body' => 'Usa CRM y seguimiento continuo para elevar frecuencia y valor por cliente.'],
        ],
        'fr' => [
            ['title' => 'Construisez un pipeline régulier avec un plan commercial clair', 'body' => 'Captez une demande qualifiée, réduisez la friction et augmentez les ventes avec marge.'],
            ['title' => 'Transformez la visibilité en revenus concrets', 'body' => 'Alignez canaux, offre et message sur des objectifs business clairs.'],
            ['title' => 'Développez la récurrence sans dépendre des promotions', 'body' => 'Activez CRM et suivi continu pour augmenter fréquence d’achat et valeur client.'],
        ],
    ];
    $weakHeroPattern = '/\bmore\b.*\bmore\b.*\bmore\b|\b(demand|orders|customers)\b.*\b(demand|orders|customers)\b|\bvanity metrics\b/i';
    $hasWeakHeroVariant = false;
    foreach ($heroVariants as $variant) {
        if (!is_array($variant)) {
            continue;
        }
        $title = (string) ($variant['title'] ?? '');
        if ($title !== '' && preg_match($weakHeroPattern, $title)) {
            $hasWeakHeroVariant = true;
            break;
        }
    }
    if ($hasWeakHeroVariant) {
        $heroVariants = $fallbackHeroVariantsByLocale[$locale] ?? $fallbackHeroVariantsByLocale['en'];
    } else {
        foreach ($heroVariants as $index => $variant) {
            if (!is_array($variant)) {
                continue;
            }
            $title = trim((string) ($variant['title'] ?? ''));
            if ($title === '') {
                continue;
            }
            if (preg_match('/^' . preg_quote($headlineLabel, '/') . '\s*[:\-]\s*/iu', $title)) {
                $title = preg_replace('/^' . preg_quote($headlineLabel, '/') . '\s*[:\-]\s*/iu', '', $title) ?? $title;
            }
            if (preg_match('/\b(more|mais|más|plus)\b.*\b(more|mais|más|plus)\b/i', $title)) {
                $heroVariants = $fallbackHeroVariantsByLocale[$locale] ?? $fallbackHeroVariantsByLocale['en'];
                break;
            }
            $heroVariants[$index]['title'] = $title;
        }
    }
    $heroVariant = $heroVariants[array_rand($heroVariants)];
    $featureCardNavLabels = match ($locale) {
        'pt', 'br' => ['prev' => 'Cards de funcionalidades anteriores', 'next' => 'Próximos cards de funcionalidades'],
        'es' => ['prev' => 'Tarjetas de funcionalidades anteriores', 'next' => 'Siguientes tarjetas de funcionalidades'],
        'fr' => ['prev' => 'Cartes de fonctionnalités précédentes', 'next' => 'Cartes de fonctionnalités suivantes'],
        default => ['prev' => 'Previous feature cards', 'next' => 'Next feature cards'],
    };
    $fallbackProofTitleByLocale = [
        'en' => 'Built for measurable pipeline and revenue growth',
        'pt' => 'Focado em pipeline e receita mensurável',
        'br' => 'Focado em pipeline e receita mensurável',
        'es' => 'Enfocado en pipeline e ingresos medibles',
        'fr' => 'Pensé pour un pipeline et des revenus mesurables',
    ];
    $proofTitle = $tt('proof_title');
    if (preg_match('/vanity metrics|métricas de vaidade|métricas vanidosas|vanity/i', (string) $proofTitle)) {
        $proofTitle = $fallbackProofTitleByLocale[$locale] ?? $fallbackProofTitleByLocale['en'];
    }
    $fallbackFinalTitleByLocale = [
        'en' => "Let's map your highest-impact {$headlineLabel} growth priorities",
        'pt' => "Vamos mapear as prioridades de maior impacto para {$headlineLabel}",
        'br' => "Vamos mapear as prioridades de maior impacto para {$headlineLabel}",
        'es' => "Mapeemos las prioridades de mayor impacto para {$headlineLabel}",
        'fr' => "Identifions les priorités les plus impactantes pour {$headlineLabel}",
    ];
    $finalTitle = $tt('final_title');
    if (preg_match('/lets review|vamos rever|revisemos|passons en revue/i', (string) $finalTitle)) {
        $finalTitle = $fallbackFinalTitleByLocale[$locale] ?? $fallbackFinalTitleByLocale['en'];
    }
    $featureModalDefaults = $useGeneratedVerticalCopy ? ($generatedCopy['feature_modal_default'] ?? []) : __($t . '.feature_modal_default');
    $generatedModalDefaults = is_array($generatedCopy['feature_modal_default'] ?? null) ? $generatedCopy['feature_modal_default'] : [];
    if (!is_array($featureModalDefaults)) {
        $featureModalDefaults = $generatedModalDefaults;
    }
    if ($locale !== 'en') {
        $featureModalDefaults = array_replace_recursive($generatedModalDefaults, $featureModalDefaults);
        foreach (['value', 'cta_label'] as $scalarKey) {
            if (!isset($featureModalDefaults[$scalarKey]) || $looksWeakOrEnglish((string) $featureModalDefaults[$scalarKey])) {
                $featureModalDefaults[$scalarKey] = $generatedModalDefaults[$scalarKey] ?? ($featureModalDefaults[$scalarKey] ?? '');
            }
        }
        foreach (['examples', 'benefits'] as $listKey) {
            if (!isset($featureModalDefaults[$listKey]) || !is_array($featureModalDefaults[$listKey]) || $arrayLooksWeakOrEnglish($featureModalDefaults[$listKey])) {
                $featureModalDefaults[$listKey] = $generatedModalDefaults[$listKey] ?? ($featureModalDefaults[$listKey] ?? []);
            }
        }
    }
    if ($locale !== 'en') {
        $generatedModalDefaults = is_array($generatedCopy['feature_modal_default'] ?? null) ? $generatedCopy['feature_modal_default'] : [];
        foreach (['value', 'cta_label'] as $modalScalarKey) {
            if ((!isset($featureModalDefaults[$modalScalarKey]) || $looksWeakOrEnglish((string) $featureModalDefaults[$modalScalarKey]))
                && isset($generatedModalDefaults[$modalScalarKey]) && is_string($generatedModalDefaults[$modalScalarKey])) {
                $featureModalDefaults[$modalScalarKey] = $generatedModalDefaults[$modalScalarKey];
            }
        }
        foreach (['examples', 'benefits'] as $modalListKey) {
            $joined = is_array($featureModalDefaults[$modalListKey] ?? null) ? implode(' ', $featureModalDefaults[$modalListKey]) : '';
            if ((!isset($featureModalDefaults[$modalListKey]) || !is_array($featureModalDefaults[$modalListKey]) || $looksWeakOrEnglish($joined))
                && isset($generatedModalDefaults[$modalListKey]) && is_array($generatedModalDefaults[$modalListKey])) {
                $featureModalDefaults[$modalListKey] = $generatedModalDefaults[$modalListKey];
            }
        }
    }
    $baselineSummary = trim((string) ($featureModalDefaults['value'] ?? ''));
    if ($baselineSummary === '') {
        $baselineSummary = trim(strip_tags($tt('meta_description')));
    }
    if ($baselineSummary === '') {
        $baselineSummary = 'Capability within your connected growth system.';
    }
    $featureDescriptions = $useGeneratedVerticalCopy ? ($generatedCopy['feature_descriptions'] ?? []) : __($t . '.feature_descriptions');
    $generatedFeatureDescriptions = is_array($generatedCopy['feature_descriptions'] ?? null) ? $generatedCopy['feature_descriptions'] : [];
    if (!is_array($featureDescriptions)) {
        $featureDescriptions = $generatedFeatureDescriptions;
    }
    if ($locale !== 'en') {
        $featureDescriptions = array_replace($generatedFeatureDescriptions, $featureDescriptions);
        foreach ($featureDescriptions as $featureName => $description) {
            if (!is_string($description) || $looksWeakOrEnglish($description)) {
                $featureDescriptions[$featureName] = $generatedFeatureDescriptions[$featureName] ?? $featureDescriptionFallback;
            }
        }
    }
    if ($locale !== 'en') {
        foreach ($featureDescriptions as $featureName => $description) {
            if (!is_string($description) || trim($description) === '') {
                continue;
            }
            if (preg_match('/\b(integrated|designed|built)\b/i', $description)) {
                $featureDescriptions[$featureName] = $generatedCopy['feature_descriptions'][$featureName] ?? $featureDescriptionFallback;
            }
        }
    }
    if (empty($featureDescriptions)) {
        foreach ($storyBlocks as $storyBlock) {
            if (!is_array($storyBlock)) {
                continue;
            }
            foreach (($storyBlock['features'] ?? []) as $featureName) {
                if (!isset($featureDescriptions[$featureName])) {
                    $featureDescriptions[$featureName] = $baselineSummary;
                }
            }
        }
    }
    $usedFeatures = [];
    foreach ($storyBlocks as $storyBlock) {
        if (!is_array($storyBlock)) {
            continue;
        }
        foreach (($storyBlock['features'] ?? []) as $featureName) {
            if (is_string($featureName) && trim($featureName) !== '') {
                $usedFeatures[$featureName] = true;
            }
        }
    }
    if (!empty($usedFeatures)) {
        $featureDescriptions = array_intersect_key($featureDescriptions, $usedFeatures);
    }
    $featureDetails = $useGeneratedVerticalCopy ? ($generatedCopy['feature_details'] ?? []) : __($t . '.feature_details');
    $generatedFeatureDetails = is_array($generatedCopy['feature_details'] ?? null) ? $generatedCopy['feature_details'] : [];
    if (!is_array($featureDetails)) {
        $featureDetails = $generatedFeatureDetails;
    }
    if ($locale !== 'en') {
        $featureDetails = array_replace($generatedFeatureDetails, $featureDetails);
        foreach ($featureDescriptions as $featureName => $description) {
            $detail = $featureDetails[$featureName] ?? '';
            if (!is_string($detail) || trim($detail) === '' || $looksWeakOrEnglish($detail)) {
                $featureDetails[$featureName] = $generatedFeatureDetails[$featureName] ?? $description;
            }
        }
    }
    if ($locale === 'en' && empty($featureDetails)) {
        $featureDetails = [
        'Google Ads' => 'We build and manage search campaigns focused on high-intent terms, budget efficiency, and booking/order actions. You get clear campaign structure, negative keyword control, conversion tracking, and weekly optimization based on real performance.',
        'Google Maps Ads' => 'We position your restaurant inside map-based discovery moments with local targeting and profile-driven actions. This increases visibility where customers compare options quickly and are ready to call, route, or visit.',
        'Local SEO' => 'We improve local rankings with location-focused SEO structure, content, and on-page optimization. The objective is simple: make your restaurant appear for nearby searches that lead to real visits and orders.',
        'Google Business Profile optimization' => 'We optimize your profile to improve trust and conversion: categories, service details, photos, reviews, posting cadence, and action prompts. This helps turn profile views into calls, bookings, and foot traffic.',
        'Meta Ads' => 'We create and manage Instagram/Facebook campaigns for demand generation, retargeting, and offer promotion. Creative, audience, and funnel stages are aligned to produce measurable booking and order outcomes.',
        'Influencer campaigns' => 'We identify local creators, structure collaboration deliverables, and coordinate publication windows around your goals. The focus is credible social proof and discoverability, not vanity reach.',
        'Campaign strategy for launches, events and promotions' => 'We design integrated campaign plans for key moments: new menu launches, seasonal offers, local events, and promo windows. Messaging, channels, and budget are coordinated so execution feels unified and measurable.',
        'Restaurant websites' => 'We build high-performance websites designed for restaurant behavior: instant clarity, strong visuals, fast navigation, and clear conversion paths. Every section supports one goal: move visitors into action.',
        'Landing pages' => 'We create campaign-specific pages for promotions, events, and paid traffic. Each page has focused copy, controlled user flow, and conversion-oriented structure tailored to one objective.',
        'Online ordering systems' => 'We implement direct ordering flows so customers can buy from your brand without unnecessary friction. This helps reduce dependency on third-party channels and improve margin control.',
        'Reservation systems' => 'We configure booking experiences that reduce drop-off and simplify table management. The result is faster confirmation flow for customers and cleaner reservation operations for your team.',
        'QR code menus' => 'We design QR menu experiences that are easy to scan, fast to read, and clear to navigate in real service conditions. Better structure improves ordering speed and reduces front-of-house friction.',
        'Delivery integrations' => 'We connect delivery tools and platform flows into your digital stack, reducing manual handoffs and inconsistency. The goal is operational clarity between marketing demand and fulfillment execution.',
        'Conversion-focused UX/UI' => 'We design interfaces around decision clarity and action velocity. Layout, hierarchy, trust signals, and CTA placement are optimized to improve booking and ordering completion rates.',
        'Photography' => 'We produce professional food, space, and brand photography built for conversion touchpoints. Visual assets are planned for web, social, listings, and campaigns with consistent quality standards.',
        'Videography' => 'We create video assets for ads, social, and brand presentation that communicate atmosphere and product quality quickly. Content is optimized for modern viewing behavior and performance usage.',
        'Content creation' => 'We build a practical content system with clear themes, production cadence, and platform-fit execution. This keeps communication active and aligned with business objectives.',
        'Social media management' => 'We manage social channels with strategy, calendar, publishing, and performance review. The goal is consistent brand presence that supports awareness and conversion.',
        'Branding' => 'We define and refine your brand identity so your restaurant is recognizable and differentiated. This includes tone, visual language, and practical brand systems for real operations.',
        'Graphic design' => 'We create design assets across digital and physical touchpoints with one visual standard. This improves consistency and perceived quality at every customer interaction.',
        'Menus' => 'We design menus for both aesthetics and decision flow, helping customers choose faster and increasing clarity on offers. Structure and readability are treated as conversion tools.',
        'Banners' => 'We produce campaign banners and promotional graphics for in-store and digital contexts. Assets are created to be clear, quick to process, and brand-aligned.',
        'Flyers' => 'We design promotional materials for local distribution, events, and activation campaigns with strong visual hierarchy and clear calls to action.',
        'Stationery' => 'We align everyday brand materials with your identity system so every detail reinforces trust and professionalism.',
        'Loyalty systems' => 'We structure loyalty mechanics that increase repeat behavior using reward logic tied to real customer habits. The goal is frequency and retention growth.',
        'Loyalty apps' => 'We implement loyalty app flows that keep your restaurant accessible and top-of-mind between visits. This strengthens repeat engagement and owned customer touchpoints.',
        'CRM' => 'We organize customer data and segmentation so communication becomes targeted and useful. CRM setup supports smarter retention campaigns and better lifetime value decisions.',
        'Email marketing' => 'We create lifecycle and campaign emails that bring customers back with relevant offers and timing. Performance is tracked through open, click, and conversion metrics.',
        'Remarketing campaigns' => 'We re-engage previous visitors and interested audiences with tailored messaging. This recovers missed demand and improves total acquisition efficiency.',
        'Retention strategies' => 'We build retention frameworks that combine loyalty, CRM, and remarketing into one repeat-business system. The focus is sustainable growth, not one-off spikes.',
        'Mobile apps' => 'We design and build mobile app experiences for ordering, loyalty, and repeat engagement. Apps are structured to support direct customer access and long-term retention.',
        'Multi-location systems' => 'We organize digital systems for restaurants operating across multiple locations. This ensures consistency while preserving local relevance in campaigns and operations.',
        'Analytics' => 'We implement analytics views that translate data into decisions: visibility, conversion, and retention performance. Reporting is built for clarity, not complexity.',
        'Automation' => 'We automate repetitive operational and marketing workflows to improve speed and reduce errors. This helps teams focus on higher-value execution.',
        'Optimization' => 'We run ongoing optimization cycles across campaigns, pages, and flows to continuously improve outcomes. Improvements are prioritized by measurable impact.',
        'Performance tracking' => 'We track key metrics across discovery, conversion, and retention so growth decisions are based on evidence. You get visibility into what is working and what needs adjustment.',
        'Delivery systems' => 'We structure delivery-facing digital flows so order demand and fulfillment are aligned. This reduces operational disconnects and improves customer experience.',
        'Operational digital flows' => 'We connect the moving parts behind growth: campaigns, platforms, customer actions, and internal execution. The result is a system that scales more smoothly.',
        ];
    }
    $foodIndustryModalOverrides = [];
    if ($isFoodIndustryPage) {
        $foodIndustryModalOverrides = [
            'Google Ads' => [
                'detail' => 'We structure search campaigns around cuisine, occasion, neighborhood, and action intent so spend goes toward people ready to book, order, or visit soon.',
                'value' => 'Capture demand that already exists and redirect it toward your direct channels instead of letting marketplaces or competitors take the sale.',
                'examples' => [
                    'Keyword groups split by cuisine, occasion, location, and intent',
                    'Landing-page or menu paths aligned to each campaign theme',
                    'Bid, schedule, and negative-keyword optimization around profitable time windows',
                ],
                'benefits' => [
                    'Higher-intent traffic from search',
                    'Better direct order or booking conversion',
                    'Lower wasted spend on low-fit clicks',
                ],
            ],
            'Google Maps Ads' => [
                'detail' => 'We improve visibility in map-based decision moments where proximity, reviews, and convenience drive fast choices.',
                'value' => 'Win the last-mile decision when customers compare nearby options and choose where to go right now.',
                'examples' => [
                    'Promoted map presence around high-value service areas',
                    'Call, route, and profile-action optimization',
                    'Creative and profile improvements that support immediate local choice',
                ],
                'benefits' => [
                    'More route and call actions',
                    'Stronger visibility in “near me” moments',
                    'Higher conversion from local intent to visit',
                ],
            ],
            'Local SEO' => [
                'detail' => 'We build local organic visibility through structure, on-page relevance, location intent, and supporting content that matches how people search for food and beverage options nearby.',
                'value' => 'Reduce dependency on paid visibility by earning local rankings that keep bringing qualified traffic over time.',
                'examples' => [
                    'Location and category page optimization',
                    'Search-intent content tied to neighborhoods, cuisine, and service modes',
                    'On-page, internal linking, and local relevance improvements',
                ],
                'benefits' => [
                    'More organic local discovery',
                    'Stronger long-term visibility',
                    'Better qualified inbound traffic',
                ],
            ],
            'Google Business Profile optimization' => [
                'detail' => 'We optimize the profile details that influence fast decisions: imagery, categories, offer clarity, review flow, and action prompts.',
                'value' => 'Turn profile views into calls, directions, bookings, and orders with a listing that feels active, credible, and easy to act on.',
                'examples' => [
                    'Category, service, and attribute refinement',
                    'Photo, post, and review-management structure',
                    'Action-oriented profile copy and conversion hygiene',
                ],
                'benefits' => [
                    'More profile-driven actions',
                    'Better trust at first glance',
                    'Higher conversion from maps and branded search',
                ],
            ],
            'Meta Ads' => [
                'detail' => 'We run paid social campaigns for offers, launches, retargeting, and brand demand using creative matched to how people discover and evaluate food brands visually.',
                'value' => 'Create demand before the customer searches, then retarget interest until it converts into a visit, booking, or checkout.',
                'examples' => [
                    'Campaigns split by awareness, offer promotion, and remarketing',
                    'Creative testing around menu items, atmosphere, and offers',
                    'Audience structures aligned to local radius and intent signals',
                ],
                'benefits' => [
                    'More qualified social demand',
                    'Stronger campaign recall and brand pull',
                    'Better retargeting performance',
                ],
            ],
            'Influencer campaigns' => [
                'detail' => 'We coordinate creator partnerships around local relevance, content deliverables, and commercial moments so visibility turns into measurable traffic or bookings.',
                'value' => 'Use trusted local voices to accelerate awareness and social proof without relying on vanity reach alone.',
                'examples' => [
                    'Creator shortlisting based on audience and geography fit',
                    'Offer, launch, or visit-based collaboration plans',
                    'Tracking structure for posts, stories, and campaign timing',
                ],
                'benefits' => [
                    'Stronger local reach and credibility',
                    'More social proof around the brand',
                    'Better awareness for key launches or offers',
                ],
            ],
            'Campaign strategy for launches, events and promotions' => [
                'detail' => 'We plan campaigns around revenue moments like seasonal menus, events, launches, holidays, or low-demand periods so execution is coordinated across channels.',
                'value' => 'Make key commercial moments feel intentional and measurable instead of improvised and inconsistent.',
                'examples' => [
                    'Promotion calendar tied to revenue priorities',
                    'Channel and messaging plan per campaign moment',
                    'Offer, landing-page, and creative alignment before launch',
                ],
                'benefits' => [
                    'Better campaign readiness',
                    'More consistent promo execution',
                    'Stronger return from launches and events',
                ],
            ],
            'Websites' => [
                'detail' => 'We build fast websites that present the brand clearly, reduce friction, and move visitors toward the next action without confusion.',
                'value' => 'Make your website a working revenue channel instead of a brochure that leaks demand.',
                'examples' => [
                    'Homepage, menu, location, and conversion architecture',
                    'Mobile-first UX designed for fast decisions',
                    'Clear paths into booking, ordering, inquiry, or visit intent',
                ],
                'benefits' => [
                    'Higher website conversion rates',
                    'Better first impression and trust',
                    'Less drop-off before the next action',
                ],
            ],
            'Restaurant websites' => [
                'detail' => 'We design restaurant websites around the real decisions customers make: where to eat, what to order, whether to book, and whether to trust the experience.',
                'value' => 'Support more bookings and direct orders with a site built around restaurant behavior, not generic templates.',
                'examples' => [
                    'Clear menu, booking, and order-entry architecture',
                    'Mobile-first layouts for fast restaurant decisions',
                    'Trust, atmosphere, and CTA structure aligned to conversion',
                ],
                'benefits' => [
                    'More direct bookings and orders',
                    'Better conversion from first visit',
                    'Stronger perceived quality online',
                ],
            ],
            'Coffee shop websites' => [
                'detail' => 'We build coffee-shop websites that prioritize fast intent: menu browse, location clarity, pickup flow, and repeat-visit convenience.',
                'value' => 'Turn daily local traffic into visits and orders with a site built for speed, clarity, and habit.',
                'examples' => [
                    'Fast menu and location architecture',
                    'Pickup, order, and offer paths for mobile users',
                    'Pages that support recurring local demand, not just discovery',
                ],
                'benefits' => [
                    'More direct daily orders',
                    'Higher conversion from local search traffic',
                    'Stronger repeat visit behavior',
                ],
            ],
            'Landing pages' => [
                'detail' => 'We create focused pages for a single campaign objective, whether that is an event, launch, offer, menu collection, booking push, or neighborhood campaign.',
                'value' => 'Give paid traffic or promotional campaigns a dedicated destination built to convert, not distract.',
                'examples' => [
                    'Offer-specific page structure and messaging',
                    'Clear CTA hierarchy for one commercial outcome',
                    'Fast-launch templates for campaigns and promotions',
                ],
                'benefits' => [
                    'Higher campaign conversion rates',
                    'Better message-match from ad to page',
                    'Faster testing and iteration',
                ],
            ],
            'Online ordering systems' => [
                'detail' => 'We design or improve direct ordering flows so customers can move from craving to checkout with fewer steps and less confusion.',
                'value' => 'Increase direct-order share and protect margin by making your own checkout easier to use than third-party alternatives.',
                'examples' => [
                    'Shorter ordering journey with clearer categories and modifiers',
                    'Mobile checkout improvements for speed and completion',
                    'Offer-ready paths connected to campaigns and high-margin items',
                ],
                'benefits' => [
                    'Higher checkout completion',
                    'More direct orders',
                    'Better margin control',
                ],
            ],
            'Reservation systems' => [
                'detail' => 'We optimize booking journeys so customers can reserve quickly while your team gets cleaner scheduling and fewer lost tables.',
                'value' => 'Convert interest into confirmed reservations with less drop-off and a smoother booking experience.',
                'examples' => [
                    'Reservation flow setup and friction reduction',
                    'Capacity-aware booking logic and CTA placement',
                    'Reminder and confirmation improvements tied to conversion',
                ],
                'benefits' => [
                    'More confirmed bookings',
                    'Less booking friction',
                    'Better use of available capacity',
                ],
            ],
            'QR code menus' => [
                'detail' => 'We structure QR menus for clarity in real service conditions so customers can decide faster and staff spend less time resolving confusion.',
                'value' => 'Use the menu as a conversion tool that speeds decisions, supports upsell, and improves in-venue flow.',
                'examples' => [
                    'Readable category and item hierarchy for mobile',
                    'Visual and copy structure that supports faster choice',
                    'Menu flow aligned to ordering behavior and service context',
                ],
                'benefits' => [
                    'Faster table-side decisions',
                    'Better menu clarity and upsell support',
                    'Less front-of-house friction',
                ],
            ],
            'Delivery integrations' => [
                'detail' => 'We connect delivery-related platforms and workflows so demand generation, ordering, and fulfilment work as one operational system.',
                'value' => 'Reduce inconsistencies between marketing, ordering, and fulfilment so delivery demand is easier to scale.',
                'examples' => [
                    'Integration of delivery tools into the digital stack',
                    'Consistent offer and menu logic across channels',
                    'Operational handoff improvements between acquisition and fulfilment',
                ],
                'benefits' => [
                    'Cleaner delivery operations',
                    'Better alignment across channels',
                    'More scalable order fulfilment',
                ],
            ],
            'Conversion-focused UX/UI' => [
                'detail' => 'We improve layouts, hierarchy, trust cues, and action paths so the user experience helps customers complete the next step instead of hesitating.',
                'value' => 'Increase conversion from the traffic you already have by removing friction in the key journey.',
                'examples' => [
                    'CTA, layout, and hierarchy refinements by intent',
                    'Mobile UX improvements for faster action',
                    'Interface decisions tested against drop-off and completion behavior',
                ],
                'benefits' => [
                    'Higher completion rates',
                    'Less abandonment in key journeys',
                    'Stronger conversion efficiency',
                ],
            ],
            'Photography' => [
                'detail' => 'We produce food, space, and brand photography planned for the channels that drive decisions: website, social, listings, ads, and menus.',
                'value' => 'Raise perceived quality and desirability with imagery built for conversion, not just aesthetics.',
                'examples' => [
                    'Hero and menu-product photography planning',
                    'Channel-specific shots for ads, social, and listings',
                    'Consistent visual direction across digital touchpoints',
                ],
                'benefits' => [
                    'Stronger first impression',
                    'Higher campaign and listing performance',
                    'Better brand consistency',
                ],
            ],
            'Videography' => [
                'detail' => 'We create short-form and campaign-ready video content that communicates atmosphere, craft, and product quality quickly.',
                'value' => 'Use motion to increase attention, recall, and conversion in channels where static content is no longer enough.',
                'examples' => [
                    'Short-form content for paid social and organic channels',
                    'Atmosphere and product storytelling sequences',
                    'Video assets adapted to campaign placements and goals',
                ],
                'benefits' => [
                    'Higher engagement and recall',
                    'Better performance in paid social',
                    'Stronger premium perception',
                ],
            ],
            'Content creation' => [
                'detail' => 'We build a repeatable content system around your products, promotions, seasons, and brand voice so communication stays active and useful.',
                'value' => 'Keep the brand present in the market with content tied to business priorities instead of random posting.',
                'examples' => [
                    'Content themes mapped to offers, launches, and seasons',
                    'Production cadence and asset planning',
                    'Platform-fit content for social, listings, and website use',
                ],
                'benefits' => [
                    'More consistent communication',
                    'Better alignment between content and offers',
                    'Stronger ongoing demand support',
                ],
            ],
            'Social media management' => [
                'detail' => 'We manage publishing, positioning, and performance review so social channels stay active, coherent, and commercially useful.',
                'value' => 'Turn social media into a demand and trust channel instead of a sporadic brand chore.',
                'examples' => [
                    'Content calendar and publishing workflow',
                    'Channel tone, positioning, and consistency management',
                    'Performance review tied to offers and business moments',
                ],
                'benefits' => [
                    'More consistent brand presence',
                    'Better audience engagement quality',
                    'Stronger support for launches and promotions',
                ],
            ],
            'Branding' => [
                'detail' => 'We define or refine the identity system that makes the brand recognizable across menu, packaging, signage, website, and campaigns.',
                'value' => 'Increase differentiation so customers remember, trust, and choose your brand faster.',
                'examples' => [
                    'Brand positioning and identity development',
                    'Visual language adapted to digital and physical touchpoints',
                    'Guidelines that support consistency as the brand grows',
                ],
                'benefits' => [
                    'Stronger recognition and recall',
                    'Higher perceived value',
                    'More consistent execution across channels',
                ],
            ],
            'Graphic design' => [
                'detail' => 'We create visual assets for offers, packaging, campaigns, menus, and social so every customer-facing detail feels aligned.',
                'value' => 'Improve consistency and clarity across all brand materials, online and offline.',
                'examples' => [
                    'Campaign and offer assets for digital channels',
                    'Design support for menus, signage, and print',
                    'Visual systems that keep execution coherent across formats',
                ],
                'benefits' => [
                    'Better brand consistency',
                    'Clearer campaign communication',
                    'Higher perceived professionalism',
                ],
            ],
            'Menus' => [
                'detail' => 'We design menus around decision flow, readability, appetite appeal, and strategic emphasis on the items you most want to sell.',
                'value' => 'Use menu design to support faster choice, clearer communication, and better revenue per guest.',
                'examples' => [
                    'Digital and print menu hierarchy planning',
                    'Layout and copy structure for easier scanning',
                    'Strategic emphasis on signature and high-margin items',
                ],
                'benefits' => [
                    'Faster customer decisions',
                    'Stronger upsell support',
                    'Better clarity at the point of choice',
                ],
            ],
            'Banners' => [
                'detail' => 'We create promotional banner systems for in-store, online, and campaign use so offers are easy to understand quickly.',
                'value' => 'Make promotions feel visible, timely, and consistent wherever customers encounter them.',
                'examples' => [
                    'Promo banners for web, ads, and in-store use',
                    'Visual hierarchy built for rapid comprehension',
                    'Assets aligned to the wider campaign system',
                ],
                'benefits' => [
                    'Clearer offer communication',
                    'More consistent campaign execution',
                    'Better visual impact at key moments',
                ],
            ],
            'Flyers' => [
                'detail' => 'We design print collateral for local outreach, events, launches, and nearby activations with clear messaging and actionable offers.',
                'value' => 'Support neighborhood demand generation with print assets that are easy to notice and easy to act on.',
                'examples' => [
                    'Local campaign flyer concepts and layout',
                    'Offer and CTA structure for offline distribution',
                    'Visual design aligned to the wider brand system',
                ],
                'benefits' => [
                    'Better local campaign support',
                    'Clearer offline promotion',
                    'Stronger neighborhood visibility',
                ],
            ],
            'Stationery' => [
                'detail' => 'We align small-format brand materials so even operational touchpoints reinforce quality and consistency.',
                'value' => 'Strengthen trust by making everyday brand details feel intentional instead of improvised.',
                'examples' => [
                    'Branded small-format materials and templates',
                    'Consistency rules for routine customer touchpoints',
                    'Design alignment with core brand identity',
                ],
                'benefits' => [
                    'More premium brand perception',
                    'Greater consistency across touchpoints',
                    'Better operational presentation',
                ],
            ],
            'Loyalty systems' => [
                'detail' => 'We structure repeat-purchase mechanics around the habits that matter most: visit frequency, order value, or reactivation after drop-off.',
                'value' => 'Increase repeat revenue with a loyalty model customers understand and your team can actually operate.',
                'examples' => [
                    'Reward logic tied to real visit or order behavior',
                    'Offer structure designed to protect margin',
                    'Retention flows connected to customer frequency',
                ],
                'benefits' => [
                    'More repeat purchases or visits',
                    'Higher customer lifetime value',
                    'Stronger retention consistency',
                ],
            ],
            'Loyalty apps' => [
                'detail' => 'We plan mobile loyalty experiences that keep your brand visible between visits and make it easier to trigger repeat actions.',
                'value' => 'Create a more direct retention channel that lives closer to the customer than email alone.',
                'examples' => [
                    'Reward visibility and repeat-visit journeys',
                    'Offer and push logic tied to buying behavior',
                    'App experience planning around convenience and retention',
                ],
                'benefits' => [
                    'More repeat engagement',
                    'Better owned-channel retention',
                    'Higher brand presence between visits',
                ],
            ],
            'CRM' => [
                'detail' => 'We organize customer data, segments, and triggers so follow-up becomes more relevant, timely, and useful.',
                'value' => 'Move from generic outreach to retention decisions based on actual customer behavior.',
                'examples' => [
                    'Segmentation by frequency, spend, channel, or behavior',
                    'Lifecycle triggers for repeat, win-back, and upsell',
                    'CRM logic connected to campaigns and retention actions',
                ],
                'benefits' => [
                    'Smarter customer targeting',
                    'Better repeat campaign performance',
                    'Clearer customer value visibility',
                ],
            ],
            'Email marketing' => [
                'detail' => 'We build lifecycle and campaign emails for launches, reminders, win-backs, and repeat purchase opportunities.',
                'value' => 'Bring customers back with lower-cost communication tied to timing and offer relevance.',
                'examples' => [
                    'Email flows for repeat purchase and reactivation',
                    'Campaign emails tied to launches and seasonal moments',
                    'Segmentation and measurement setup for retention impact',
                ],
                'benefits' => [
                    'More repeat visits and orders',
                    'Better retention ROI',
                    'Improved reactivation of inactive customers',
                ],
            ],
            'Remarketing campaigns' => [
                'detail' => 'We re-engage visitors and customers who showed intent but did not complete the next step using tailored messaging and timing.',
                'value' => 'Recover demand you already paid to generate before it disappears.',
                'examples' => [
                    'Audience pools built from site, order, and profile behavior',
                    'Creative and offers matched to prior intent',
                    'Campaign logic for browse, cart, or booking abandonment',
                ],
                'benefits' => [
                    'Higher conversion from existing traffic',
                    'Better overall acquisition efficiency',
                    'More recovered bookings or orders',
                ],
            ],
            'Retention strategies' => [
                'detail' => 'We connect loyalty, CRM, email, and remarketing into one retention system so repeat revenue is built deliberately instead of inconsistently.',
                'value' => 'Create a repeat-business engine that compounds beyond one-off campaigns.',
                'examples' => [
                    'Retention model by customer behavior and visit rhythm',
                    'Channel roles across loyalty, CRM, and paid remarketing',
                    'Prioritised roadmap for repeat revenue improvements',
                ],
                'benefits' => [
                    'More predictable repeat revenue',
                    'Higher lifetime value',
                    'Less dependence on constant acquisition',
                ],
            ],
            'Mobile apps' => [
                'detail' => 'We design app experiences around ordering, rewards, convenience, and direct access so repeat customers have a faster path back to the brand.',
                'value' => 'Strengthen owned-channel retention and repeat usage with a more direct customer touchpoint.',
                'examples' => [
                    'Ordering and loyalty journeys designed for repeat use',
                    'Feature planning around convenience and retention',
                    'App UX aligned to direct revenue and customer habit',
                ],
                'benefits' => [
                    'More repeat engagement',
                    'Stronger direct-channel ownership',
                    'Higher retention convenience',
                ],
            ],
            'Multi-location systems' => [
                'detail' => 'We create structures for brands operating across multiple units so local relevance and central consistency can coexist.',
                'value' => 'Scale faster without breaking brand consistency, offer clarity, or reporting visibility.',
                'examples' => [
                    'Location-aware page and system structure',
                    'Brand and campaign standards across units',
                    'Centralized visibility into local performance',
                ],
                'benefits' => [
                    'More consistent multi-unit execution',
                    'Better local relevance at scale',
                    'Clearer operational control',
                ],
            ],
            'Analytics' => [
                'detail' => 'We build reporting that shows what is driving bookings, orders, visits, and repeat behavior so decisions can be prioritized quickly.',
                'value' => 'See which channels and journeys move revenue, not just clicks and impressions.',
                'examples' => [
                    'Dashboards for demand, conversion, and retention KPIs',
                    'Channel-level visibility for bookings and orders',
                    'Decision-ready reporting cadence for optimization',
                ],
                'benefits' => [
                    'Clearer commercial visibility',
                    'Faster prioritization of improvements',
                    'More accountable performance management',
                ],
            ],
            'Automation' => [
                'detail' => 'We automate repetitive marketing and operational tasks so the team spends less time on manual follow-up and more time on execution.',
                'value' => 'Reduce avoidable operational drag while keeping key customer actions moving consistently.',
                'examples' => [
                    'Workflow triggers for leads, bookings, or retention actions',
                    'Automated handoffs between tools and teams',
                    'Repeatable operational logic for routine tasks',
                ],
                'benefits' => [
                    'Less manual workload',
                    'Faster operational response',
                    'More consistent execution',
                ],
            ],
            'Optimization' => [
                'detail' => 'We run ongoing improvement cycles across campaigns, pages, and customer flows to keep performance moving instead of plateauing.',
                'value' => 'Turn the existing system into a compounding asset through prioritised iteration.',
                'examples' => [
                    'Weekly or recurring performance review cycles',
                    'Prioritised tests across pages, ads, and journeys',
                    'Execution roadmap based on measurable impact',
                ],
                'benefits' => [
                    'Continuous performance improvement',
                    'Better return from current channels',
                    'Stronger discipline in growth decisions',
                ],
            ],
            'Performance tracking' => [
                'detail' => 'We track the KPIs that matter across discovery, conversion, and retention so you can see whether growth is actually improving.',
                'value' => 'Replace guesswork with a clearer view of what is creating revenue and what is leaking it.',
                'examples' => [
                    'KPI framework across channel and funnel stages',
                    'Tracking for bookings, orders, repeat behavior, and ROI',
                    'Review structure for trend analysis and action setting',
                ],
                'benefits' => [
                    'Better visibility into growth health',
                    'More confident decision-making',
                    'Earlier identification of performance issues',
                ],
            ],
            'Delivery systems' => [
                'detail' => 'We structure the digital and operational pieces behind delivery so acquisition, order handling, and fulfilment stay aligned as volume grows.',
                'value' => 'Support delivery growth without creating unnecessary operational chaos or channel disconnects.',
                'examples' => [
                    'Delivery-channel logic connected to campaigns and menus',
                    'Workflow alignment between checkout and fulfilment',
                    'Operational clarity across tools, offers, and service areas',
                ],
                'benefits' => [
                    'More reliable delivery operations',
                    'Better coordination across teams and tools',
                    'Stronger customer experience at scale',
                ],
            ],
            'Operational digital flows' => [
                'detail' => 'We connect front-end demand systems to back-end execution so the business can scale with fewer gaps between marketing and operations.',
                'value' => 'Build a clearer operating system behind growth, not just isolated marketing activity.',
                'examples' => [
                    'Process mapping across customer actions and internal execution',
                    'Tool and workflow alignment between teams',
                    'Digital flow design for smoother handoffs and fewer blind spots',
                ],
                'benefits' => [
                    'Less fragmentation across operations',
                    'Smoother internal execution',
                    'Better scalability as demand grows',
                ],
            ],
        ];
    }
    $containsAnyFeatureTerm = static function (string $haystack, array $needles): bool {
        foreach ($needles as $needle) {
            if (str_contains($haystack, $needle)) {
                return true;
            }
        }
        return false;
    };
    $genericFeatureModalOverride = static function (string $feature, string $summary, string $detail) use ($containsAnyFeatureTerm): array {
        $featureLc = mb_strtolower($feature);
        $summarySource = trim($summary) !== '' ? trim($summary) : $feature;
        $detailSource = trim($detail) !== '' ? trim($detail) : $summarySource;

        if ($containsAnyFeatureTerm($featureLc, ['google ads', 'meta ads', 'maps ads', 'google shopping', 'influencer', 'campaign strategy'])) {
            return [
                'value' => 'Turn demand capture into a measurable acquisition channel tied to qualified traffic, leads, bookings, or sales.',
                'examples' => [
                    'Campaign structure aligned to intent, offer, audience, or location',
                    'Creative and landing-path decisions matched to the buying journey',
                    'Ongoing budget, targeting, and performance optimization',
                ],
                'benefits' => [
                    'Higher-quality inbound demand',
                    'Better conversion from paid traffic',
                    'Clearer visibility into acquisition efficiency',
                ],
            ];
        }

        if ($containsAnyFeatureTerm($featureLc, ['seo', 'business profile', 'search console'])) {
            return [
                'value' => 'Strengthen discoverability in organic and local search so qualified intent keeps reaching the business over time.',
                'examples' => [
                    'Search-intent, on-page, and local relevance improvements',
                    'Technical and content priorities based on ranking opportunities',
                    'Ongoing visibility monitoring and refinement',
                ],
                'benefits' => [
                    'More qualified organic discovery',
                    'Stronger long-term visibility',
                    'Less dependence on paid traffic alone',
                ],
            ];
        }

        if ($containsAnyFeatureTerm($featureLc, ['website', 'websites', 'ecommerce', 'store', 'landing page', 'landing pages', 'page planning', 'navigation strategy', 'content hierarchy', 'conversion-focused sections', 'wireframes', 'responsive design', 'design systems', 'custom website development', 'cms implementation', 'campaign landing system', 'multi-location pages'])) {
            return [
                'value' => 'Make the digital experience support conversion directly, with clearer paths from visit to inquiry, booking, checkout, or action.',
                'examples' => [
                    'Page structure and UX aligned to the main business objective',
                    'Content, layout, and CTA hierarchy built around user decisions',
                    'Implementation that supports scalability, speed, and maintainability',
                ],
                'benefits' => [
                    'Higher conversion from existing traffic',
                    'Better user clarity and trust',
                    'Stronger website contribution to revenue or pipeline',
                ],
            ];
        }

        if ($containsAnyFeatureTerm($featureLc, ['ux/ui', 'ux improvements', 'form optimization', 'a/b', 'heatmap', 'conversion tracking'])) {
            return [
                'value' => 'Reduce friction in the decision journey so more users complete the next step without hesitation.',
                'examples' => [
                    'Interface and flow improvements based on user behavior',
                    'Testing or tracking tied to key conversion actions',
                    'Prioritized changes focused on completion-rate gains',
                ],
                'benefits' => [
                    'Higher completion rates',
                    'Lower drop-off in key journeys',
                    'More efficient conversion from existing demand',
                ],
            ];
        }

        if ($containsAnyFeatureTerm($featureLc, ['ordering', 'reservation', 'booking', 'qr code', 'delivery', 'checkout'])) {
            return [
                'value' => 'Make the action flow faster and more reliable so demand becomes confirmed revenue with less friction.',
                'examples' => [
                    'Action flow design focused on speed, clarity, and completion',
                    'Operational and UX improvements around the core transaction',
                    'Supporting structure for reminders, confirmations, or fulfilment',
                ],
                'benefits' => [
                    'Higher completion of the core action',
                    'Less operational friction',
                    'Better conversion from intent to revenue',
                ],
            ];
        }

        if ($containsAnyFeatureTerm($featureLc, ['photography', 'videography', 'content creation', 'social media', 'branding', 'graphic design', 'menus', 'banners', 'flyers', 'stationery', 'messaging architecture', 'content refinements'])) {
            return [
                'value' => 'Improve how the brand is perceived and understood so customers trust, remember, and choose it more easily.',
                'examples' => [
                    'Creative assets or messaging built for real decision points',
                    'Consistent brand execution across digital and physical touchpoints',
                    'Production or refinement aligned to campaign and conversion needs',
                ],
                'benefits' => [
                    'Stronger perceived value and clarity',
                    'Better consistency across touchpoints',
                    'More effective support for acquisition and conversion',
                ],
            ];
        }

        if ($containsAnyFeatureTerm($featureLc, ['loyalty', 'crm', 'email', 'remarketing', 'retention', 'lead routing', 'crm integrations', 'marketing automation'])) {
            return [
                'value' => 'Build stronger follow-up and repeat-business mechanics so more acquired customers turn into retained revenue.',
                'examples' => [
                    'Segmentation, follow-up, or reward logic tied to customer behavior',
                    'Retention workflows connected to lifecycle stages and intent',
                    'Execution structure that supports reactivation, repeat purchase, or nurture',
                ],
                'benefits' => [
                    'Higher customer retention or lead progression',
                    'Better lifetime value from existing demand',
                    'More consistent follow-up execution',
                ],
            ];
        }

        if ($containsAnyFeatureTerm($featureLc, ['analytics', 'reporting', 'performance tracking', 'analytics setup'])) {
            return [
                'value' => 'Turn performance data into a decision system so growth priorities are based on evidence instead of guesswork.',
                'examples' => [
                    'Tracking and dashboard structure tied to key business outcomes',
                    'Visibility across channel, funnel, or lifecycle performance',
                    'Review process that supports faster prioritization',
                ],
                'benefits' => [
                    'Clearer view of what is working',
                    'Faster and better prioritization',
                    'More accountable optimization decisions',
                ],
            ];
        }

        if ($containsAnyFeatureTerm($featureLc, ['automation', 'integrations', 'operational digital flows', 'delivery systems', 'multi-location systems'])) {
            return [
                'value' => 'Connect workflows and systems so execution scales with less manual friction and fewer operational gaps.',
                'examples' => [
                    'Workflow design across tools, teams, and customer actions',
                    'Integration logic that reduces repeated manual work',
                    'Operational structure built for consistency as complexity grows',
                ],
                'benefits' => [
                    'More efficient execution',
                    'Less fragmentation across systems',
                    'Stronger scalability and operational control',
                ],
            ];
        }

        if ($containsAnyFeatureTerm($featureLc, ['offer and conversion mapping', 'seo intent mapping', 'technical seo setup', 'performance optimization'])) {
            return [
                'value' => 'Align the underlying growth structure so traffic, pages, and offers work together more efficiently.',
                'examples' => [
                    'Strategic setup tied to search, funnel, or conversion intent',
                    'Implementation priorities based on measurable leverage',
                    'Refinement of technical or structural gaps affecting performance',
                ],
                'benefits' => [
                    'Better alignment between strategy and execution',
                    'Higher efficiency from existing assets',
                    'Clearer next-step priorities for growth',
                ],
            ];
        }

        return [
            'value' => 'Make ' . $summarySource . ' contribute more clearly to measurable growth instead of functioning as an isolated task.',
            'examples' => [
                'Implementation scope defined around ' . $feature,
                'Execution tied to the most relevant conversion or workflow stage',
                'Measurement and refinement after rollout based on outcomes',
            ],
            'benefits' => [
                'Clearer business contribution from ' . $feature,
                'Better efficiency in the related customer journey',
                'More confidence in next-step decisions',
            ],
        ];
    };
    if (!empty($usedFeatures)) {
        $featureDetails = array_intersect_key($featureDetails, $usedFeatures);
    }
    $featureExamplesOverrides = $useGeneratedVerticalCopy ? ($generatedCopy['feature_examples'] ?? []) : __($t . '.feature_examples');
    $generatedFeatureExamples = is_array($generatedCopy['feature_examples'] ?? null) ? $generatedCopy['feature_examples'] : [];
    if (!is_array($featureExamplesOverrides)) {
        $featureExamplesOverrides = $generatedFeatureExamples;
    }
    if ($locale !== 'en') {
        $featureExamplesOverrides = array_replace($generatedFeatureExamples, $featureExamplesOverrides);
    }
    $generatedFeatureModalOverrides = is_array($generatedCopy['feature_modal_overrides'] ?? null) ? $generatedCopy['feature_modal_overrides'] : [];
    $featureModalData = [];
    foreach ($featureDescriptions as $feature => $summary) {
        $detail = $featureDetails[$feature] ?? $summary;
        if ($locale !== 'en' && $looksWeakOrEnglish($detail)) {
            $detail = $summary;
        }
        $modalOverride = array_replace(
            $genericFeatureModalOverride($feature, $summary, $detail),
            $generatedFeatureModalOverrides[$feature] ?? [],
            $foodIndustryModalOverrides[$feature] ?? []
        );
        if (is_array($modalOverride)) {
            if (!isset($featureDetails[$feature]) || trim((string) ($featureDetails[$feature] ?? '')) === '' || $detail === $summary) {
                $detail = $modalOverride['detail'] ?? $detail;
            }
        }
        $featureModalData[$feature] = [
            'summary' => $summary,
            'detail' => $detail,
            'value' => $modalOverride['value'] ?? ($featureModalDefaults['value'] ?? ($generatedCopy['feature_modal_default']['value'] ?? $baselineSummary)),
            'examples' => $modalOverride['examples'] ?? ($featureModalDefaults['examples'] ?? ($generatedCopy['feature_modal_default']['examples'] ?? [])),
            'benefits' => $modalOverride['benefits'] ?? ($featureModalDefaults['benefits'] ?? ($generatedCopy['feature_modal_default']['benefits'] ?? [])),
            'ctaLabel' => $featureModalDefaults['cta_label'] ?? ($generatedCopy['feature_modal_default']['cta_label'] ?? $modalDefaultCta),
        ];
    }
    foreach ($featureExamplesOverrides as $featureName => $examples) {
        if (isset($featureModalData[$featureName]) && is_array($examples) && !empty($examples)) {
            $featureModalData[$featureName]['examples'] = $examples;
        }
    }
    $featureFaqs = [];
    foreach ($featureModalData as $featureName => $featureData) {
        $answerParts = [];
        if (!empty($featureData['summary'])) {
            $answerParts[] = $featureData['summary'];
        }
        if (!empty($featureData['detail']) && $featureData['detail'] !== ($featureData['summary'] ?? null)) {
            $answerParts[] = $featureData['detail'];
        }
        if (!empty($featureData['benefits']) && is_array($featureData['benefits'])) {
            $answerParts[] = $modalBenefitsLabel . ': ' . implode(', ', array_slice($featureData['benefits'], 0, 3));
        }
        $featureFaqs[] = [
            'question' => $featureName . ': ' . $modalServiceDetailLabel,
            'answer' => trim(implode(' ', array_filter($answerParts))),
        ];
    }
    $featureFaqs = array_slice($featureFaqs, 0, 12);
    $featureModalDataJson = json_encode($featureModalData, JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES);
    $iconSet = [
        'googleAds' => '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 250.9 312.8" fill="none" aria-hidden="true"><path d="M85.9 28.6c2.4-6.3 5.7-12.1 10.6-16.8 19.6-19.1 52-14.3 65.3 9.7 10 18.2 20.6 36 30.9 54l51.6 89.8c14.3 25.1-1.2 56.8-29.6 61.1-17.4 2.6-33.7-5.4-42.7-21l-45.4-78.8c-.3-.6-.7-1.1-1.1-1.6-1.6-1.3-2.3-3.2-3.3-4.9L88.8 62.2c-3.9-6.8-5.7-14.2-5.5-22 .3-4 .8-8 2.6-11.6" fill="#4285F4"/><path d="M85.9 28.6c-.9 3.6-1.7 7.2-1.9 11-.3 8.4 1.8 16.2 6 23.5l32.9 56.9c1 1.7 1.8 3.4 2.8 5l-18.1 31.1-25.3 43.6c-.4 0-.5-.2-.6-.5-.1-.8.2-1.5.4-2.3 4.1-15 .7-28.3-9.6-39.7-6.3-6.9-14.3-10.8-23.5-12.1-12-1.7-22.6 1.4-32.1 8.9-1.7 1.3-2.8 3.2-4.8 4.2-.4 0-.6-.2-.7-.5l14.3-24.9L85.2 29.7c.2-.4.5-.7.7-1.1" fill="#FBBC04"/><path d="M11.8 158l5.7-5.1c24.3-19.2 60.8-5.3 66.1 25.1 1.3 7.3.6 14.3-1.6 21.3-.1.6-.2 1.1-.4 1.7-.9 1.6-1.7 3.3-2.7 4.9-8.9 14.7-22 22-39.2 20.9C20 225.4 4.5 210.6 1.8 191c-1.3-9.5.6-18.4 5.5-26.6 1-1.8 2.2-3.4 3.3-5.2.5-.4.3-1.2 1.2-1.2" fill="#34A853"/></svg>',
        'googleMaps' => '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="none" aria-hidden="true"><defs><clipPath id="gmClip"><rect width="512" height="512" rx="15%"/></clipPath></defs><g clip-path="url(#gmClip)"><path fill="#35A85B" d="M0 0h512v512H0z"/><path fill="#FADB2A" d="M-50 512L512-50l32 600z"/><path fill="#fff" d="M32 512L512 32v480z"/><path fill="#5881CA" d="M256 288L32 512h448z"/><path fill="#C1C0BE" d="M288 256L512 32v448z"/><path d="M149 113c23-11 51-6 70 11l-18 17c-18-18-53-10-62 15-11 24 8 55 34 56 18 2 35-10 39-27h-37v-23c21 1 42-1 62 1 1 15 0 31-8 44-12 23-42 33-67 27-31-6-55-38-50-69 2-23 17-43 37-52" fill="#f2f2f2"/></g><path d="M418 66c-10 2-18 11-19 20-1 10 4 19 13 23 8 5 21 4 28-3 7-6 10-18 6-26-4-11-17-17-28-14zm1-45h8c20 1 40 12 53 28 8 10 12 23 13 36v5c0 25-16 45-30 66-16 21-30 45-35 73-1 5 1 11-5 13l-4-3c-1-15-5-30-11-44-8-16-18-32-29-46-6-9-12-17-17-27a67 67 0 0110-81c13-11 30-19 47-20" fill="#DE3738"/><circle cx="423" cy="89" r="25" fill="#7D2426"/></svg>',
        'meta' => '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 290 191" fill="none" aria-hidden="true"><defs><linearGradient id="metaGrad1" x1="61" y1="117" x2="259" y2="127" gradientUnits="userSpaceOnUse"><stop stop-color="#0064E1"/><stop offset="0.4" stop-color="#0064E1"/><stop offset="0.83" stop-color="#0073EE"/><stop offset="1" stop-color="#0082FB"/></linearGradient><linearGradient id="metaGrad2" x1="45" y1="139" x2="45" y2="66" gradientUnits="userSpaceOnUse"><stop stop-color="#0082FB"/><stop offset="1" stop-color="#0064E0"/></linearGradient></defs><path fill="#0081FB" d="m31.06 125.96c0 10.98 2.41 19.41 5.56 24.51 4.13 6.68 10.29 9.51 16.57 9.51 8.1 0 15.51-2.01 29.79-21.76 11.44-15.83 24.92-38.05 33.99-51.98l15.36-23.6c10.67-16.39 23.02-34.61 37.18-46.96 11.56-10.08 24.03-15.68 36.58-15.68 21.07 0 41.14 12.21 56.5 35.11 16.81 25.08 24.97 56.67 24.97 89.27 0 19.38-3.82 33.62-10.32 44.87-6.28 10.88-18.52 21.75-39.11 21.75v-31.02c17.63 0 22.03-16.2 22.03-34.74 0-26.42-6.16-55.74-19.73-76.69-9.63-14.86-22.11-23.94-35.84-23.94-14.85 0-26.8 11.2-40.23 31.17-7.14 10.61-14.47 23.54-22.7 38.13l-9.06 16.05c-18.2 32.27-22.81 39.62-31.91 51.75-15.95 21.24-29.57 29.29-47.5 29.29-21.27 0-34.72-9.21-43.05-23.09-6.8-11.31-10.14-26.15-10.14-43.06z"/><path fill="url(#metaGrad1)" d="M24.49 37.3C38.73 15.35 59.28 0 82.85 0c13.65 0 27.22 4.04 41.39 15.61 15.5 12.65 32.02 33.48 52.63 67.81l7.39 12.32c17.84 29.72 27.99 45.01 33.93 52.22 7.64 9.26 12.99 12.02 19.94 12.02 17.63 0 22.03-16.2 22.03-34.74l27.4-.86c0 19.38-3.82 33.62-10.32 44.87-6.28 10.88-18.52 21.75-39.11 21.75-12.8 0-24.14-2.78-36.68-14.61-9.64-9.08-20.91-25.21-29.58-39.71l-25.79-43.08c-12.94-21.62-24.81-37.74-31.68-45.04-7.39-7.85-16.89-17.33-32.05-17.33-12.27 0-22.69 8.61-31.41 21.78z"/><path fill="url(#metaGrad2)" d="M82.35 31.23c-12.27 0-22.69 8.61-31.41 21.78-12.33 18.61-19.88 46.33-19.88 72.95 0 10.98 2.41 19.41 5.56 24.51l-26.48 17.44C3.34 156.6 0 141.76 0 124.85c0-30.75 8.44-62.8 24.49-87.55C38.73 15.35 59.28 0 82.85 0z"/></svg>',
        'instagram' => '<svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><rect x="4.5" y="4.5" width="15" height="15" rx="4" stroke="#C13584" stroke-width="2"/><circle cx="12" cy="12" r="3.5" stroke="#C13584" stroke-width="2"/><circle cx="17.2" cy="6.8" r="1" fill="#C13584"/></svg>',
        'seo' => '<svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><circle cx="11" cy="11" r="6.5" stroke="#00b7b2" stroke-width="2"/><path d="M16 16l4 4" stroke="#00b7b2" stroke-width="2" stroke-linecap="round"/></svg>',
        'camera' => '<svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><rect x="3" y="7" width="18" height="13" rx="2" stroke="#00b7b2" stroke-width="2"/><path d="M8 7l1.2-2h5.6L16 7" stroke="#00b7b2" stroke-width="2"/><circle cx="12" cy="13.5" r="3" stroke="#00b7b2" stroke-width="2"/></svg>',
        'video' => '<svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><rect x="3" y="6" width="13" height="12" rx="2" stroke="#00b7b2" stroke-width="2"/><path d="M16 10l5-3v10l-5-3v-4z" fill="#00b7b2"/></svg>',
        'palette' => '<svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M12 3a9 9 0 100 18h1.3a2.7 2.7 0 002.7-2.7c0-.9-.7-1.6-1.6-1.6h-1.1a2.3 2.3 0 010-4.6H16A5 5 0 0016 3h-4z" stroke="#00b7b2" stroke-width="2"/><circle cx="7.5" cy="10" r="1" fill="#00b7b2"/><circle cx="9.5" cy="7.2" r="1" fill="#00b7b2"/><circle cx="13" cy="7" r="1" fill="#00b7b2"/></svg>',
        'loyalty' => '<svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M12 21l-2.3-2.1C6 15.6 4 13.8 4 11.4A4.4 4.4 0 018.4 7c1.3 0 2.6.6 3.4 1.6A4.5 4.5 0 0115.2 7 4.4 4.4 0 0120 11.4c0 2.4-2 4.2-5.7 7.5L12 21z" fill="#00b7b2"/></svg>',
        'crm' => '<svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><circle cx="8" cy="9" r="2.5" stroke="#00b7b2" stroke-width="2"/><circle cx="16.5" cy="8.5" r="2" stroke="#00b7b2" stroke-width="2"/><path d="M4.5 18a3.5 3.5 0 017 0M13.5 17.5a3 3 0 016 0" stroke="#00b7b2" stroke-width="2" stroke-linecap="round"/></svg>',
        'mail' => '<svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><rect x="3" y="5" width="18" height="14" rx="2" stroke="#00b7b2" stroke-width="2"/><path d="M4 7l8 6 8-6" stroke="#00b7b2" stroke-width="2"/></svg>',
        'analytics' => '<svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M4 20h16" stroke="#00b7b2" stroke-width="2"/><rect x="6" y="11" width="2.5" height="7" fill="#00b7b2"/><rect x="10.75" y="8" width="2.5" height="10" fill="#00b7b2"/><rect x="15.5" y="5" width="2.5" height="13" fill="#00b7b2"/></svg>',
        'automation' => '<svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M12 3v4M12 17v4M4.9 6.1l2.8 2.8M16.3 15.5l2.8 2.8M3 12h4M17 12h4M4.9 17.9l2.8-2.8M16.3 8.5l2.8-2.8" stroke="#00b7b2" stroke-width="2" stroke-linecap="round"/><circle cx="12" cy="12" r="3.2" stroke="#00b7b2" stroke-width="2"/></svg>',
        'app' => '<svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><rect x="7" y="2.8" width="10" height="18.4" rx="2.2" stroke="#00b7b2" stroke-width="2"/><circle cx="12" cy="17.8" r="1" fill="#00b7b2"/></svg>',
        'delivery' => '<svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M3 7h11v8H3z" stroke="#00b7b2" stroke-width="2"/><path d="M14 10h3l3 3v2h-6z" stroke="#00b7b2" stroke-width="2"/><circle cx="7" cy="17" r="1.7" fill="#00b7b2"/><circle cx="17" cy="17" r="1.7" fill="#00b7b2"/></svg>',
        'menu' => '<svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><rect x="5" y="3.5" width="14" height="17" rx="2" stroke="#00b7b2" stroke-width="2"/><path d="M8 8h8M8 12h8M8 16h6" stroke="#00b7b2" stroke-width="2" stroke-linecap="round"/></svg>',
        'web' => '<svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><rect x="3" y="5" width="18" height="14" rx="2" stroke="#00b7b2" stroke-width="2"/><path d="M3 9h18" stroke="#00b7b2" stroke-width="2"/><circle cx="6.5" cy="7" r="0.8" fill="#00b7b2"/><circle cx="9" cy="7" r="0.8" fill="#00b7b2"/></svg>',
        'reservation' => '<svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><rect x="4" y="5" width="16" height="15" rx="2" stroke="#00b7b2" stroke-width="2"/><path d="M8 3v4M16 3v4M4 10h16" stroke="#00b7b2" stroke-width="2"/><path d="M9 14l2 2 4-4" stroke="#00b7b2" stroke-width="2" stroke-linecap="round"/></svg>',
        'megaphone' => '<svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M3 11v2a1 1 0 001 1h2l6 3V7L6 10H4a1 1 0 00-1 1z" stroke="#00b7b2" stroke-width="2"/><path d="M14 9c2 1 3 2.2 3 4s-1 3-3 4" stroke="#00b7b2" stroke-width="2" stroke-linecap="round"/></svg>',
        'default' => '<svg viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M12 5v14M5 12h14" stroke="#00b7b2" stroke-width="2" stroke-linecap="round"/></svg>',
    ];
    $featureIcon = static function (string $feature) use ($iconSet): string {
        $f = mb_strtolower($feature);
        if (str_contains($f, 'local seo')) return $iconSet['googleMaps'];
        if (str_contains($f, 'google ads')) return $iconSet['googleAds'];
        if (str_contains($f, 'maps')) return $iconSet['googleMaps'];
        if (str_contains($f, 'meta')) return $iconSet['meta'];
        if (str_contains($f, 'instagram')) return $iconSet['instagram'];
        if (str_contains($f, 'seo') || str_contains($f, 'business profile')) return $iconSet['seo'];
        if (str_contains($f, 'photo')) return $iconSet['camera'];
        if (str_contains($f, 'video')) return $iconSet['video'];
        if (str_contains($f, 'brand') || str_contains($f, 'design') || str_contains($f, 'content')) return $iconSet['palette'];
        if (str_contains($f, 'loyalty')) return $iconSet['loyalty'];
        if (str_contains($f, 'crm')) return $iconSet['crm'];
        if (str_contains($f, 'email')) return $iconSet['mail'];
        if (str_contains($f, 'analytics') || str_contains($f, 'tracking') || str_contains($f, 'performance')) return $iconSet['analytics'];
        if (str_contains($f, 'automation') || str_contains($f, 'optimization')) return $iconSet['automation'];
        if (str_contains($f, 'app')) return $iconSet['app'];
        if (str_contains($f, 'delivery')) return $iconSet['delivery'];
        if (str_contains($f, 'qr') || str_contains($f, 'menu')) return $iconSet['menu'];
        if (str_contains($f, 'website') || str_contains($f, 'landing') || str_contains($f, 'ux/ui')) return $iconSet['web'];
        if (str_contains($f, 'reservation') || str_contains($f, 'booking')) return $iconSet['reservation'];
        if (str_contains($f, 'campaign') || str_contains($f, 'influencer') || str_contains($f, 'remarketing')) return $iconSet['megaphone'];
        return $iconSet['default'];
    };
@endphp

{{-- Hero --}}
<section class="relative min-h-0 md:min-h-screen flex flex-col justify-start md:justify-center overflow-hidden pt-4 pb-6 md:pt-6 md:pb-10 vertical-hero-gradient" aria-labelledby="{{ $heroHeadingId }}">
    <div class="absolute inset-0 vertical-hero-glow pointer-events-none" aria-hidden="true"></div>
    <div class="site-container relative">
        <p class="type-eyebrow-label text-criazo-primary mb-2 animate-slide-up">{{ $tt('hero_eyebrow') }}</p>
        <div class="grid grid-cols-1 md:grid-cols-[54%_1fr_30%] gap-0 md:gap-0 mb-12 items-start">
            <div class="animate-slide-up">
                <h1 id="{{ $heroHeadingId }}" class="page-hero__headline text-slate-900 mb-4">
                    {{ $heroVariant['title'] }}
                </h1>
                <p class="page-hero__subcopy text-slate-600 max-w-2xl">
                    {{ $heroVariant['body'] }}
                </p>
                @if(!empty($locationDisplayName))
                    <p class="text-xs sm:text-sm font-semibold uppercase tracking-label text-criazo-primary mt-3">
                        {{ $tt('location_focus', ['location' => $locationDisplayName]) }}
                    </p>
                @endif
            </div>
            <div class="hidden md:block"></div>
            <div class="animate-slide-up animation-delay-200 md:self-end">
                <div class="hidden md:flex md:flex-nowrap items-center justify-end gap-2 w-full">
                    <a href="{{ $contactReviewUrl }}"
                       class="inline-flex items-center justify-center gap-1.5 px-5 py-3 bg-criazo-primary text-white rounded-full text-sm font-semibold whitespace-nowrap hover:bg-criazo-hover smooth-transition shadow-lg shadow-criazo-primary/25 hover:shadow-xl hover:shadow-criazo-primary/30">
                        {{ $tt('hero_talk_cta') }}
                        <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"/></svg>
                    </a>
                    <a href="#how-it-works"
                       class="inline-flex items-center justify-center gap-1.5 px-5 py-3 bg-white text-slate-900 rounded-full text-sm font-semibold whitespace-nowrap border-2 border-slate-200 hover:border-criazo-primary hover:text-criazo-primary smooth-transition shadow-md">
                        {{ $tt('hero_discover_cta') }}
                    </a>
                </div>
                <div class="flex flex-wrap items-center gap-3 md:hidden mt-4">
                    <a href="{{ $contactReviewUrl }}"
                       class="inline-flex items-center justify-center gap-2 px-6 py-3 bg-criazo-primary text-white rounded-full text-sm font-semibold hover:bg-criazo-hover smooth-transition shadow-lg shadow-criazo-primary/25">
                        {{ $tt('hero_talk_cta') }}
                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"/></svg>
                    </a>
                    <a href="#how-it-works"
                       class="inline-flex items-center justify-center gap-2 px-6 py-3 bg-white text-slate-900 rounded-full text-sm font-semibold border-2 border-slate-200 hover:border-criazo-primary hover:text-criazo-primary smooth-transition">
                        {{ $tt('hero_discover_cta') }}
                    </a>
                </div>
            </div>
        </div>

        <div class="animate-slide-up animation-delay-300">
            <p class="md:hidden text-[0.72rem] uppercase tracking-label text-criazo-primary font-semibold mb-3">
                {{ $tt('hero_slider_mobile_eyebrow') }}
            </p>
            <div id="{{ $heroSliderId }}" class="flex gap-3 md:gap-5 h-[320px] sm:h-[380px] md:h-[500px] lg:h-[560px] overflow-x-auto md:overflow-hidden snap-x snap-mandatory md:snap-none hide-scrollbar pb-4 md:pb-0">
                @foreach(($heroImages ?? []) as $index => $image)
                    @if(!empty($image['src']))
                        <article class="restaurants-hero-card relative overflow-hidden rounded-2xl md:rounded-3xl bg-slate-200 flex-shrink-0 md:flex-shrink snap-center"
                                 style="flex: {{ $index === 0 ? '4.6' : '0.8' }};"
                                 aria-label="{{ $image['alt'] ?? $fallbackHeroAlt }}">
                            <img src="{{ asset($image['src']) }}"
                                 alt="{{ $image['alt'] ?? $fallbackHeroAlt }}"
                                 class="absolute inset-0 w-full h-full object-cover"
                                 loading="{{ $index === 0 ? 'eager' : 'lazy' }}"
                                 decoding="{{ $index === 0 ? 'sync' : 'async' }}"
                                 width="800"
                                 height="550">
                            <div class="absolute inset-0 bg-gradient-to-t from-black/70 via-black/20 to-transparent" aria-hidden="true"></div>
                            <div class="card-title absolute left-4 right-4 bottom-4 md:left-6 md:right-6 md:bottom-6">
                                <p class="text-white text-sm md:text-base font-semibold drop-shadow-sm truncate">{{ $image['alt'] ?? '' }}</p>
                                @if(!empty($image['context']))
                                    <p class="text-white/80 text-xs md:text-sm mt-1 drop-shadow-sm">{{ $image['context'] }}</p>
                                @endif
                            </div>
                        </article>
                    @endif
                @endforeach
            </div>
        </div>

    </div>
</section>



{{-- Story blocks with detail-point cards --}}
<section class="pt-8 pb-16 sm:pt-12 sm:pb-24 bg-white">
    <div class="site-container">
        @foreach($storyBlocks as $blockIndex => $block)
            @if(is_array($block))
                <article class="mb-12 sm:mb-16 last:mb-0 reveal">
                    <p class="text-xs font-semibold uppercase tracking-label text-criazo-primary mb-3">{{ $block['eyebrow'] ?? '' }}</p>
                    <h3 class="section-intro__title mb-3 max-w-3xl">{{ $block['headline'] ?? '' }}</h3>
                    <p class="text-slate-600 text-base sm:text-lg leading-[1.43] tracking-body mb-3 max-w-3xl">{{ $block['body'] ?? '' }}</p>

                    <div class="feature-detail-slider-wrapper">
                    <div class="feature-detail-slider">
                        <ul class="feature-detail-track hide-scrollbar pt-0 pb-2" role="list">
                            @foreach(($block['features'] ?? []) as $feature)
                                @php
                                    $modalForFeature = $featureModalData[$feature] ?? [];
                                @endphp
                                <li class="feature-detail-card w-[85vw] md:w-[calc((100%-60px)/4)]"
                                    role="button"
                                    tabindex="0"
                                    data-feature-title="{{ $feature }}"
                                    data-modal-summary="{{ e($modalForFeature['summary'] ?? ($featureDescriptions[$feature] ?? $featureDescriptionFallback)) }}"
                                    data-modal-detail="{{ e($modalForFeature['detail'] ?? ($featureDetails[$feature] ?? ($featureDescriptions[$feature] ?? $featureDescriptionFallback))) }}"
                                    data-modal-value="{{ e($modalForFeature['value'] ?? $baselineSummary) }}"
                                    data-modal-examples='@json($modalForFeature["examples"] ?? [])'
                                    data-modal-benefits='@json($modalForFeature["benefits"] ?? [])'
                                    data-modal-cta="{{ e($modalForFeature['ctaLabel'] ?? $modalDefaultCta) }}"
                                    aria-label="{{ str_replace(':feature', $feature, $featureOpenAriaPattern) }}">
                                    <div class="feature-detail-more" aria-hidden="true">
                                        <span class="feature-detail-more-btn">
                                            {{ $featureSeeMoreLabel }}
                                            <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 5v14m7-7H5"/></svg>
                                        </span>
                                    </div>
                                    <span class="feature-detail-icon" aria-hidden="true">{!! $featureIcon($feature) !!}</span>
                                    <p class="text-[1.265rem] font-semibold text-slate-900 leading-snug mb-1.5">{{ $feature }}</p>
                                    <p class="text-[0.9rem] text-slate-600 leading-relaxed">{{ $featureDescriptions[$feature] ?? $featureDescriptionFallback }}</p>
                                </li>
                            @endforeach
                        </ul>
                    </div>
                    </div>
                    <div class="feature-detail-controls hidden lg:flex items-center justify-end gap-2 mt-4">
                        <button type="button" class="feature-detail-prev w-9 h-9 rounded-full bg-white border border-slate-200 flex items-center justify-center hover:bg-slate-50 smooth-transition" aria-label="{{ $featureCardNavLabels['prev'] }}">
                            <svg class="w-4 h-4 text-slate-700" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/></svg>
                        </button>
                        <button type="button" class="feature-detail-next w-9 h-9 rounded-full bg-white border border-slate-200 flex items-center justify-center hover:bg-slate-50 smooth-transition" aria-label="{{ $featureCardNavLabels['next'] }}">
                            <svg class="w-4 h-4 text-slate-700" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/></svg>
                        </button>
                    </div>
                </article>
            @endif
        @endforeach
    </div>
</section>

{{-- Connected capabilities grid (simple + scan-friendly) --}}
@php
    $connectedCards = $useGeneratedVerticalCopy ? ($generatedCopy['connected_cards'] ?? []) : __($t . '.connected_cards');
    if (!is_array($connectedCards) || empty($connectedCards)) {
        $connectedCards = $generatedCopy['connected_cards'] ?? [];
    }
    if ($forceSeniorGeneratedCopy && isset($generatedCopy['connected_cards']) && is_array($generatedCopy['connected_cards']) && !empty($generatedCopy['connected_cards'])) {
        $connectedCards = $generatedCopy['connected_cards'];
    }
    if (!is_array($connectedCards) || empty($connectedCards)) {
        $connectedCards = [];
        foreach ($storyBlocks as $storyBlock) {
            if (!is_array($storyBlock)) {
                continue;
            }
            $cardTitle = trim((string) ($storyBlock['headline'] ?? ''));
            $cardDesc = trim((string) ($storyBlock['body'] ?? ''));
            if ($cardTitle !== '' && $cardDesc !== '') {
                $connectedCards[] = ['title' => $cardTitle, 'desc' => $cardDesc];
            }
        }
        if (count($connectedCards) < 4 && is_array($featureModalDefaults['examples'] ?? null)) {
            foreach ($featureModalDefaults['examples'] as $exampleTitle) {
                if (count($connectedCards) >= 4) {
                    break;
                }
                $exampleTitle = trim((string) $exampleTitle);
                if ($exampleTitle === '') {
                    continue;
                }
                $connectedCards[] = [
                    'title' => $exampleTitle,
                    'desc' => $baselineSummary,
                ];
            }
        }
        while (count($connectedCards) > 0 && count($connectedCards) < 4) {
            $connectedCards[] = $connectedCards[count($connectedCards) - 1];
        }
        if (empty($connectedCards)) {
            $connectedCards = match ($locale) {
                'pt', 'br' => [
                    ['title' => 'Descoberta', 'desc' => 'Visibilidade orgânica e paga quando o cliente compara opções e decide comprar.'],
                    ['title' => 'Conversão', 'desc' => 'Landing pages, website e UX para reduzir fricção entre clique, reserva, pedido ou contacto.'],
                    ['title' => 'Retenção', 'desc' => 'CRM e campanhas de ciclo de vida para aumentar recorrência sem caos operacional.'],
                    ['title' => 'Medição', 'desc' => 'Relatórios e ciclos de otimização ligados a receita, margem e valor por cliente.'],
                ],
                'es' => [
                    ['title' => 'Descubrimiento', 'desc' => 'Visibilidad orgánica y pagada cuando el cliente compara opciones y decide comprar.'],
                    ['title' => 'Conversión', 'desc' => 'Landing pages, web y UX para reducir fricción entre clic, reserva, pedido o contacto.'],
                    ['title' => 'Retención', 'desc' => 'CRM y campañas de ciclo de vida para subir recurrencia sin caos operativo.'],
                    ['title' => 'Medición', 'desc' => 'Reportes y ciclos de optimización ligados a ingresos, margen y valor por cliente.'],
                ],
                default => [
                    ['title' => 'Discovery', 'desc' => 'Paid and organic visibility when buyers compare options and move toward purchase.'],
                    ['title' => 'Conversion', 'desc' => 'Landing pages, stores and UX that reduce friction from click to cart, visit or enquiry.'],
                    ['title' => 'Retention', 'desc' => 'CRM and lifecycle messaging that grows repeat revenue without manual chaos.'],
                    ['title' => 'Measurement', 'desc' => 'Reporting and optimization cycles tied to revenue, margin and customer value.'],
                ],
            };
        }
    }
@endphp
<section class="pt-4 pb-16 sm:pt-6 sm:pb-24 bg-white" aria-labelledby="connected-grid-heading">
    <div class="site-container reveal">
        <div class="mb-8 sm:mb-10">
            <h2 id="connected-grid-heading" class="section-intro__title mb-3">
                {{ $tt('ecosystem_title') }}
            </h2>
            <p class="text-slate-600 text-base sm:text-lg max-w-3xl">
                {{ $tt('ecosystem_lead') }}
            </p>
        </div>

        <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-3 sm:gap-4">
            @foreach($connectedCards as $card)
                <article class="rounded-2xl border border-slate-200/80 bg-slate-50/70 p-5">
                    <div class="w-7 h-7 rounded-lg bg-criazo-primary/10 text-criazo-primary flex items-center justify-center mb-3" aria-hidden="true">
                        <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="M5 12h14M12 5l7 7-7 7"/></svg>
                    </div>
                    <h3 class="text-lg font-semibold text-slate-900 leading-snug mb-1.5">{{ $card['title'] }}</h3>
                    <p class="text-sm text-slate-600 leading-relaxed">{{ $card['desc'] }}</p>
                </article>
            @endforeach
        </div>
    </div>
</section>

{{-- Proof / portfolio --}}
<section class="py-6 sm:py-10 bg-white" aria-labelledby="proof-heading">
    <div class="site-container">
        <header class="text-center mb-12 sm:mb-14 max-w-2xl mx-auto reveal">
            <h2 id="proof-heading" class="section-intro__title text-slate-900 mb-4">{{ $proofTitle }}</h2>
            <p class="section-intro__desc text-slate-600">{{ $tt('proof_lead') }}</p>
        </header>

        @if(!empty($portfolioProjects))
            <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8 lg:gap-10 mb-12">
                @foreach(array_slice($portfolioProjects, 0, 3) as $project)
                    @php
                        $slug = $project['slug'] ?? '';
                        $projectTitle = $project['title'] ?? '';
                        $projectCategory = $project['category'] ?? '';
                        $projectSubtitle = $project['hero']['subtitle'] ?? '';
                    @endphp
                    <article class="group reveal">
                        <a href="{{ $localizedRoute('portfolio.show', ['slug' => $slug]) }}" class="block mb-4" title="{{ $projectTitle }}">
                            <div class="relative overflow-hidden rounded-2xl md:rounded-3xl bg-neutral-100 aspect-[4/3] hover:shadow-2xl smooth-transition border border-slate-200/70">
                                @if(isset($project['hero']['image']))
                                    <img src="{{ asset(ltrim($project['hero']['image'], '/')) }}" alt="{{ $projectTitle }}" class="w-full h-full object-cover group-hover:scale-105 smooth-transition duration-700" loading="lazy" width="400" height="300" sizes="(max-width: 640px) 100vw, 33vw">
                                @endif
                            </div>
                        </a>
                        @if($projectCategory)<p class="text-xs text-neutral-500 mb-1">{{ $projectCategory }}</p>@endif
                        <h3 class="type-card-title group-hover:text-criazo-primary smooth-transition">
                            <a href="{{ $localizedRoute('portfolio.show', ['slug' => $slug]) }}">{{ $projectTitle }}</a>
                        </h3>
                        @if($projectSubtitle)
                            <p class="text-sm text-neutral-600 mt-2 line-clamp-2">{{ $projectSubtitle }}</p>
                        @endif
                    </article>
                @endforeach
            </div>
        @endif

        <div class="text-center reveal">
            <a href="{{ $localizedRoute('portfolio.index', ['industry' => 'food-beverage']) }}"
               class="inline-flex items-center justify-center gap-2 px-8 py-3.5 bg-criazo-primary text-white rounded-full text-base font-semibold hover:bg-criazo-hover smooth-transition shadow-lg shadow-criazo-primary/20">
                {{ $tt('proof_cta') }}
                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"/></svg>
            </a>
        </div>
    </div>
</section>

{{-- Crawlable service details for SEO and accessibility --}}
@if(!empty($featureFaqs))
<section class="py-16 bg-white border-t border-slate-100" aria-labelledby="feature-faq-heading">
    <div class="max-w-[980px] mx-auto px-4 sm:px-6">
        <h2 id="feature-faq-heading" class="section-intro__title mb-6">{{ __('messages.homepage.faq_title_1') }}</h2>
        <div class="space-y-3" itemscope itemtype="https://schema.org/FAQPage">
            @foreach($featureFaqs as $faq)
                <article class="rounded-2xl border border-slate-200 bg-slate-50/40 p-4" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                    <h3 class="text-base font-semibold text-slate-900" itemprop="name">{{ $faq['question'] }}</h3>
                    <div class="pt-2 text-sm text-slate-700 leading-relaxed" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
                        <p itemprop="text">{{ $faq['answer'] }}</p>
                    </div>
                </article>
            @endforeach
        </div>
    </div>
</section>
@endif

@if(!empty($featureFaqs))
@push('schema')
<script type="application/ld+json">
{!! \App\Helpers\SeoHelper::generateFaqSchema($featureFaqs, \App\Helpers\SeoHelper::getCanonicalUrl()) !!}
</script>
@endpush
@endif

{{-- Final CTA --}}
<section class="bg-[#ecf4f5] py-16 lg:py-20" aria-labelledby="final-cta-heading">
    <div class="max-w-[800px] mx-auto px-4 sm:px-6 text-center reveal">
            <h2 id="final-cta-heading" class="section-intro__title text-slate-900 mb-6">
                {{ $finalTitle }}
            </h2>
            <p class="section-intro__desc text-slate-600 mb-12 max-w-xl mx-auto">
                {{ $tt('final_lead') }}
            </p>
            <div class="flex flex-col sm:flex-row items-center justify-center gap-4">
                <a href="{{ $contactReviewUrl }}"
                   class="inline-flex items-center gap-2 px-8 py-4 bg-criazo-primary text-white rounded-full font-semibold hover:bg-criazo-hover smooth-transition shadow-lg shadow-criazo-primary/20">
                    {{ $tt('cta_review') }}
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"/></svg>
                </a>
                <a href="{{ $proposalUrl }}"
                   class="inline-flex items-center gap-2 px-8 py-4 bg-white border border-neutral-300 text-neutral-900 rounded-full font-semibold hover:border-criazo-primary hover:text-criazo-primary smooth-transition">
                    {{ $tt('cta_proposal') }}
                </a>
            </div>
    </div>
</section>

@include('components.sticky-cta-bar', [
    'stickyCtaTitle' => $tt('sticky_cta_title'),
    'stickyCtaContactUrl' => $contactReviewUrl,
    'stickyCtaSimulateUrl' => $proposalUrl,
])

<div id="feature-detail-modal" class="fixed inset-0 z-[70] hidden" aria-hidden="true">
    <div id="feature-detail-backdrop" class="absolute inset-0 feature-detail-modal-backdrop"></div>
    <div class="relative h-full w-full flex items-center justify-center p-4 sm:p-6">
        <article class="w-full max-w-[760px] max-h-[85vh] overflow-y-auto rounded-3xl bg-white border border-slate-200 p-6 sm:p-8 shadow-2xl" role="dialog" aria-modal="true" aria-labelledby="feature-detail-modal-title">
            <div class="flex items-start justify-between gap-4 mb-5">
                <div>
                    <p class="text-xs uppercase tracking-label text-criazo-primary font-semibold mb-2">{{ $modalServiceDetailLabel }}</p>
                    <h3 id="feature-detail-modal-title" class="section-intro__title leading-tight"></h3>
                </div>
                <button id="feature-detail-close" type="button" class="w-10 h-10 rounded-full bg-slate-100 hover:bg-slate-200 text-slate-700 flex items-center justify-center smooth-transition" aria-label="{{ $modalCloseAria }}">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/></svg>
                </button>
            </div>
            <p id="feature-detail-modal-summary" class="text-base text-slate-600 leading-[1.43] tracking-body mb-3"></p>
            <p id="feature-detail-modal-body" class="text-slate-700 leading-[1.43] tracking-body mb-5"></p>
            <div class="rounded-2xl border border-slate-200 bg-slate-50/60 p-4 mb-5">
                <p class="text-xs font-semibold uppercase tracking-label text-criazo-primary mb-2">{{ $modalBusinessValueLabel }}</p>
                <p id="feature-detail-modal-value" class="text-sm text-slate-700 leading-relaxed"></p>
            </div>
            <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-6">
                <div>
                    <p class="text-xs font-semibold uppercase tracking-label text-criazo-primary mb-2">{{ $modalDeliverLabel }}</p>
                    <ul id="feature-detail-modal-examples" class="space-y-2 text-sm text-slate-700"></ul>
                </div>
                <div>
                    <p class="text-xs font-semibold uppercase tracking-label text-criazo-primary mb-2">{{ $modalBenefitsLabel }}</p>
                    <ul id="feature-detail-modal-benefits" class="space-y-2 text-sm text-slate-700"></ul>
                </div>
            </div>
            <div class="flex flex-col sm:flex-row gap-3">
                <a id="feature-detail-modal-cta" href="#" class="inline-flex items-center justify-center gap-2 px-6 py-3 bg-criazo-primary text-white rounded-full text-sm font-semibold hover:bg-criazo-hover smooth-transition">
                    <span id="feature-detail-modal-cta-label">{{ $modalDefaultCta }}</span>
                    <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="M17 8l4 4m0 0l-4 4m4-4H3"/></svg>
                </a>
                <a href="{{ $proposalUrl }}" class="inline-flex items-center justify-center px-6 py-3 bg-white text-slate-900 rounded-full text-sm font-semibold border border-slate-200 hover:border-criazo-primary hover:text-criazo-primary smooth-transition">
                    {{ $modalRequestProposal }}
                </a>
            </div>
        </article>
    </div>
</div>

@push('scripts')
<script>
(function() {
    const cards = document.querySelectorAll('.restaurants-hero-card');
    const slider = document.getElementById(@json($heroSliderId));
    if (cards.length === 0 || !slider) return;

    let currentExpanded = 0;
    let rotationTimer = null;
    let isPaused = false;
    let isAnimating = false;

    function isMobile() {
        return window.innerWidth <= 768;
    }

    function scrollToCard(index) {
        if (!isMobile()) return;
        const card = cards[index];
        if (!card) return;
        const sliderRect = slider.getBoundingClientRect();
        const cardRect = card.getBoundingClientRect();
        const scrollLeft = card.offsetLeft - (sliderRect.width - cardRect.width) / 2;
        slider.scrollTo({ left: scrollLeft, behavior: 'smooth' });
    }

    function updateCards(animate = true) {
        if (isAnimating && animate) return;
        if (animate) isAnimating = true;

        cards.forEach((card, index) => {
            if (!isMobile()) {
                card.style.flex = index === currentExpanded ? '4.6' : '0.8';
            }
            card.classList.toggle('expanded', index === currentExpanded);
        });
        if (isMobile()) {
            scrollToCard(currentExpanded);
        }

        if (animate) {
            setTimeout(() => { isAnimating = false; }, 900);
        }
    }

    function rotate() {
        if (isPaused || isAnimating || document.visibilityState !== 'visible') return;
        currentExpanded = (currentExpanded + 1) % cards.length;
        updateCards();
    }

    function startRotation() {
        if (rotationTimer) clearInterval(rotationTimer);
        rotationTimer = setInterval(rotate, 5000);
    }

    function stopRotation() {
        if (rotationTimer) {
            clearInterval(rotationTimer);
            rotationTimer = null;
        }
    }

    updateCards(false);
    startRotation();

    document.addEventListener('visibilitychange', function() {
        if (document.visibilityState === 'hidden') {
            stopRotation();
        } else {
            startRotation();
        }
    });

    window.addEventListener('resize', function() {
        updateCards(false);
    }, { passive: true });

    slider.addEventListener('mouseenter', function() {
        isPaused = true;
    });

    slider.addEventListener('mouseleave', function() {
        isPaused = false;
    });
})();

(function() {
    const sliders = document.querySelectorAll('.feature-detail-slider');
    sliders.forEach((slider) => {
        const track = slider.querySelector('.feature-detail-track');
        const cards = track ? track.querySelectorAll('.feature-detail-card') : [];
        const article = slider.closest('article');
        const prevBtn = article ? article.querySelector('.feature-detail-prev') : null;
        const nextBtn = article ? article.querySelector('.feature-detail-next') : null;
        if (!slider || !track || cards.length === 0) return;

        let currentIndex = 0;
        let autoplayInterval = null;
        let userInteractedMobile = false;
        const gap = 20;
        const visibleCards = 4;
        const autoplaySpeed = 4500;

        function maxIndex() {
            return Math.max(0, cards.length - visibleCards);
        }

        function getCardWidth() {
            const containerWidth = slider.offsetWidth;
            return (containerWidth - (gap * (visibleCards - 1))) / visibleCards;
        }

        function update() {
            if (window.innerWidth < 768) {
                track.style.transform = 'translateX(0)';
                const card = cards[currentIndex];
                if (!card) return;
                const sliderRect = slider.getBoundingClientRect();
                const cardRect = card.getBoundingClientRect();
                const scrollLeft = card.offsetLeft - (sliderRect.width - cardRect.width) / 2;
                slider.scrollTo({ left: scrollLeft, behavior: 'smooth' });
                return;
            }
            const cardStep = getCardWidth() + gap;
            track.style.transform = `translateX(${-currentIndex * cardStep}px)`;
        }

        function next() {
            const max = maxIndex();
            currentIndex = currentIndex < max ? currentIndex + 1 : 0;
            update();
        }

        function prev() {
            const max = maxIndex();
            currentIndex = currentIndex > 0 ? currentIndex - 1 : max;
            update();
        }

        function startAutoplay() {
            if (window.innerWidth < 768 && userInteractedMobile) return;
            if (autoplayInterval) clearInterval(autoplayInterval);
            autoplayInterval = setInterval(next, autoplaySpeed);
        }

        function stopAutoplay() {
            if (autoplayInterval) {
                clearInterval(autoplayInterval);
                autoplayInterval = null;
            }
        }

        if (cards.length <= 1) {
            if (prevBtn) prevBtn.style.display = 'none';
            if (nextBtn) nextBtn.style.display = 'none';
            return;
        }

        if (nextBtn) {
            nextBtn.addEventListener('click', () => {
                stopAutoplay();
                next();
                setTimeout(startAutoplay, 5000);
            });
        }
        if (prevBtn) {
            prevBtn.addEventListener('click', () => {
                stopAutoplay();
                prev();
                setTimeout(startAutoplay, 5000);
            });
        }

        slider.addEventListener('mouseenter', () => {
            if (window.innerWidth >= 768) stopAutoplay();
        });
        slider.addEventListener('mouseleave', () => {
            if (window.innerWidth >= 768) startAutoplay();
        });
        slider.addEventListener('touchstart', () => {
            if (window.innerWidth < 768) {
                userInteractedMobile = true;
            }
            stopAutoplay();
        }, { passive: true });
        slider.addEventListener('touchmove', () => {
            if (window.innerWidth < 768) {
                userInteractedMobile = true;
            }
            stopAutoplay();
        }, { passive: true });
        slider.addEventListener('scroll', () => {
            if (window.innerWidth < 768) {
                userInteractedMobile = true;
                stopAutoplay();
            }
        }, { passive: true });
        slider.addEventListener('touchend', () => {
            if (window.innerWidth >= 768) {
                setTimeout(startAutoplay, 2500);
            }
        }, { passive: true });
        window.addEventListener('resize', () => {
            if (window.innerWidth < 768) return;
            currentIndex = 0;
            update();
            startAutoplay();
        });

        update();
        startAutoplay();
    });
})();

(function() {
    const featureModalData = {!! $featureModalDataJson ?: '{}' !!};
    const cards = document.querySelectorAll('.feature-detail-card[data-feature-title]');
    const modal = document.getElementById('feature-detail-modal');
    const backdrop = document.getElementById('feature-detail-backdrop');
    const closeBtn = document.getElementById('feature-detail-close');
    const titleEl = document.getElementById('feature-detail-modal-title');
    const summaryEl = document.getElementById('feature-detail-modal-summary');
    const bodyEl = document.getElementById('feature-detail-modal-body');
    const valueEl = document.getElementById('feature-detail-modal-value');
    const examplesEl = document.getElementById('feature-detail-modal-examples');
    const benefitsEl = document.getElementById('feature-detail-modal-benefits');
    const ctaEl = document.getElementById('feature-detail-modal-cta');
    const ctaLabelEl = document.getElementById('feature-detail-modal-cta-label');
    if (!cards.length || !modal || !backdrop || !closeBtn || !titleEl || !summaryEl || !bodyEl || !valueEl || !examplesEl || !benefitsEl || !ctaEl || !ctaLabelEl) return;

    let lastFocused = null;

    function renderList(el, items) {
        el.innerHTML = '';
        (items || []).forEach((item) => {
            const li = document.createElement('li');
            li.className = 'flex items-start gap-2';
            const bullet = document.createElement('span');
            bullet.className = 'mt-1.5 h-1.5 w-1.5 rounded-full bg-criazo-primary flex-shrink-0';
            bullet.setAttribute('aria-hidden', 'true');
            const text = document.createElement('span');
            text.textContent = item;
            li.appendChild(bullet);
            li.appendChild(text);
            el.appendChild(li);
        });
    }

    function cardSummary(card) {
        const paragraphs = Array.from(card.querySelectorAll('p'));
        return (paragraphs[paragraphs.length - 1]?.textContent || '').trim();
    }

    function fallbackModalData(title, card) {
        const summary = cardSummary(card) || @json($baselineSummary);
        const pageContext = @json(trim(strip_tags($tt('meta_description'))));
        return {
            summary,
            detail: `${title} is treated as part of the page's commercial journey, not as an isolated tactic. Criazo connects the work to the buyer context, the proof needed to build confidence, and the action the visitor should take next.`,
            value: pageContext || @json($baselineSummary),
            examples: [
                `${title} mapped to the current buyer journey`,
                'Proof, page content, CTA and tracking aligned around the same decision',
                'Implementation priorities ordered by commercial impact'
            ],
            benefits: [
                'Clearer context for visitors before they enquire',
                'Less mismatch between page promise and next step',
                'A stronger path from interest to qualified action'
            ],
            ctaLabel: @json($modalDefaultCta)
        };
    }

    function parseListAttribute(card, name) {
        try {
            const raw = card.getAttribute(name) || '[]';
            const parsed = JSON.parse(raw);
            return Array.isArray(parsed) ? parsed.filter((item) => typeof item === 'string' && item.trim() !== '') : [];
        } catch (error) {
            return [];
        }
    }

    function cardModalData(card) {
        const title = card.getAttribute('data-feature-title') || '';
        return {
            summary: card.getAttribute('data-modal-summary') || '',
            detail: card.getAttribute('data-modal-detail') || '',
            value: card.getAttribute('data-modal-value') || '',
            examples: parseListAttribute(card, 'data-modal-examples'),
            benefits: parseListAttribute(card, 'data-modal-benefits'),
            ctaLabel: card.getAttribute('data-modal-cta') || @json($modalDefaultCta),
            title
        };
    }

    function openModal(card) {
        lastFocused = document.activeElement;
        const title = card.getAttribute('data-feature-title') || '';
        const data = Object.assign(fallbackModalData(title, card), featureModalData[title] || {}, cardModalData(card));
        titleEl.textContent = title;
        summaryEl.textContent = data.summary || '';
        bodyEl.textContent = data.detail || '';
        valueEl.textContent = data.value || '';
        renderList(examplesEl, data.examples || []);
        renderList(benefitsEl, data.benefits || []);
        ctaLabelEl.textContent = data.ctaLabel || @json($modalDefaultCta);
        const messageTemplate = @json($modalStartMessage);
        const message = encodeURIComponent(messageTemplate.replace(':feature', title));
        ctaEl.href = `{{ $localizedRoute("contact.index") }}?entry_page=vertical-restaurants&entry_intent_hint=service-start&service_name=${encodeURIComponent(title)}&message=${message}`;
        modal.classList.remove('hidden');
        modal.setAttribute('aria-hidden', 'false');
        document.body.style.overflow = 'hidden';
        closeBtn.focus();
    }

    function closeModal() {
        modal.classList.add('hidden');
        modal.setAttribute('aria-hidden', 'true');
        document.body.style.overflow = '';
        if (lastFocused && typeof lastFocused.focus === 'function') {
            lastFocused.focus();
        }
    }

    cards.forEach((card) => {
        card.addEventListener('click', () => openModal(card));
        card.addEventListener('keydown', (event) => {
            if (event.key === 'Enter' || event.key === ' ') {
                event.preventDefault();
                openModal(card);
            }
        });
    });

    closeBtn.addEventListener('click', closeModal);
    backdrop.addEventListener('click', closeModal);
    document.addEventListener('keydown', (event) => {
        if (event.key === 'Escape' && modal.getAttribute('aria-hidden') === 'false') {
            closeModal();
        }
    });
})();
</script>
@endpush

@endsection