@props(['data'])


<footer class="footer widget-footer ttm-bgcolor-darkgrey ttm-textcolor-white clearfix " style="margin-top: 20px" >
    <div class="first-footer">
       <div class="container">
          <div class="row">
             <div class="col-xs-12 col-sm-12 col-md-12 col-lg-9 widget-area">
                <div class="widget widget_text clearfix">
                   <div class="d-sm-flex align-items-center">
                      <div class="footer-logo">
                         <img id="footer-logo-img" class="img-fluid auto_size" height="46" width="170" src="{{ asset('images/' . $general->image) }}" alt="image">
                      </div>
                      <div class="textwidget widget-text">
                         <p>{{ $data['description'] }}</p>
                      </div>
                   </div>
                </div>
             </div>
             <div class="col-xs-12 col-sm-12 col-md-12 col-lg-3 widget-area">
                <div class="widget widget_social clearfix">
                   <div class="social-icons text-lg-right">
                      <ul class="social-icons list-inline">
                         @php
                                    $data = json_decode($general->social);
                                @endphp
                         @foreach ($data as $value)
                                 <li>   <a class="tooltip-top" href="{{ $value['1'] }}"
                                        class="flex h-7 w-7 items-center justify-center rounded-sm ">{!! $value['0'] !!}</a>  </li>
                                @endforeach
                      </ul>
                   </div>
                </div>
             </div>
          </div>
       </div>
    </div>
    <div class="second-footer">
       <div class="container">
          <div class="row">
             <div class="col-xs-12 col-sm-6 col-md-6 col-lg-3 widget-area">
                <div class="widget widget_text margin_right10 clearfix">
                   <h3 class="widget-title">Get Free Estimate</h3>
                    <h3 class="fs-24" style="color:white">{{ $general->contact }}</h3>
                   <div class="textwidget widget-text">
                      <div class="call_detail">
                        
                         <a class="ttm-btn ttm-btn-size-md ttm-btn-shape-square ttm-btn-style-border ttm-btn-color-white w-100 text-center" href="{{url('contact')}}">Request Online Form</a>
                      </div>
                   </div>
                </div>
             </div>
             <div class="col-xs-12 col-sm-6 col-md-6 col-lg-3 widget-area">
                <div class="widget widget_nav_menu clearfix">
                   <h3 class="widget-title">Quik Links</h3>
                   <ul id="menu-footer-quick-links" class="menu">
                      <li><a href="/">Home</a></li>
                      <li><a href="{{url('overview')}}">overview</a></li>
                        <li><a href="{{url('founder')}}">Founder</a></li>
                      <li><a href="{{url('showcase')}}">Showcase</a></li>
                      <li><a href="{{url('contact')}}">Contact</a></li>
                   </ul>
                </div>
             </div>
             <div class="col-xs-12 col-sm-6 col-md-6 col-lg-3 widget-area">
                <div class="widget widget-latest-tweets clearfix">
                   <h3 class="widget-title">Contact Us</h3>
                   <ul class="">
               
                      <li><i class="fa-solid fa-phone-volume" style="padding-right:5px"></i>{{ $general->contact }}</li>
                      <li><i class="fa-solid fa-location-dot" style="padding-right:5px"></i> {{ $general->location }} </li>
                      <li><i class="fa-solid fa-envelope" style="padding-right:5px"></i> <a href="mailto:{{ $general->email }}">{{ $general->email }}</a></li>
                   </ul>
                </div>
             </div>
            
             
          </div>
       </div>
    </div>
    <div class="bottom-footer-text copyright">
       <div class="container">
          <div class="row">
             <div class="col-lg-12">
                <div class="text-center">
                   <span class="cpy-text">Copyright © 2021 <a href="#" class="ttm-textcolor-skincolor font-weight-500">MRGFASHION </a> All rights reserved.</span>
                  
                </div>
             </div>
          </div>
       </div>
    </div>
 </footer>



























 {{-- <footer class="mt-10 bg-black pt-10 text-sm text-white">
    <section
        class="container mx-auto grid grid-cols-12 gap-4 border-b border-neutral-600 px-2 py-4 md:px-[20px] lg:px-[100px] xl:px-[169px]">
        <!-- company info -->
        <div class="col-span-12 md:col-span-3">
            <img src="{{ asset('images/' . $general->image) }}" alt="logo" />
            <p class="line-clamp-3">
                {{ $general->description }}
            </p>
        </div>
        <!-- Links -->
        <ul class="col-span-12 space-y-3 text-xs text-neutral-500 sm:col-span-6 md:col-span-3">
            <h1
                class="relative text-sm font-semibold text-white before:absolute before:left-0 before:top-0 before:h-full before:w-1 before:-translate-x-3 before:bg-[#F06728]">
                Links
            </h1>
            @foreach ($footerPages as $route)
                <li>
                    <a href="{{ url($route->page->permalink) }}"
                        class="transition-colors hover:text-neutral-200">{{ $route->page->name }}</a>
                </li>
            @endforeach

        </ul>
        <!-- Others -->
        <ul class="col-span-12 space-y-3 text-xs text-neutral-500 sm:col-span-6 md:col-span-3">
            <h1
                class="relative text-sm font-semibold text-white before:absolute before:left-0 before:top-0 before:h-full before:w-1 before:-translate-x-3 before:bg-[#F06728]">
                Others
            </h1>

        </ul>
        <!-- Social -->
        <ul class="col-span-12 space-y-3 text-neutral-200 sm:col-span-6 md:col-span-3">
            <h1
                class="relative text-sm font-semibold text-white before:absolute before:left-0 before:top-0 before:h-full before:w-1 before:-translate-x-3 before:bg-[#F06728]">
                Others
            </h1>
            <h2 class="text-xs">Follow us on Social Media</h2>
            <div class="flex flex-wrap items-center gap-3 text-lg">
                @php
                    $data = json_decode($general->social);
                @endphp
                @foreach ($data as $value)
                    <a href="{{ $value['1'] }}"
                        class="flex h-7 w-7 items-center justify-center rounded-sm ">{!! $value['0'] !!}</a>
                @endforeach


            </div>
        </ul>
    </section>
    <section class="p-4 text-center text-xs text-neutral-500">
        &copy; 2024 <span class="text-neutral-400">DATADSS</span>. All Rights
        Reserved
    </section>
</footer> --}}