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

<!-- ==== About_Us Section Start ==== -->
<section class="about_us_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="about_us_area">
                    <div class="row">
                        <div class="col-xxl-7 col-xl-7 col-lg-7 col-md-7 col-sm-6 col-12 order-md-0 order-sm-0 order-1">
                            <div class="left_area">
                                <div class="title">
                                   @if(!empty($AboutUs['title'])) {{ $AboutUs['title']}} @endif
                                </div>
                                <div class="heading_area">
                                  {{--   <h3>Unveiling the Artistry 
                                    Behind <span>Sparkle & Glow</span></h3>    --}}     
                                    <h3>@if(!empty($AboutUs['sub_title'])) {{ $AboutUs['sub_title']}} @endif</h3> 
                                </div>
                                <div class="text_area">
                                    <p>@if(!empty($AboutUs['description'])) {!! nl2br($AboutUs['description']) !!} @endif</p>
                                </div>
                                <div class="card_parent">
                                    <div class="card_area">
                                        <div class="my_header count_number" data-count="{{ $AboutUs['years_of_experience_num'] ?? ''}}">0+</div>
                                        <div class="my_text">
                                           @if(!empty($AboutUs['years_of_experience_title'])) {{ $AboutUs['years_of_experience_title']}} @endif
                                        </div>
                                    </div>
                                    <div class="card_area">
                                        <div class="my_header count_number" data-count="{{ $AboutUs['jewelry_products_num'] ?? ''}}">0+</div>
                                        <div class="my_text">
                                             @if(!empty($AboutUs['jewelry_products_title'])) {{ $AboutUs['jewelry_products_title']}} @endif
                                        </div>
                                    </div>
                                    <div class="card_area">
                                        <div class="my_header count_number" data-count="{{ $AboutUs['delivered_product_num'] ?? ''}}">0k+</div>
                                         <div class="my_text">
                                               @if(!empty($AboutUs['delivered_product_title'])) {{ $AboutUs['delivered_product_title']}} @endif
                                         </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xxl-5 col-xl-5 col-lg-5 col-md-5 col-sm-6 col-12 order-sm-1 order-0">
                            <div class="right_area">
                                <div class="image_area">
                                     @if(!empty($AboutUs['image']))
                                      <img src="{{ General::renderImageUrl($AboutUs['image'], 'medium', 'frontend/images/no_image.png') }}" title="{{isset($AboutUs['title']) && $AboutUs['title'] ? $AboutUs['title'] : ''}}" alt="{{isset($AboutUs['title']) && $AboutUs['title'] ? $AboutUs['title'] : ''}}" fetchpriority="low">
                                     @endif
                                </div>
                                <div class="logo_area">
                                    <img src="{{ url('frontend/images/circle_logo.png') }}" title="{{isset($AboutUs['title']) && $AboutUs['title'] ? $AboutUs['title'] : ''}}" alt="{{isset($AboutUs['title']) && $AboutUs['title'] ? $AboutUs['title'] : ''}}" fetchpriority="low">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ==== About_Us Section End ==== -->
@if(!empty($jewelry['image'][0]) && $jewelry['image'][0])
<!-- ==== Main Header Section Start ==== -->
<section class="main_header_section about_page_header">
    <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">
                <h4>{{ isset($jewelry['title']) && $jewelry['title'] ? $jewelry['title'] : ''}}</h4>
            </div>
        </div>
    </div>
</section>
<!-- ==== Main Header Section End ==== -->

<!-- ==== Jewelry Section Start ==== -->

<section class="jewelry_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="jewelry_area">
                    <div class="row">
                        <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
                            <div class="left_area">
                                @if(!empty($jewelry['image'][0]) && $jewelry['image'][0])
                                <div class="image_area">
                                    <img src="{{ General::renderImageUrl($jewelry['image'][0], 'medium', 'frontend/images/no_image.png') }}" title="Jewellery Image" alt="Jewellery Image" fetchpriority="low">
                                </div>
                                @endif
                                <div class="small_images_parent">
                                    <div class="row">
                                        @if(!empty($jewelry['image'][1]) && $jewelry['image'][1])
                                        <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
                                            <div class="image_area_2">
                                                <img src="{{ General::renderImageUrl($jewelry['image'][1], 'medium', 'frontend/images/no_image.png')}}" title="Jewellery Image" alt="Jewellery Image" fetchpriority="low">
                                            </div>
                                        </div>
                                        @endif
                                        @if(!empty($jewelry['image'][2]) && $jewelry['image'][2])
                                        <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
                                            <div class="image_area_2 image_area_3">
                                                <img src="{{ General::renderImageUrl($jewelry['image'][2], 'medium', 'frontend/images/no_image.png') }}" title="Jewellery Image" alt="Jewellery Image" fetchpriority="low">
                                            </div>
                                        </div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
                            <div class="right_area left_area">
                                <div class="small_images_parent">
                                    <div class="row">
                                        @if(!empty($jewelry['image'][3]) && $jewelry['image'][3])
                                        <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
                                            <div class="image_area_2">
                                                <img src="{{ General::renderImageUrl($jewelry['image'][3], 'medium', 'frontend/images/no_image.png') }}" title="Jewellery Image" alt="Jewellery Image" fetchpriority="low">
                                            </div>
                                        </div>
                                        @endif
                                        @if(!empty($jewelry['image'][4]) && $jewelry['image'][4])
                                        <div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
                                            <div class="image_area_2 image_area_3">
                                                <img src="{{ General::renderImageUrl($jewelry['image'][4], 'medium', 'frontend/images/no_image.png') }}" title="Jewellery Image" alt="Jewellery Image" fetchpriority="low">
                                            </div>
                                        </div>
                                        @endif
                                    </div>
                                </div>
                                @if(!empty($jewelry['image'][5]) && $jewelry['image'][5])
                                <div class="image_area">
                                    <img src="{{ General::renderImageUrl($jewelry['image'][5], 'medium', 'frontend/images/no_image.png') }}" title="Jewellery Image" alt="Jewellery Image" fetchpriority="low">
                                </div>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endif
