@extends('layouts.site')

@section('content')
    @include('frontend.common.breadcrumb')


    <!-- Projects Listing -->
    <section class="projects-listing-section">
        <div class="container">
            <div class="section-header">
                <div class="project-filters">
                    <button class="filter-btn active" data-filter="all">All Projects</button>
                    <button class="filter-btn" data-filter="education">Educational</button>
                    <button class="filter-btn" data-filter="social">Social</button>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4 col-md-6 mb-4">
                    <div class="project-card" data-category="education">
                        <div class="project-img">
                            <img src="https://lighttechnologiesbd.com/storage/settings/pVy93kNJ51rzxQkfh2GmOqucQhawXiRzcIKX6sAn.png"
                                alt="Scholarship Program" class="img-fluid">
                            <span class="project-badge">Education</span>
                        </div>
                        <div class="project-content">
                            <h4>Scholarship Program</h4>
                            <p>Supporting underprivileged students with quality education opportunities and financial
                                assistance.</p>
                            <div class="project-meta">
                                <span><i class="bi bi-people"></i> 5,000+ Students</span>
                                <span><i class="bi bi-geo-alt"></i> 15 Districts</span>
                            </div>
                            <a href="project-detail.php?id=1" class="btn btn-link-more">Read more <i
                                    class="bi bi-arrow-right"></i></a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 mb-4">
                    <div class="project-card" data-category="social">
                        <div class="project-img">
                            <img src="https://lighttechnologiesbd.com/storage/settings/pVy93kNJ51rzxQkfh2GmOqucQhawXiRzcIKX6sAn.png"
                                alt="Community Health" class="img-fluid">
                            <span class="project-badge">Social</span>
                        </div>
                        <div class="project-content">
                            <h4>Community Health Program</h4>
                            <p>Providing healthcare services to rural communities across the region with mobile clinics.</p>
                            <div class="project-meta">
                                <span><i class="bi bi-people"></i> 10,000+ Served</span>
                                <span><i class="bi bi-geo-alt"></i> 20 Districts</span>
                            </div>
                            <a href="project-detail.php?id=2" class="btn btn-link-more">Read more <i
                                    class="bi bi-arrow-right"></i></a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 mb-4">
                    <div class="project-card" data-category="education">
                        <div class="project-img">
                            <img src="https://lighttechnologiesbd.com/storage/settings/pVy93kNJ51rzxQkfh2GmOqucQhawXiRzcIKX6sAn.png"
                                alt="Digital Learning" class="img-fluid">
                            <span class="project-badge">Education</span>
                        </div>
                        <div class="project-content">
                            <h4>Digital Learning Initiative</h4>
                            <p>Bringing technology and digital resources to classrooms nationwide for modern education.</p>
                            <div class="project-meta">
                                <span><i class="bi bi-people"></i> 3,000+ Students</span>
                                <span><i class="bi bi-geo-alt"></i> 10 Districts</span>
                            </div>
                            <a href="project-detail.php?id=3" class="btn btn-link-more">Read more <i
                                    class="bi bi-arrow-right"></i></a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 mb-4">
                    <div class="project-card" data-category="social">
                        <div class="project-img">
                            <img src="https://lighttechnologiesbd.com/storage/settings/pVy93kNJ51rzxQkfh2GmOqucQhawXiRzcIKX6sAn.png"
                                alt="Women Empowerment" class="img-fluid">
                            <span class="project-badge">Social</span>
                        </div>
                        <div class="project-content">
                            <h4>Women Empowerment</h4>
                            <p>Skills training and entrepreneurship programs for women in rural communities.</p>
                            <div class="project-meta">
                                <span><i class="bi bi-people"></i> 2,000+ Women</span>
                                <span><i class="bi bi-geo-alt"></i> 12 Districts</span>
                            </div>
                            <a href="project-detail.php?id=4" class="btn btn-link-more">Read more <i
                                    class="bi bi-arrow-right"></i></a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 mb-4">
                    <div class="project-card" data-category="education">
                        <div class="project-img">
                            <img src="https://lighttechnologiesbd.com/storage/settings/pVy93kNJ51rzxQkfh2GmOqucQhawXiRzcIKX6sAn.png"
                                alt="Teacher Training" class="img-fluid">
                            <span class="project-badge">Education</span>
                        </div>
                        <div class="project-content">
                            <h4>Teacher Training Program</h4>
                            <p>Professional development and capacity building for educators across our institutions.</p>
                            <div class="project-meta">
                                <span><i class="bi bi-people"></i> 500+ Teachers</span>
                                <span><i class="bi bi-geo-alt"></i> 8 Districts</span>
                            </div>
                            <a href="project-detail.php?id=5" class="btn btn-link-more">Read more <i
                                    class="bi bi-arrow-right"></i></a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 mb-4">
                    <div class="project-card" data-category="social">
                        <div class="project-img">
                            <img src="https://lighttechnologiesbd.com/storage/settings/pVy93kNJ51rzxQkfh2GmOqucQhawXiRzcIKX6sAn.png"
                                alt="Clean Water" class="img-fluid">
                            <span class="project-badge">Social</span>
                        </div>
                        <div class="project-content">
                            <h4>Clean Water Initiative</h4>
                            <p>Installing water purification systems and wells in underserved communities.</p>
                            <div class="project-meta">
                                <span><i class="bi bi-people"></i> 15,000+ Beneficiaries</span>
                                <span><i class="bi bi-geo-alt"></i> 18 Districts</span>
                            </div>
                            <a href="project-detail.php?id=6" class="btn btn-link-more">Read more <i
                                    class="bi bi-arrow-right"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection