@extends('layouts.homelayout')
@section('content')

<!-- ==== Banner_section_start === -->
<section class="banner_section" style="background-image:url(@include('frontend.partials.getFile',['file' => $page->banner_image,'size' => 'large']))">
    <div class="container">
        <div class="row">
            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="banner_content">
                    <div class="inner_area">
                        <h1>{{$page->banner_title ? Str::limit($page->banner_title,40) : ""}}</h1>
                        <h6>{{$page->banner_description ? Str::limit($page->banner_description,200) : ""}}</h6>
                        @if($page->banner_button)
                        <div class="start_button">
                            <a href="{{$page->banner_link}}" class="btn btn-primary-3">{{$page->banner_button}}</a>
                        </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="shadow">
        <img src="{{ url('frontend/images/shadow.png') }}" alt=".." />
    </div>
</section>
<!-- ==== Banner_section_end === -->

<!-- ==== Image_hover_section_Start === -->
<section class="image_hover_section">
    <div class="container">
        <div class="row">
            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="row">
                    <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-4 col-sm-4 col-4">
                        <div class="image_area img_1">
                            @include('frontend.partials.fileRender',['file' => $page->about_image_1,'size' => 'large'])
                        </div>
                    </div>
                    <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-4 col-sm-4 col-4">
                        <div class="image_area img_2">
                            @include('frontend.partials.fileRender',['file' => $page->about_image_2,'size' => 'large'])
                        </div>
                    </div>
                    <div class="col-xxl-4 col-xl-4 col-lg-4 col-md-4 col-sm-4 col-4">
                        <div class="image_area img_3">
                            @include('frontend.partials.fileRender',['file' => $page->about_image_3,'size' => 'large'])
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-xxl-7 col-xl-7 col-lg-7 col-md-7 col-sm-12 col-12 mx-auto">
                <div class="content_box">
                    <div class="inner_area">
                        <div class="content">
                            @if($page->about_title)
                            @php
                            $str = $page->about_title;
                            $last_word_start = strrpos ( $str , " ") + 1;
                            $last_word_end = strlen($str) - 1;
                            $last_word = substr($str, $last_word_start, $last_word_end);
                            @endphp
                            <h2>{{preg_replace('/\W\w+\s*(\W*)$/', '$1', $page->about_title);}} <span>{{$last_word}}</span></h2>
                            @endif
                            <h5>{{$page->about_subtitle ? $page->about_subtitle : ""}}</h5>
                            <p>{{$page->about_description ? $page->about_description : ""}}
                            </p>
                        </div>
                        @if($page->banner_button)
                        <div class="read_button">
                            <a href="{{$page->about_link}}" class="btn btn-primary-2">
                                {{$page->about_button}}
                            </a>
                        </div>
                        @endif
                    </div>
                    <div class="red_layer_1 d-xl-block d-none">
                        <img src="{{ url('frontend/images/red_layer_1.png') }}" alt="..." />
                    </div>
                    <div class="red_layer_2 d-xl-block d-none">
                        <img src="{{ url('frontend/images/red_layer_2.png') }}" alt="..." />
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ==== Image_hover_section_end === -->

<!-- ==== Service_section_start === -->
<section class="service_section">
    <div class="service_area">
        <div class="image_area">
            @include('frontend.partials.fileRender',['file' => $page->fitness_image,'size' => 'large'])
        </div>
        <div class="fitness">
            <h1>
                {{$page->fitness_title ? $page->fitness_title : ""}}
            </h1>
        </div>
    </div>
    <div class="container">
        <div class="row">
            <div class="col-xxl-5 col-xl-5 col-lg-5 col-md-6 col-sm-6 col-6">
            </div>
            <div class="col-xxl-7 col-xl-7 col-lg-7 col-md-12 col-sm-12 col-12">
                <div class="content_box">
                    <div class="content">
                        <h2>{!! $page->fitness_description ? addTag($page->fitness_description) : "" !!}</h2>
                        {{-- <h2>The pain you feel <span>Today</span> will be the <span>Strength</span> You feel <span>Tomorrow</span></h2> --}}
                    </div>
                    @if($page->fitness_button)
                    <div class="start_button">
                        <a href="{{$page->fitness_link}}" class="btn btn-primary-4">{{$page->fitness_button}}</a>
                    </div>
                    @endif
                    <div class="red_layer_3">
                        <img src="{{ url('frontend/images/red_layer_3.png') }}" alt="..." />
                    </div>
                </div>
            </div>
        </div>
    </div> 
</section>
<!-- ==== Service_section_end === -->

<!-- ==== Transformation_section_start === -->
@if(isset($transformations) && $transformations)
<section class="transformation_section" >
    <div class="header_image">
        <img src="{{ url('frontend/images/22.png') }}" alt=".." />
    </div>
    <div class="container">
        <div class="row">
            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="header_area">
                    <div class="heading">
                        <h1>{{Str::limit($page->transformation_title,70)}}</h1>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endif
<!-- ==== Transformation_section_end === -->

