@extends('frontend::layouts.master')

@section('content')
    @php
        $sp_word = explode(' ', $link_product['name']);
        $last_word = end($sp_word);
        $title = str_replace($last_word, '', $link_product['name']);
        if (empty($title)) {
            $title = $link_product['name'];
            $last_word = '';
        }
    @endphp

    @include('frontend::components.page-hero', [
        'title' => $title,
        'titleHighlight' => $last_word,
        'subtitle' => $link_product['desc'] ?? '',
        'image' => !empty($link_product['image']) ? asset($link_product['image']) : '',
        'imageAlt' => $link_product['name'] ?? '',
        'imagePosition' => 'object-center',
    ])

    <section class="relative overflow-hidden py-12 md:py-16 bg-[var(--background)]">
        @include('frontend::components.tsic-ellipse-decoration', [
            'minEllipses' => 3,
            'maxEllipses' => 3,
        ])
        <livewire:frontend::section.product slug_uid="{{ $page_init['slug_uid'] ?? '' }}" cur_page="{{ $opt['cur_page'] ?? 1 }}" />
    </section>

    @include('frontend::components.cta-section')
@endsection