@extends('layouts.default1400-page', ['title' => 'مقالات'])

@section('content')
 
<div class="lg:flex">


	<div class="lg:w-3/4">

        <x-newlayout.static.articles-headers />
         
        <!-- news list -->

        <x-newlayout.static.articles-news-all :items="$data" />
         
 
    </div>
    <!-- left side -->
    <div class="lg:w-1/4">

        <div class="flex h-6 m-2 w-full border-b-2 border-yellow-500 " href="#">
            <span class="bg-yellow-500 px-4 text-white"> پربازدیدها</span>
   
        </div>

        @foreach ($random_articles as $article)
        <x-newlayout.static.articles-item :item="$article" /> 
        @endforeach
        
    </div>

</div>
 
@stop