@extends('layouts.default')
@section('title', 'Read the Latest Ecommerce News | Synamen')
@section('description', 'Looking for ecommerce news? Check out our site')
@section('keywords', 'Ecommerce news')
@section('content')
<section class="bg-[url('/assets/img/home-page/product/news.webp')] bg-no-repeat bg-fixed bg-[center_top_-7rem] bg-center">
    <div class="container">
        <div class="text-center wow fadeInUp" data-wow-delay="0.1s">
            <h3 class="text-4xl	font-medium	py-7 sm:py-12 md:py-16 lg:py-16 text-white aligncenter">NEWS</h3>
        </div>
    </div>
</section>
<section class="my-[3%]">
  <div class="container lg:flex wow fadeInUp" data-wow-delay="0.2s">
    <div class="lg:w-5/6">
      @foreach($BlogPost as $news)
      <div class="pt-10">
        <p class="mt-5">{{ date('d M Y', strtotime($news->published_at)) }}</p>
        <h1 class="text-xl font-medium tracking-tight hover:text-[#9cc012] cursor-pointer"><a href="{{ url('news/'.$news->slug) }}">{{ $news->title }}</a></h1>
        <div class="text-sm mt-3.5 text-justify tracking-wider leading-6">{!! $news->content !!}</div> 
      </div>
      @endforeach
    </div>
  </div>
</section>
@stop