<!-- ==== Jewelry Section End ==== -->

<!-- ==== Main Header Section Start ==== -->
 
<section class="main_header_section about_page_header content_header">
    <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">
                 <h4>@if(!empty($OurStory1['title'])) {{ $OurStory1['title']}} @endif</h4>
                <div class="inner_area">
                    <div class="left_area">
                        <p>@if(!empty($OurStory1['sub_title'])) {{ $OurStory1['sub_title']}}  @endif</p>
                        <div class="text_area">
                            <p>
                                @if(!empty($OurStory1['description']) && $OurStory1['description']) 
                                    {!! nl2br($OurStory1['description']) !!}  
                                @endif
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ==== Main Header Section End ==== -->

<!-- ==== journey Section Start ==== -->
<section class="journey_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="journey_area">
                    <div class="row align-items-center">
                        <div class="col-xxl-7 col-xl-7 col-lg-7 col-md-6 col-sm-6 col-12">
                            <div class="left_area">
                                <div class="heading_area">
                                    <h3>@if(!empty($OurJourney['title']) ){{ $OurJourney['title'] }} @endif</h3>
                                </div>
                                <div class="text_area">
                                    <p>@if(!empty($OurJourney['description']) ){!! nl2br($OurJourney['description']) !!} @endif</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-xxl-5 col-xl-5 col-lg-5 col-md-6 col-sm-6 col-12">
                            <div class="right_area">
                                <div class="image_area">
                                    @if(!empty($OurJourney['image']) && $OurJourney['image'] && file_exists(public_path($OurJourney['image'])))
                                        <img src="{{ General::renderImageUrl($OurJourney['image'], 'medium', 'frontend/images/no_image.png') }}" title="{{isset($OurJourney['title']) && $OurJourney['title'] ? $OurJourney['title'] : ''}}" alt="{{isset($OurJourney['title']) && $OurJourney['title'] ? $OurJourney['title'] : ''}}" fetchpriority="low">
                                    @else
                                      <img src="{{ url('frontend/images/no_image.png') }}" title="No Image" alt="No Image" fetchpriority="low">
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ==== journey Section End ==== -->

<!-- ==== Story Section Start ==== -->
<section class="journey_section bottom_space">
    <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="journey_area story_bottom">
                    <div class="row align-items-center">
                        <div class="col-xxl-5 col-xl-5 col-lg-5 col-md-6 col-sm-6 col-12 order-sm-0 order-1">
                            <div class="right_area">
                                <div class="image_area">
                                    @if(!empty($OurStory2['image']) && $OurStory2['image'] && file_exists(public_path($OurStory2['image'])))
                                        <img src="{{ General::renderImageUrl($OurStory2['image'], 'medium', 'frontend/images/no_image.png') }}" title="{{isset($OurStory2['title']) && $OurStory2['title'] ? $OurStory2['title'] : ''}}" alt="{{isset($OurStory2['title']) && $OurStory2['title'] ? $OurStory2['title'] : ''}}" fetchpriority="low">
                                    @else
                                      <img src="{{ url('frontend/images/no_image.png') }}" title="No Image" alt="No Image" fetchpriority="low">
                                    @endif
                                </div>
                            </div>
                        </div>
                        <div class="col-xxl-7 col-xl-7 col-lg-7 col-md-6 col-sm-6 col-12 order-sm-1 order-0">
                            <div class="left_area">
                                <div class="heading_area">
                                    <h3>@if(!empty($OurStory2['title']) ){{ $OurStory2['title'] }} @endif</h3>
                                </div>
                                <div class="text_area">
                                    <p>@if(!empty($OurStory2['description']) ){!! nl2br($OurStory2['description']) !!} @endif</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ==== Story Section End ==== -->

@endsection