@extends('website.mobile.layouts.app')
@section('title'){!! @$page_categories->meta_title !!} @endsection 
@section('description'){!! @$page_categories->meta_description !!} @endsection 
@section('keywords'){!! @$page_categories->meta_keywords !!} @endsection 
@section('robots')@if(!empty(@$page_categories->robots)){!! @$pages_categories->robots !!}@else noindex,nofollow @endif @endsection

@section('main')
{{-- Newsroom Section --}}
{{-- <section class="newsroom-section">
    <div class="container">
        <div class="newsroom-main">
            <h1 class="newsroom-title">Gradding’s Newsroom</h1>
            <ul class="breadcrumbs">
                <li class="breadcrumbs-list"><a href="{{ route('website.home') }}" class="link">Home</a></li>
                <li class="breadcrumbs-list"><a href="javascript:;" class="link">Newsroom</a></li>
            </ul>
        </div>
    </div>
</section> --}}
<section class="media-strip">
    <div class="container strip-box">
        <div class="strip-content">
            <p class="stp-head">Welcome to Gradding’s Newsroom</p>
            <span class="sub-head">India’s most trusted study abroad platform is recognized by major media channels</span>
            <ul class="media-list">
                <div class="list-item"><img src="{{ asset('frontend') }}/assets-mobile/images/media/women-making.png" alt="media-image1" width="100%" height="100%"></div>
                <div class="list-item"><img src="{{ asset('frontend') }}/assets-mobile/images/media/apple-podcast.png" alt="media-image2" width="100%" height="100%"></div>
                <div class="list-item"><img src="{{ asset('frontend') }}/assets-mobile/images/media/women-making.png" alt="media-image1" width="100%" height="100%"></div>
                <div class="list-item"><img src="{{ asset('frontend') }}/assets-mobile/images/media/apple-podcast.png" alt="media-image2" width="100%" height="100%"></div>
                <div class="list-item"><img src="{{ asset('frontend') }}/assets-mobile/images/media/women-making.png" alt="media-image1" width="100%" height="100%"></div>
                <div class="list-item"><img src="{{ asset('frontend') }}/assets-mobile/images/media/apple-podcast.png" alt="media-image2" width="100%" height="100%"></div>
                <div class="list-item"><img src="{{ asset('frontend') }}/assets-mobile/images/media/women-making.png" alt="media-image1" width="100%" height="100%"></div>
                <div class="list-item"><img src="{{ asset('frontend') }}/assets-mobile/images/media/apple-podcast.png" alt="media-image2" width="100%" height="100%"></div>
                <div class="list-item"><img src="{{ asset('frontend') }}/assets-mobile/images/media/women-making.png" alt="media-image1" width="100%" height="100%"></div>
                <div class="list-item"><img src="{{ asset('frontend') }}/assets-mobile/images/media/apple-podcast.png" alt="media-image2" width="100%" height="100%"></div>
            </ul>
        </div>
    </div>
