@extends('front.layouts.layout')
@section('content')
    <!-- Page Header Start -->
    <div class="container-fluid page-header py-6 my-6 mt-0 wow fadeIn" data-wow-delay="0.1s">
        <div class="container text-center">
            <h1 class="display-4 text-white animated slideInDown mb-4">News</h1>
        </div>
    </div>
    <!-- Page Header End -->

<div class="container py-5">
    <h1 class="text-center mb-5 fw-bold">Latest News</h1>
    <div class="row row-cols-1 row-cols-md-3 g-4">
      
      <!-- News Card 1 -->
      <div class="col">
        <div class="card h-100 shadow-sm border-0 rounded-3">
          <img src="{{ asset('images/7.jpeg') }}" class="card-img-top" alt="News Image 1">
          <div class="card-body">
            <h5 class="card-title">Breaking News: New Technology Unveiled</h5>
            <p class="card-text text-muted">Discover the latest advancements in AI technology that promise to revolutionize the industry. This new development offers unprecedented capabilities for automation and data analysis.</p>
          </div>
          <div class="card-footer bg-transparent border-0">
              <small class="text-secondary">August 25, 2025</small>
            </div>
            <a href="{{ route('new') }}" class="btn btn-primary mt-auto">Read More</a>
        </div>
      </div>
 
    </div>
  </div>
@endsection