@extends('layout.main')

@push('title')
	<title>About Us- SVT Tour and Travels</title>
	
	<meta name="description" content="Who we are? Read more about SVT Tour and Travels and our range of services and types of vehicles we provide in bhopal.">
	<meta name="robots" content="index, follow" />
    <meta name="distribution" content="global" />
   	<meta name="coverage" content="india" />
   	<meta name="object" content="document"/>
   	<meta name="audience" content="All" />
   	<meta name="revisit-after" content="1 day"/>
   	<meta name="language" content="en"/>
   	<meta name="rating" content="general"/>
   	<meta name="copyright" content="© 2023 All Rights Reserved by SVT Tour and Travels."/>		

	<!--Canonical Tag-->
	<link rel="canonical" href="https://www.svttourandtravel.in/about"/>
@endpush

@section('main-section')
    <main class="main">

        <div class="site-breadcrumb" style="background: url({{asset('public/assets/img/breadcrumb/01.jpg')}})">
            <div class="container">
                <h1 class="breadcrumb-title">About Us</h1>
                <ul class="breadcrumb-menu">
                    <li><a href="{{url('/')}}">Home</a></li>
                    <li class="active">About Us</li>
                </ul>
            </div>
        </div>


        <div class="about-area py-50">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-12">
                        <div class="about-right wow fadeInRight" data-wow-delay=".25s">
                            <div class="site-heading mb-3">
                                <span class="site-title-tagline justify-content-start">
                                    <i class="flaticon-drive"></i> About Us
                                </span>
                                <h2 class="site-title">
                                    We Provide Trusted <span>Cab Service</span> In The World
                                </h2>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="about-left wow fadeInLeft" data-wow-delay=".25s">
                            <div class="about-img">
                                <img src="{{asset('public/storage/'.$data->image)}}" alt="About Image" class="img-fluid w-100">
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="about-right wow fadeInRight" data-wow-delay=".25s">
                            <p>{!! $data->description !!}</p>
                            <a href="{{url('/about')}}" class="theme-btn mt-4">Discover More
                                <i class="fas fa-arrow-right"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <div class="counter-area">
            <div class="container">
                <div class="counter-wrapper mb-0">
                    <div class="row">
                        <div class="col-lg-3 col-sm-6">
                            <div class="counter-box">
                                <div class="icon">
                                    <img src="{{asset('public/assets/img/icon/taxi-1.svg')}}" alt>
                                </div>
                                <div>
                                    <span class="counter" data-count="+" data-to="500" data-speed="3000">500</span>
                                    <strong class="title">+ Available Taxi </strong>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-6">
                            <div class="counter-box">
                                <div class="icon">
                                    <img src="{{asset('public/assets/img/icon/happy.svg')}}" alt>
                                </div>
                                <div>
                                    <span class="counter" data-count="+" data-to="900" data-speed="3000">900</span>
                                    <strong class="title">+ Happy Clients</strong>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-6">
                            <div class="counter-box">
                                <div class="icon">
                                    <img src="{{asset('public/assets/img/icon/driver.svg')}}" alt>
                                </div>
                                <div>
                                    <span class="counter" data-count="+" data-to="700" data-speed="3000">700</span>
                                    <strong class="title">+ Our Drivers</strong>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-6">
                            <div class="counter-box">
                                <div class="icon">
                                    <img src="{{asset('public/assets/img/icon/trip.svg')}}" alt>
                                </div>
                                <div>
                                    <span class="counter" data-count="+" data-to="1800" data-speed="3000">1800</span>
                                    <strong class="title">+ Road Trip Done</strong>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <div class="testimonial-area py-50">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 mx-auto">
                        <div class="site-heading text-center">
                            <span class="site-title-tagline"><i class="flaticon-drive"></i> Testimonials</span>
                            <h3 class="site-title text-white">What Our Client <span>Say's</span></h3>
                            <div class="heading-divider"></div>
                        </div>
                    </div>
                </div>
                <div class="testimonial-slider owl-carousel owl-theme">

                    @foreach ($reviewData as $reviewRow)
                    <div class="testimonial-single">
                        <div class="testimonial-content">
                            <div class="testimonial-author-img">
                                @if ($reviewRow->image != null)
                                <img src="{{asset('public/storage/'.$reviewRow->image)}}" alt="{{$reviewRow->name}}">
                                @else
                                <img src="{{asset('public/assets/img/testimonial/user.png')}}" alt="Review-{{$loop->iteration}}">
                                @endif
                            </div>
                            <div class="testimonial-author-info">
                                <strong>{{$reviewRow->name}}</strong>
                                <p>{{$reviewRow->location}}</p>
                            </div>
                        </div>
                        <div class="testimonial-quote">
                            <span class="testimonial-quote-icon"><i class="far fa-quote-right"></i></span>
                            <p>{{$reviewRow->message}}</p>
                        </div>
                        <div class="testimonial-rate">
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star"></i>
                            <i class="fas fa-star"></i>
                        </div>
                    </div>
                    @endforeach
                </div>
            </div>
        </div>
    </main>
@endsection