</section>
{{-- Trending News section --}}
<section class="trending-news-section">
    <div class="container">
        <div class="trending-news">
            <div class="news-list">
                <a href="javascript:;" data-value="grad-news" class="news-links active" onclick="openTab(event, 'grad-news')">Gradding in News</a>
                <a href="javascript:;" data-value="press-rel" class="press-rel news-links" onclick="openTab(event, 'press-rel')">Press Release</a>
                <a href="javascript:;" data-value="auth-art" class="auth-art news-links" onclick="openTab(event, 'auth-art')">Authored Article</a>
                <a href="javascript:;" data-value="social-med" class="social-med news-links" onclick="openTab(event, 'social-med')">Social Media Coverage</a>
            </div>
        </div>
        <div class="loader-div">
            <div class="news-card tabcontent" id="grad-news">                
                <a href="javascript:;" class="single-news-card">
                    <img width="100%" height="100%" src="{{ asset('frontend') }}/assets-mobile/images/media/media3.png" alt="news-image" class="news-image">
                    <div class="trending-news-desc">
                        <p class="news-timeline">India Retailing</p>
                        <h2 class="trending-news-title">Eyeing 300 stores in 36 months: Lokendra Rana...</h2>
                        <p class="news-timeline news-date">23 Sep 2023</p>
                    </div>
                </a>
                <a href="javascript:;" class="single-news-card">
                    <img width="100%" height="100%" src="{{ asset('frontend') }}/assets-mobile/images/media/media1.png" alt="news-image" class="news-image">
                    <div class="trending-news-desc">
                        <p class="news-timeline">India Retailing</p>
                        <h2 class="trending-news-title">Eyeing 300 stores in 36 months: Lokendra Rana...</h2>
                        <p class="news-timeline news-date">23 Sep 2023</p>
                    </div>
                </a>
                <a href="javascript:;" class="single-news-card">
                    <img width="100%" height="100%" src="{{ asset('frontend') }}/assets-mobile/images/media/media1.png" alt="news-image" class="news-image">
                    <div class="trending-news-desc">
                        <p class="news-timeline">India Retailing</p>
                        <h2 class="trending-news-title">Eyeing 300 stores in 36 months: Lokendra Rana...</h2>
                        <p class="news-timeline news-date">23 Sep 2023</p>
                    </div>
                </a>
            </div>
            <div class="news-card tabcontent" id="press-rel">
                <a href="javascript:;" class="single-news-card">
                    <img width="100%" height="100%" src="{{ asset('frontend') }}/assets-mobile/images/media/media1.png" alt="news-image" class="news-image">
                    <div class="trending-news-desc">
                        <p class="news-timeline">India Retailing</p>
                        <h2 class="trending-news-title">Eyeing 300 stores in 36 months: Lokendra Rana...</h2>
                        <p class="news-timeline news-date">23 Sep 2023</p>
                    </div>
                </a>
                
                <a href="javascript:;" class="single-news-card">
                    <img width="100%" height="100%" src="{{ asset('frontend') }}/assets-mobile/images/media/media3.png" alt="news-image" class="news-image">
                    <div class="trending-news-desc">
                        <p class="news-timeline">India Retailing</p>
                        <h2 class="trending-news-title">Eyeing 300 stores in 36 months: Lokendra Rana...</h2>
                        <p class="news-timeline news-date">23 Sep 2023</p>
                    </div>
                </a>
            </div>
            <div class="news-card tabcontent" id="auth-art">
                <a href="javascript:;" class="single-news-card">
                    <img width="100%" height="100%" src="{{ asset('frontend') }}/assets-mobile/images/media/media1.png" alt="news-image" class="news-image">
                    <div class="trending-news-desc">
                        <p class="news-timeline">India Retailing</p>
                        <h2 class="trending-news-title">Eyeing 300 stores in 36 months: Lokendra Rana...</h2>
                        <p class="news-timeline news-date">23 Sep 2023</p>
                    </div>
                </a>
                
                <a href="javascript:;" class="single-news-card">
                    <img width="100%" height="100%" src="{{ asset('frontend') }}/assets-mobile/images/media/media3.png" alt="news-image" class="news-image">
                    <div class="trending-news-desc">
                        <p class="news-timeline">India Retailing</p>
                        <h2 class="trending-news-title">Eyeing 300 stores in 36 months: Lokendra Rana...</h2>
                        <p class="news-timeline news-date">23 Sep 2023</p>
                    </div>
                </a>
                <a href="javascript:;" class="single-news-card">
                    <img width="100%" height="100%" src="{{ asset('frontend') }}/assets-mobile/images/media/media1.png" alt="news-image" class="news-image">
                    <div class="trending-news-desc">
                        <p class="news-timeline">India Retailing</p>
                        <h2 class="trending-news-title">Eyeing 300 stores in 36 months: Lokendra Rana...</h2>
                        <p class="news-timeline news-date">23 Sep 2023</p>
                    </div>
                </a>
            </div>
            <div class="news-card tabcontent" id="social-med">
                <a href="javascript:;" class="single-news-card">
                    <img width="100%" height="100%" src="{{ asset('frontend') }}/assets-mobile/images/media/media1.png" alt="news-image" class="news-image">
                    <div class="trending-news-desc">
                        <p class="news-timeline">India Retailing</p>
                        <h2 class="trending-news-title">Eyeing 300 stores in 36 months: Lokendra Rana...</h2>
                        <p class="news-timeline news-date">23 Sep 2023</p>
                    </div>
                </a>
                
            </div>
            <div id="filterloader" class="model" style="display: none;">
                <div class="model-content">
                    <img src="{{ asset('frontend') }}/assets-desktop/images/modal/loader.gif" alt="">
                </div>
            </div>
        </div>
        
    </div>
</section>
{{-- Latest Release New --}}
<section class="latest-release-section">
    <div class="container">
        <h2 class="latest-release-title">Latest Releases</h2>
        <div class="latest-release-news-card">
            {{-- <a href="javascript:;" class="single-news-card">
                <p class="news-timeline">India Retailing</p>
                <h3 class="news-title">Eyeing 300 stores in 36 months: Lokendra Ranawat Eyeing 300 stores in 36 months: Lokendra Rana</h3>
                <p class="news-timeline news-date">23 Sep 2023</p>
            </a>
            <a href="javascript:;" class="single-news-card">
                <p class="news-timeline">India Retailing</p>
                <h3 class="news-title">Eyeing 300 stores in 36 months: Lokendra Ranawat Eyeing 300 stores in 36 months: Lokendra Rana</h3>
                <p class="news-timeline news-date">23 Sep 2023</p>
            </a>
            <a href="javascript:;" class="single-news-card">
                <p class="news-timeline">India Retailing</p>
                <h3 class="news-title">Eyeing 300 stores in 36 months: Lokendra Ranawat Eyeing 300 stores in 36 months: Lokendra Rana</h3>
                <p class="news-timeline news-date">23 Sep 2023</p>
            </a>
            <a href="javascript:;" class="single-news-card">
                <p class="news-timeline">India Retailing</p>
                <h3 class="news-title">Eyeing 300 stores in 36 months: Lokendra Ranawat Eyeing 300 stores in 36 months: Lokendra Rana</h3>
                <p class="news-timeline news-date">23 Sep 2023</p>
            </a> --}}
        </div>
        <a href="javascript:;" class="news-loader">Load More
            <span class="loader"></span>
        </a>
    </div>
