@extends('layouts.main')
@section('main-section')
<div class="widget-banner-car-listing banner-car-listing-list">
    <div class="themesflat-container full">
        <div class="banner-car-listing">
            <span class="sub-title">About Us</span>
            <h1 class="title text-white">About Us / <span class="text-red" href="/about">Home</span></h1>
        </div>
    </div>
</div>
<div class="widget-selling-car">
    <div class="themesflat-container">
        <div class="selling-car-wrap">
            <div class="heading-section t-al-center mb-60">
                <span class="sub-title mb-6 wow fadeInUp">About</span>
                <h2 class="title wow fadeInUp">Smart Goa Taxi</h2>
            </div>
            <div class="selling-car">
                <div class="selling-carpart">
                    <div class="carpart">
                        <img src="{{asset('/public/assets/about.jpg')}}" alt="" class="car">
                    </div>
                </div>
                <div class="selling-content">
                    <span class="sub-selling">About Us</span>
                    <p class="des">Smart Goa Taxi is your trusted travel partner, offering a wide range of transportation services to meet your every need in Goa. Whether you're looking for reliable airport and railway station transfers, comfortable outstation journeys, or the freedom of self-drive car rentals, we’ve got you covered. Additionally, we curate unforgettable experiences with our cruise dinner services and thrilling water sports adventures.
                    </p>
                    <div class="btn-main mt-3" style="display: flex;">
                        <a href="/about" class="button_main_inner">
                            <span>Know More</span>
                        </a>
                        <a href="tel:9209551332" class="button_main_inner" style="    background: green; margin-left: 9px;">
                            <span>Call Now</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="widget-blog-v2-h4">
    <div class="themesflat-container">
        <div class="blog-v2">
            <div class="heading-section t-al-center mb-46">
                <span class="sub-title mb-6 wow fadeInUp">Our</span>
                <h2 class="title wow fadeInUp">Services</h2>
            </div>
            <div class="row">
                @foreach($service as $services)
                <div class="col-md-4">
                    <article class="widget-blog bl-v1">
                        <div class="feature-post">
                            <a href="/service">
                                <img src="{{asset('/public/uploads/post/'.$services->image)}}" style="    height: 270px;border-radius: 20px;" alt="image">
                            </a>
                        </div><!-- /.feature-post -->
                        <div class="main-post">
                            <h2 class="entry-title">
                                <a href="/service">{{$services->name}}</a>
                            </h2>
                            <p class="entry-des">{{$services->description}}</p>
                            <div class="bottom-btn-wrap">
                                <div class="btn-icon-list">
                                    <a class="more-link" href="tel:9209551332 ">
                                        <span style="color: white;">Call Now</span>
                                        <i class="icon-Group-14"></i>
                                    </a>
                                </div>
                                <a class="btn-icon-list" href="https://wa.me/919209551332" style="background-color: green;    margin-left: 9px;">
                                    <span>Whatsapp Now</span>
                                    <i class="fa-brands fa-whatsapp fa-fw"></i>
                                </a>
                            </div>

                            <!-- /.entry-meta -->
                        </div><!-- /.main-post -->
                    </article>
                </div>
                @endforeach


            </div>

        </div>

    </div>
</div>

<div class="widget-testimonial-v2-h4">
    <div class="themesflat-container">
        <div class="testimonial-v2">
            <div class="swiper testimonial-swiper">
                <div class="swiper-wrapper">
                    @foreach($testimonial as $testimonials)
                    <div class="testimonial-v2-content swiper-slide">
                        <span class="sub-title">Trusted Car Delaer Service</span>
                        <h3 class="title">What client’s Says</h3>
                        <p class="description">{{$testimonials->review}}
                        </p>
                        <div class="wrap-avatar">
                            <div class="avatar">
                                <img src="{{asset('/public/uploads/post/'.$testimonials->image)}}" alt="avatar">
                            </div>
                            <div class="info">
                                <div class="name">{{$testimonials->name}}</div>
                            </div>
                        </div>
                    </div>
                    @endforeach
                </div>
                <div class="btn-next-prev">
                    <div class="swiper-button-next-tes next">
                        <i class="icon-Vector-11"></i>
                    </div>
                    <div class="swiper-button-prev-tes prev">
                        <i class="icon-Vector-2"></i>
                    </div>
                </div>
            </div>
            <div class="testimonial-v2-image">
                <div class="icon">
                    <i class=" icon-quote-1"></i>
                </div>
                <img src="{{asset('/public/assets/frame.png')}}" alt="" class="frame">
                <img src="{{asset('/public/assets/image-frame.png')}}" alt="" class="avata">
            </div>
        </div>
    </div>
</div>
@endsection