@extends('layouts.front-layout')

@section('content')
<section class="mainSec">
    <video autoplay muted>

        <source src="{{($setting->getFirstMediaUrl('home_top_banner_video') ? $setting->getFirstMediaUrl('home_top_banner_video') : asset('upload/placeholder.png'))}}" type="video/mp4">
    </video>
</section>

<section class="aboutSec">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-md-5">
                <div class="aboutContent">
                    <img src="{{( isset($setting) && $setting->getFirstMediaUrl('logo') ?  $setting->getFirstMediaUrl('logo') : asset('upload/placeholder.png'))}}" class="img-fluid" data-aos="zoom-in" alt="">
                    <h2 data-aos="fade-up">{{ $pageData['Home']['celebrating_heading'] ?? '' }}
                    </h2>
                    <p data-aos="fade-up">{!! $pageData['Home']['cabinate_description'] ?? '' !!}
                    </p>
                    <div data-aos="fade-up">
                        <a href="#" class="themeBtn">Read More</a>
                    </div>
                </div>
            </div>
            <div class="col-md-7">
                <div class="aboutImg" data-aos="fade-up">
                    <figure>
                        <img
                            src="{{( isset($home) && $home->getFirstMediaUrl('celebrating_image') ?  $home->getFirstMediaUrl('celebrating_image') : asset('upload/placeholder.png'))}}"
                            class="img-fluid" alt="">
                    </figure>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="aboutSec carpentrySec">
    <div class="container">
        <h2 data-aos="fade-up">{{ $pageData['Home']['our_carpentry_heading'] ?? '' }}</h2>
        <div class="row align-items-end">
            <div class="col-md-6">
                <div class="carpentryContent">
                    <h3 class="secHeading" data-aos="fade-up">
                        {{ $pageData['Home']['our_carpentry_sub_heading'] ?? '' }}

                    </h3>
                    <p data-aos="fade-up">
                        {!! $pageData['Home']['celebrating_description'] ?? '' !!}
                    </p>
                    <div class="aboutImg" data-aos="fade-up">
                        <figure>
                            <img
                                src="{{( isset($home) && $home->getFirstMediaUrl('our_carpentry_first_image') ?  $home->getFirstMediaUrl('our_carpentry_first_image') : asset('upload/placeholder.png'))}}
                                        " class="img-fluid" alt="">
                        </figure>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="aboutImg" data-aos="fade-up">
                    <figure>
                        <img
                            src=" {{( isset($home) && $home->getFirstMediaUrl('our_carpentry_second_image') ?  $home->getFirstMediaUrl('our_carpentry_second_image') : asset('upload/placeholder.png'))}}
                                    " class="img-fluid" alt="">
                    </figure>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="aboutSec carpentrySec carpentryTwo">
    <div class="container">
        <div class="row flex-row-reverse align-items-end">
            <div class="col-md-6 pl-4">
                <div class="carpentryContent">
                    <h3 class="secHeading"
                        data-aos="fade-up">{{$pageData['Home']['our_carpentry_section_section_heading'] ?? ''}}
                    </h3>
                    <p data-aos="fade-up">
                        {!! $pageData['Home']['our_carpentry_second_section_description'] ?? '' !!}
                    </p>
                    <div class="aboutImg" data-aos="fade-up">
                        <figure>
                            <img
                                src="   {{( isset($home) && $home->getFirstMediaUrl('our_carpentry_second_section_first_image') ?  $home->getFirstMediaUrl('our_carpentry_second_section_first_image') : asset('upload/placeholder.png'))}}
                                        " class="img-fluid w-100" alt="">
                        </figure>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="aboutImg" data-aos="fade-up">
                    <figure>
                        <img
                            src="{{( isset($home) && $home->getFirstMediaUrl('our_carpentry_second_section_second_image') ?  $home->getFirstMediaUrl('our_carpentry_second_section_second_image') : asset('upload/placeholder.png'))}}
                                    " class="img-fluid" alt="">
                    </figure>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="aboutSec carpentrySec">
    <div class="container">
        <div class="row align-items-end">
            <div class="col-md-6">
                <div class="carpentryContent">
                    <h3 class="secHeading"
                        data-aos="fade-up">{{$pageData['Home']['rare_craftsmanship_heading'] ?? ''}}
                    </h3>
                    <p data-aos="fade-up"> {!! $pageData['Home']['rare_craftsmanship_description'] ?? '' !!}
                    </p>
                    <div class="aboutImg" data-aos="fade-up">
                        <figure>
                            <img
                                src=" {{( isset($home) && $home->getFirstMediaUrl('rare_craftsmanship_first_image') ?  $home->getFirstMediaUrl('rare_craftsmanship_first_image') : asset('upload/placeholder.png'))}}
                                        " class="img-fluid w-100" alt="">
                        </figure>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="aboutImg" data-aos="fade-up">
                    <figure>
                        <img
                            src="{{( isset($home) && $home->getFirstMediaUrl('rare_craftsmanship_second_image') ?  $home->getFirstMediaUrl('rare_craftsmanship_second_image') : asset('upload/placeholder.png'))}}
                                    " class="img-fluid" alt="">
                    </figure>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="aboutSec cabinateSec">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="cabinateContent">
                    <div data-aos="fade-up">
                        <span>{{$pageData['Home']['cabinate_heading'] ?? ''}}</span>
                    </div>
                    <h2 class="mainHeading"
                        data-aos="fade-up">{{$pageData['Home']['cabinate_sub_heading'] ?? ''}}</h2>
                    <p data-aos="fade-up">
                        {!! $pageData['Home']['cabinate_description'] ?? '' !!}
                        {{-- been the <br> industry’s standard dummy text ever since.--}}
                    </p>
                    <div class="aboutImg" data-aos="fade-up">
                        <figure>
                            <img
                                src="{{( isset($home) && $home->getFirstMediaUrl('cabinate_image') ?  $home->getFirstMediaUrl('cabinate_image') : asset('upload/placeholder.png'))}}
                                        " class="img-fluid" alt="">
                        </figure>
                    </div>
                    <div data-aos="fade-up">
                        <a href="#" class="themeBtn themeBtn1">Contact Us Now</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="aboutSec cabinateSec customCabinate">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="cabinateContent">
                    <div data-aos="fade-up">
                        <span>{{$pageData['Home']['custom_cabinate_heading'] ?? ''}}</span>
                    </div>
                    <h2 class="mainHeading"
                        data-aos="fade-up">{{$pageData['Home']['custom_cabinate_sub_heading'] ?? ''}}</h2>
                    <p data-aos="fade-up">
                        {!! $pageData['Home']['custom_cabinate_description'] ?? '' !!}
                        {{-- been the <br> industry’s standard dummy text ever since.--}}
                    </p>
                    <div class="aboutImg" data-aos="fade-up">
                        <figure>
                            <img
                                src="{{( isset($home) && $home->getFirstMediaUrl('custom_cabinate_image') ?  $home->getFirstMediaUrl('custom_cabinate_image') : asset('upload/placeholder.png'))}}
                                        " class="img-fluid" alt="">
                        </figure>
                    </div>
                    <div data-aos="fade-up">
                        <a href="#" class="themeBtn themeBtn1">Contact Us Now</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="aboutSec carpentrySec reviewSec">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <!-- Swiper -->
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        
                    @forelse ($testimonials as $testimonial)
                            <div class="swiper-slide">
                                <div class="reviewContent" data-aos="fade-up">
                                    <span>{!! $testimonial->description  !!}</span>
                                    <h3>{{ $testimonial->title }}</h3>
                                </div>
                            </div>
                        @empty
                            <div class="swiper-slide">
                                <div class="reviewContent" data-aos="fade-up">
                                    <h3>No testimonials found</h3>
                                    <!-- Add default content or message -->
                                </div>
                            </div>
                        @endforelse
                        <!-- Add more slides as needed -->
                    </div>

                </div>
            </div>
        </div>
    </div>
</section>


@endsection