@extends('layouts.app')

@section('title', 'Industries')
@section('description', 'Harmony machinery applications for garment, bags, footwear, upholstery, and automotive production.')

@section('content')
<main>
    <section class="page-hero">
        <div class="container">
            <p class="eyebrow">Industries</p>
            <h1>Start with what you manufacture.</h1>
            <p class="lead">Find the Harmony workflow that matches your materials, production volume, and quality requirements.</p>
        </div>
    </section>

    <section class="block" style="border-bottom:none;">
        <div class="container">
            <div class="grid grid-2">
                @forelse ($industries as $i => $industry)
                    <article class="card industry-card">
                        <span class="index">0{{ $i + 1 }}</span>
                        <h2 style="margin-top:6px;">{{ $industry->title }}</h2>
                        <p>{{ $industry->description }}</p>
                        <a href="{{ route('contact') }}">Discuss your application &nearr;</a>
                    </article>
                @empty
                    <p>No industries published yet. Add them in the admin panel under Site Content → Industries.</p>
                @endforelse
            </div>
        </div>
    </section>
</main>
@endsection