@extends('layout.main')

@push('title')
   
    <title>About Us - Challa Brothers Tour and Travel</title>
	<meta name="description" content="Explore Varanasi & Bodh Gaya tours with trusted taxis. Read more about us now!"/>
	<meta name="author" content="Challa Brothers Tour and Travels"/>
	<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="Copyright Challa Brothers Tour and Travels 2023"/>
	<!--General Meta End-->
	
	<!--canonical tag-->
    <link rel="canonical" href="https://www.challabrotherstourandtravel.com/about"/>
    
     <!--Open Graph Meta Start-->
    <meta property="og:type" content="website"/>
    <meta property="og:title" content="About Us - Challa Brothers Tour and Travel"/>
    <meta property="og:description" content="Explore Varanasi & Bodh Gaya tours with trusted taxis. Read more about us now!"/>
    <meta property="og:url" content="https://www.challabrotherstourandtravel.com/about" />
    <meta property="og:image" content="https://www.challabrotherstourandtravel.com/public/storage/logo/1699010233challa-logo1.png"/>
    <!--Open Graph end-->

<script type="application/ld+json">
{
  "@context": "https://schema.org/", 
  "@type": "BreadcrumbList", 
  "itemListElement": [{
    "@type": "ListItem", 
    "position": 1, 
    "name": "Home",
    "item": "https://www.challabrotherstourandtravel.com/"  
  },{
    "@type": "ListItem", 
    "position": 2, 
    "name": "About",
    "item": "https://www.challabrotherstourandtravel.com/about"  
  },]
}
</script>
   

@endpush

@section('main-section')
    <!--============= PAGE-COVER =============-->
    <section class="page-cover" id="cover-about-us">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h1 class="page-title">About Us</h1>
                    <ul class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{url('/')}}">Home</a></li>
                        <li class="breadcrumb-item">About Us</li>
                    </ul>
                </div><!-- end columns -->
            </div><!-- end row -->
        </div><!-- end container -->
    </section><!-- end page-cover -->
    <!--===== INNERPAGE-WRAPPER ====-->
    <!--===== INNERPAGE-WRAPPER ====-->
    <section class="innerpage-wrapper">
        <div id="about-us">
            <div id="about-content" class="section-padding">
                <div class="container">
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="flex-content">
                                <div class="flex-content-img about-img">
                                    <img src="{{asset('public/storage/'.$data->image)}}" class="img-fluid" alt="{{$data->title}}" style="object-fit: cover" />
                                </div><!-- end about-img -->
                                <div class="about-text">
                                    <div class="about-detail">
                                        <h2>About Challa Brothers Tour and Travel</h2>
                                        {!! $data->description !!}
                                    </div><!-- end about-detail -->
                                </div><!-- end about-text -->
                            </div><!-- end flex-content -->
                        </div><!-- end columns -->
                    </div><!-- end row -->
                </div><!-- end container -->
            </div><!-- end about-content -->
        </div><!-- end about-us -->
    </section><!-- end innerpage-wrapper -->
    <!--==================== TESTIMONIALS ====================-->
    <section id="testimonials" class="section-padding back-size">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="page-heading white-heading">
                        <h2>Testimonials</h2>
                        <hr class="heading-line" />
                    </div><!-- end page-heading -->
    
                    <div class="carousel slide" data-ride="carousel" id="quote-carousel">
                        <div class="carousel-inner text-center">
                            
                            @foreach ($reviewData as $reviewRow)
                            @if ($loop->iteration == 1)
                            <div class="carousel-item active">
                                <blockquote>{{$reviewRow->message}}</blockquote>
                                <div class="rating">
                                    <span><i class="fa fa-star orange"></i></span>
                                    <span><i class="fa fa-star orange"></i></span>
                                    <span><i class="fa fa-star orange"></i></span>
                                    <span><i class="fa fa-star orange"></i></span>
                                    <span><i class="fa fa-star lightgrey"></i></span>
                                </div><!-- end rating -->
                                
                                <small>{{$reviewRow->name}}</small>
                            </div><!-- end item -->
                            @else
                            <div class="carousel-item">
                                <blockquote>{{$reviewRow->message}}</blockquote>
                                <div class="rating">
                                    <span><i class="fa fa-star orange"></i></span>
                                    <span><i class="fa fa-star orange"></i></span>
                                    <span><i class="fa fa-star orange"></i></span>
                                    <span><i class="fa fa-star orange"></i></span>
                                    <span><i class="fa fa-star lightgrey"></i></span>
                                </div><!-- end rating -->
                                
                                <small>{{$reviewRow->name}}</small>
                            </div><!-- end item -->
                            @endif
                            @endforeach
                        </div><!-- end carousel-inner -->
                        
                    </div><!-- end quote-carousel -->
                </div><!-- end columns -->
            </div><!-- end row -->
        </div><!-- end container -->
    </section><!-- end testimonials --> 
        
          
@endsection