@extends('layouts.app')

@section('title', 'Projects')
@section('meta_description', 'Recent power plant repair, maintenance, and upgrade projects by ARZYLY MENZILE TARAP.')

@section('content')
<section class="page-hero">
    <div class="container">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
                <li class="breadcrumb-item active" aria-current="page">Projects</li>
            </ol>
        </nav>
        <h1>Our Projects</h1>
        <p class="mb-0 opacity-90">Selected power plant repair, maintenance, and modernization projects.</p>
    </div>
</section>

<section class="py-5">
    <div class="container">
        <p class="text-center text-muted mx-auto mb-5" style="max-width: 700px;">From emergency repairs to full turbine overhauls and control system upgrades, our team has delivered hundreds of projects for utilities and industrial clients, including partners like TurkmenGaz and TurkmenEnergo.</p>
        <div class="row g-4">
            <div class="col-md-6 col-lg-4">
                <div class="project-card card border-0">
                    <img src="https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=600&h=400&fit=crop" alt="Turbine Overhaul">
                    <div class="card-body">
                        <h6 class="card-title fw-bold">Turbine Overhaul</h6>
                        <p class="card-text small text-muted mb-1">Full inspection and repair of gas turbines for improved efficiency and extended life.</p>
                        <span class="badge bg-secondary small">Gas turbine</span>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-lg-4">
                <div class="project-card card border-0">
                    <img src="https://images.unsplash.com/photo-1473341304170-971dccb5ac1e?w=600&h=400&fit=crop" alt="Control System Upgrade">
                    <div class="card-body">
                        <h6 class="card-title fw-bold">Control System Upgrade</h6>
                        <p class="card-text small text-muted mb-1">Modernization of SCADA and control systems for better reliability and operator interface.</p>
                        <span class="badge bg-secondary small">SCADA / DCS</span>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-lg-4">
                <div class="project-card card border-0">
                    <img src="https://images.unsplash.com/photo-1581091226825-a6a2a5aee158?w=600&h=400&fit=crop" alt="Preventive Maintenance Program">
                    <div class="card-body">
                        <h6 class="card-title fw-bold">Preventive Maintenance Program</h6>
                        <p class="card-text small text-muted mb-1">Year-round scheduled maintenance for a regional power station.</p>
                        <span class="badge bg-secondary small">Maintenance</span>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-lg-4">
                <div class="project-card card border-0">
                    <img src="https://images.unsplash.com/photo-1504384308090-c894fdcc538d?w=600&h=400&fit=crop" alt="Boiler Inspection">
                    <div class="card-body">
                        <h6 class="card-title fw-bold">Boiler Inspection & Repair</h6>
                        <p class="card-text small text-muted mb-1">Comprehensive boiler inspection and targeted repairs to restore design performance.</p>
                        <span class="badge bg-secondary small">Boiler</span>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-lg-4">
                <div class="project-card card border-0">
                    <img src="https://images.unsplash.com/photo-1565793298595-6a879b1d7492?w=600&h=400&fit=crop" alt="Generator Rewind">
                    <div class="card-body">
                        <h6 class="card-title fw-bold">Generator Rewind & Testing</h6>
                        <p class="card-text small text-muted mb-1">Stator rewind and full electrical testing for a 100 MW unit.</p>
                        <span class="badge bg-secondary small">Generator</span>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-lg-4">
                <div class="project-card card border-0">
                    <img src="https://images.unsplash.com/photo-1621905252507-b35492cc74b4?w=600&h=400&fit=crop" alt="Emergency Repair">
                    <div class="card-body">
                        <h6 class="card-title fw-bold">Emergency Bearing Replacement</h6>
                        <p class="card-text small text-muted mb-1">Rapid response to bearing failure; unit returned to service within 72 hours.</p>
                        <span class="badge bg-secondary small">Emergency</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="py-5 bg-light">
    <div class="container text-center">
        <h2 class="section-title centered">Start Your Next Project</h2>
        <p class="text-muted mb-4">Discuss your repair, maintenance, or upgrade needs with our team.</p>
        <a href="{{ route('contact') }}" class="btn btn-quote">Contact Us</a>
    </div>
</section>
@endsection
