@extends('frontend.layouts.app')
@section('content')
    <div class="container-fluid bg-breadcrumb">
        <div class="container text-center py-5" style="max-width: 900px;">
            <h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">Project Details</h4>
            <ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
                <li class="breadcrumb-item"><a href="{{ url('/') }}">Home</a></li>
                <li class="breadcrumb-item"><a href="{{ url('/projects') }}">Projects</a></li>
                <li class="breadcrumb-item active text-primary">Project One</li>
            </ol>
        </div>
    </div>

    <div class="container py-5">
        <div class="row g-5">
            <div class="col-lg-7 wow fadeInLeft" data-wow-delay="0.2s">
                <img src="{{ asset('assets/frontend/img/blog-1.png') }}" alt="Project Image"
                    class="img-fluid rounded w-100 mb-4">
                <h1 class="mb-4">Project One</h1>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quam, earum. Eos doloribus voluptatum ipsa,
                    reprehenderit, quos dolores itaque minima nulla officiis beatae totam modi quidem, quas debitis
                    laborum aut animi.</p>
                <p>We aimed to impact the lives of underprivileged communities by providing sustainable solutions.
                    Through this initiative, we successfully delivered access to healthcare, clean water, and basic
                    education for over 2,000 people in the region.</p>
                <p>This project was completed in collaboration with several local organizations, ensuring community
                    involvement and long-term sustainability.</p>
            </div>

            <div class="col-lg-5 wow fadeInRight" data-wow-delay="0.4s">
                <div class="bg-light rounded p-4">
                    <h4 class="mb-4">Project Information</h4>
                    <ul class="list-group list-group-flush mb-4">
                        <li class="list-group-item"><strong>Category:</strong> Community Support</li>
                        <li class="list-group-item"><strong>Location:</strong> Dhaka, Bangladesh</li>
                        <li class="list-group-item"><strong>Completed:</strong> May 2024</li>
                        <li class="list-group-item"><strong>Budget:</strong> $50,000</li>
                        <li class="list-group-item"><strong>Beneficiaries:</strong> 2,000+ individuals</li>
                    </ul>
                    <a class="btn btn-primary rounded-pill px-4" href="{{ url('/projects') }}">Back to Projects</a>
                </div>
            </div>
        </div>
    </div>
@endsection