@extends('public.layout.app')
@section('title','Catalogue | PACHA PAINTS')

@section('body')
<section class="hero">
    <div class="container">
        <div class="pill mb-3"><i class="fa-solid fa-book brand-dot"></i> Catalogue</div>
        <div class="row g-4 align-items-center">
            <div class="col-lg-6">
                <h2 class="fw-bold mb-2">Download product catalogue</h2>
                <p class="muted">
                    Get full list of products, finishes, sizes, coverage and recommended applications.
                </p>

                <div class="cardx p-3">
                    <div class="d-flex gap-3 align-items-center">
                        <div class="btn btn-outline-brand"><i class="fa-solid fa-file-pdf"></i></div>
                        <div>
                            <div class="fw-semibold">PACHA Paints Catalogue (PDF)</div>
                            <div class="muted small">Updated monthly • 5–10MB</div>
                        </div>
                        <div class="ms-auto">
                            <a class="btn btn-brand btn-sm" href="#">
                                <i class="fa-solid fa-download me-1"></i> Download
                            </a>
                        </div>
                    </div>
                </div>

                <div class="mt-3 muted small">
                    * دلته ستاسو ریښتینی PDF لینک/فایل به واچوو (storage/public/catalogue.pdf)
                </div>
            </div>

            <div class="col-lg-6">
                <div class="cardx p-3">
                    <img class="w-100 rounded-4"
                         src="https://images.unsplash.com/photo-1519710164239-da123dc03ef4?auto=format&fit=crop&w=1400&q=70"
                         alt="" style="height:420px;object-fit:cover;border:1px solid rgba(37,32,34,.12);">
                </div>
            </div>
        </div>
    </div>
</section>
@endsection