<!-- ==== Transformation_craousel_section_start === -->
@if(isset($transformations) && $transformations)
<section class="product-detail_section">
    <div class="header_img">
        <img src="{{ url('frontend/images/11.png') }}" alt=".." />
    </div>
    <div class="container">
        <div class="row">
            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 mx-auto">
                <div class="detail_slider">
                    <div class="detail_page_start">
                        <div class="product_images">
                            <div class="left_button">
                                <p class="btn-primary-5">Before</p>
                            </div>
                            <div class="right_button">
                                <p class="btn-primary-5">After</p>
                            </div>
                            <div id="sync1" class="owl-carousel-cc">
                                @foreach($transformations as $key => $t)
                                <div class="item">
                                    <div class="before">
                                        <div class="single_image">
                                            @include('frontend.partials.fileRender',['file' => $t->before_image,'size' => 'large'])
                                        </div>
                                    </div>
                                    <div class="after">
                                        <div class="single_image">
                                             @include('frontend.partials.fileRender',['file' => $t->after_image,'size' => 'large'])
                                        </div>
                                    </div>
                                </div>
                                @endforeach
                            </div>
                            
                            <div class="down_slider">
                                <div id="sync2" class="owl-carousel-cc">
                                    @foreach($transformations as $key => $t)
                                    <div class="item">
                                        <div class="first">
                                            <div class="second">
                                                <div class="before">
                                                    <div class="botttom_image">
                                                        @include('frontend.partials.fileRender',['file' => $t->before_image,'size' => 'medium'])
                                                    </div>
                                                </div>
                                                <div class="after">
                                                    <div class="botttom_image">
                                                        @include('frontend.partials.fileRender',['file' => $t->after_image,'size' => 'medium'])
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                     @endforeach
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endif
<!-- ==== Transformation_craousel_section_end === -->

<!-- ==== Coach_app_section_start === -->
<section class="coach_app_section">
    <div class="container">
        <div class="row">
            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="coach_app_details">
                    <h3>{{$page->app_title ? Str::limit($page->app_title,45) : ""}}</h3>
                    <p>{{$page->app_description ? Str::limit($page->app_description,200) : ""}}</p>
                </div>
                @if(isset($page->app_ios_link) && $page->app_ios_link || isset($page->app_andiriod_link) && $page->app_andiriod_link)
                <div class="mac_app">
                    <div class="app_icon">
                        <ul>
                            @if(isset($page->app_ios_link) && $page->app_ios_link)
                            <li>
                                <a href="{{$page->app_ios_link}}"><img src="{{ url('frontend/images/asset-1.png') }}" alt="..." /></a>
                            </li>
                            @endif
                            @if(isset($page->app_andiriod_link) && $page->app_andiriod_link)
                            <li>
                                <a href="{{$page->app_andiriod_link}}"><img src="{{ url('frontend/images/asset-2.png') }}" alt="..." /></a>
                            </li>
                            @endif
                        </ul>
                    </div>
                </div>
                @endif
            </div>
        </div>
    </div>
    <div class="images_area">
        @if($page->app_image)
        <div class="mobile_images">
            @include('frontend.partials.fileRender',['file' => $page->app_image,'size' => 'large'])
        </div>
        @endif
        <div class="bottom_image">
            <img src="{{ url('frontend/images/app_img.png') }}" alt="..." />
        </div>
    </div>
    <div class="background_image">
        <img src="{{ url('frontend/images/background_img.png') }}" alt="" />
    </div>
</section>
<!-- ==== Coach_app_section_end === -->

<!-- ==== Join_community_section_start === -->
<section class="join_community_section">
    <div class="container">
        <div class="row">
            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="content_area">
                    <div class="coach_image">
                        <h1>
                            {{$page->contact_title ? Str::limit($page->contact_title,6) : ""}}
                        </h1>
                    </div>
                    <div class="content_box">
                        <div class="content">
                            <p>{{$page->contact_subtitle ? Str::limit($page->contact_subtitle,100) : ""}}</p>
                            <h4>{{$page->contact_description ? Str::limit($page->contact_description,150) : ""}}</h4>
                            <h5><a href="tel:{{$page->contact_number ? $page->contact_number : ""}}">{{$page->contact_number ? $page->contact_number : ""}}</a></h5>
                        </div>
                        <div class="sandy_img d-md-block d-none">
                            @include('frontend.partials.fileRender',['file' => $page->contact_image,'size' => 'large'])
                        </div>
                    </div>                   
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ==== Join_community_section_end === -->

<!-- ==== Merchandise_section_start === -->
@if($page->banner_2_image)
<section class="merchandise_section" style="background-image:url(@include('frontend.partials.getFile',['file' => $page->banner_2_image,'size' => 'large']))">
    <div class="container">
        <div class="row">
            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="content_area">
                    <p>{{strtok($page->banner_2_title," ")}}</p>
                    <h3>{{strstr(Str::limit($page->banner_2_title,25)," ")}}</h3>                    
                    @if($page->banner_2_button)
                    <div class="view_btn">
                        <a href="{{$page->banner_2_link}}" class="btn btn-primary-2">{{Str::limit($page->banner_2_button,20)}}</a>
                    </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</section>
@endif
<!-- ==== Merchandise_section_end === -->

@endsection