@extends('layout.front')

@section('title', $title)
@section('description', $data->meta_description)
@section('keywords', $data->meta_keywords)

@section('canonical', route('mall-page', $data->route_name))
{{-- @section('geolocationtags')

@endsection --}}

@section('body_class', '')

@section('body_style', 'overflow-y:visible !important;')

@section('css-add')
    <style>
        .fade:not(.show) {
            display: none;
        }

        .fade.show {
            display: block;
        }
    </style>
@endsection

@section('schema')
    {!! $data->schema !!}
@endsection

@section('pagecontent')
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-12 ms-sm-auto col-lg-12 ps-xl-5 pb-5 portfolio">
                <main>
                    <div class="tabs-dropdown-xs">
                        <button class="btn d-block d-lg-none">Overview</button>
                        <ul class="nav nav-tabs" id="myTab" role="tablist">
                            <li class="nav-item" role="presentation">
                                <button class="nav-link active" id="overview-tab" data-bs-toggle="tab"
                                    data-bs-target="#overview" type="button" role="tab" aria-controls="overview"
                                    aria-selected="true">Overview</button>
                            </li>
                            <li class="nav-item" role="presentation">
                                <button class="nav-link" id="transformation-story-tab" data-bs-toggle="tab"
                                    data-bs-target="#transformation-story" type="button" role="tab"
                                    aria-controls="transformation-story" aria-selected="false">Transformation
                                    Story</button>
                            </li>
                            <li class="nav-item" role="presentation">
                                <button class="nav-link" id="gallery-tab" data-bs-toggle="tab" data-bs-target="#gallery"
                                    type="button" role="tab" aria-controls="gallery"
                                    aria-selected="false">Gallery</button>
                            </li>
                        </ul>
                    </div>
                    {{-- page content section --}}
                    {!! $data->body !!}
                    {{-- end of page content section --}}
                </main>
            </div>
        </div>
    </div>
@endsection