</section>
{{-- Faq Section --}}
{{-- @if($faqs->isNotEmpty())
<section class="faq-section">
    <div class="container">
    <h2>Frequently Asked Questions</h2>
    <div class="accordion">
        @foreach(@$faqs as $faq)
            <div class="accordion-item">
                <button  aria-expanded="false">
                    <span class="accordion-title">{{ @$faq->question }}</span>
                    <span class="icon" aria-hidden="true"></span>
                </button>
                <div class="accordion-content">
                    <p>
                        {!! @$faq->answer !!}
                    </p>
                </div>
            </div>
        @endforeach --}}
        {{-- <div class="accordion-item">
            <button  aria-expanded="false">
                <span class="accordion-title">What is Gradding.com?</span>
                <span class="icon" aria-hidden="true"></span>
            </button>
            <div class="accordion-content">
                <p>
                    Lorem ipsum dolor sit, amet consectetur adipisicing elit. Nihil quod enim vitae, quasi quidem at.
                </p>
            </div>
        </div>
        <div class="accordion-item">
            <button  aria-expanded="false">
                <span class="accordion-title">What is Gradding.com?</span>
                <span class="icon" aria-hidden="true"></span>
            </button>
            <div class="accordion-content">
                <p>
                    Lorem ipsum dolor sit, amet consectetur adipisicing elit. Nihil quod enim vitae, quasi quidem at.
                </p>
            </div>
        </div>
        <div class="accordion-item">
            <button  aria-expanded="false">
                <span class="accordion-title">What is Gradding.com?</span>
                <span class="icon" aria-hidden="true"></span>
            </button>
            <div class="accordion-content">
                <p>
                    Lorem ipsum dolor sit, amet consectetur adipisicing elit. Nihil quod enim vitae, quasi quidem at.
                </p>
            </div>
        </div>
        <div class="accordion-item">
            <button  aria-expanded="false">
                <span class="accordion-title">What is Gradding.com?</span>
                <span class="icon" aria-hidden="true"></span>
            </button>
            <div class="accordion-content">
                <p>
                    Lorem ipsum dolor sit, amet consectetur adipisicing elit. Nihil quod enim vitae, quasi quidem at.
                </p>
            </div>
        </div> --}}
{{--         
    </div>
    </div>
</section>
@endif --}}
{{-- quick links --}}
<section class="quick-link">
    <div class="container">
        <h3>Quick Links</h3>
        <div class="links">
            @php
                $links = json_decode(@$page_categories->quick_links)
            @endphp
            @if(!empty(@$links))
                @foreach(@$links as $link)
                    <a href="{{ @$link->link_url }}">{{ @$link->link_name }}</a>
                @endforeach
            @else
                <a href="/uk/universities">UK Top Universities</a>
                <a href="/us/universities">US Top Universities</a>
                <a href="/uk">Study in UK</a>
                <a href="/us">Study in USA</a>
                <a href="/au">Study in Australia </a>
                <a href="/consultancy">Get Consultancy </a>
            @endif
        </div>
        <div class="content-container-div">
            <div class="content-container">
                @if(!empty(@$page_categories->mobile_link_desc))
                    {!! @$page_categories->mobile_link_desc !!}
                @else
                    <p>As your dedicated study abroad consultancy, we offer tailored services to meet your needs. With up-to-date knowledge of various study destinations, admission requirements, and academic programs, we provide reliable information for students aspiring to study abroad. Choose Gradding for a hassle-free experience, exceptional customer service, and prompt query resolution. Trust us to be your reliable partner, offering expert guidance and support throughout your international study abroad journey. Start your transformative experience today.
                        We are the best consultants for studying abroad, and we can open the door to study abroad success. With our comprehensive range of services, experienced counsellors, and personalised guidance, our study abroad agents are dedicated to helping you live your dreams. Let us be your trusted partner on this transformative journey towards a brighter future.</p>
                @endif
            </div>
                <a href="javascript:;" class="toggle-button">Read More</a>
        </div>
    </div>
</section>
@endsection

@section('css')
<link rel="stylesheet" type="text/css" href="{{ asset('frontend') }}/assets-mobile/css/media.css?v={{ env('ASSETS_VERSION')}}">
@endsection

@section ('script')
<script src="{{asset('frontend')}}/assets-mobile/js/media.js?v={{ env('ASSETS_VERSION')}}"></script>
@endsection