@extends('website.app')

@section('content')
    <section class="page-hero">
        <div class="container">
            <div class="page-hero-content" data-aos="fade-up">
                <h1>Fleet Heavy Equipment Solutions</h1>
                <ul class="breadcrumbs">
                    <li><a href="https://old-swit.test">Home</a></li>
                    <li><a href="https://old-swit.test/fleet">Fleet Industries</a></li>
                    <li>Fleet Heavy Equipment Solutions</li>
                </ul>
            </div>
        </div>
    </section>

    <!-- Fleet Details Section -->
    <section class="section-padding bg-white">
        <div class="container fleet-detail-grid">

            <!-- Main Content -->
            <div data-aos="fade-right">
                <div class="section-header" style="margin-bottom: 2rem;">
                    <span class="tag">Overview</span>
                    <h2>Industry Strategy & Performance Guidelines</h2>
                </div>
                <p style="font-size: 1.1rem; line-height: 1.8; margin-bottom: 2.5rem; color: var(--text-medium);">
                    Construction, mining, and agricultural heavy machinery operate in dusty, high-stress conditions. Swiftec
                    heavy-duty lubricants ensure peak hydraulic and engine productivity.</p>

                <h3 style="font-size: 1.5rem; margin-bottom: 1.5rem; color: var(--primary-color);">Lubrication Solutions &
                    Benefits</h3>
                <ul class="bullets-list" style="margin-bottom: 3rem;">
                    <li style="font-size: 1.05rem; margin-bottom: 1.25rem;">Anti-wear hydraulic oil preventing pump wear
                        under high pressures.</li>
                    <li style="font-size: 1.05rem; margin-bottom: 1.25rem;">Lithium complex grease withstanding shock loads
                        and dirt ingress.</li>
                    <li style="font-size: 1.05rem; margin-bottom: 1.25rem;">Robust gear oils preventing gear micro-pitting.
                    </li>
                </ul>

                <!-- Recommended Products -->
                <h3 style="font-size: 1.5rem; margin-bottom: 2rem; color: var(--primary-color);">Recommended Lubricants &
                    Fluids</h3>
                <div class="products-grid" style="grid-template-columns: repeat(2, 1fr); gap: 1.5rem;">
                    <div class="product-card" style="padding: 1.25rem;" data-aos="fade-up" data-aos-delay="100">
                        <span class="cat-badge" style="font-size: 0.7rem;">Hydraulic Oil</span>
                        <h4 style="font-size: 1.1rem; margin-bottom: 0.5rem;">Swiftec Premium Hydraulic Oil</h4>
                        <p style="font-size: 0.8rem; margin-bottom: 1rem; line-height: 1.5; min-height: auto;">Swiftec
                            Premium Hydraulic Oil is a premium anti-wear fluid designed for outstanding chemical stability,
                            corrosion protection, and power transfer in hydraulic systems.</p>
                        <a href="https://old-swit.test/products/hydraulic-oil"
                            style="font-size: 0.85rem; font-weight: 700; color: var(--secondary-color);">Specs & Datasheets
                            &rarr;</a>
                    </div>
                    <div class="product-card" style="padding: 1.25rem;" data-aos="fade-up" data-aos-delay="200">
                        <span class="cat-badge" style="font-size: 0.7rem;">Grease</span>
                        <h4 style="font-size: 1.1rem; margin-bottom: 0.5rem;">Swiftec Lithium Grease</h4>
                        <p style="font-size: 0.8rem; margin-bottom: 1rem; line-height: 1.5; min-height: auto;">Swiftec
                            Lithium Grease is a premium multi-purpose lithium soap-based grease formulated with anti-wear
                            agents to provide excellent lubrication under standard speeds and loads.</p>
                        <a href="https://old-swit.test/products/lithium-grease"
                            style="font-size: 0.85rem; font-weight: 700; color: var(--secondary-color);">Specs & Datasheets
                            &rarr;</a>
                    </div>
                    <div class="product-card" style="padding: 1.25rem;" data-aos="fade-up" data-aos-delay="300">
                        <span class="cat-badge" style="font-size: 0.7rem;">Grease</span>
                        <h4 style="font-size: 1.1rem; margin-bottom: 0.5rem;">Swiftec Calcium Grease</h4>
                        <p style="font-size: 0.8rem; margin-bottom: 1rem; line-height: 1.5; min-height: auto;">Swiftec
                            Calcium Grease is a water-resistant calcium soap-based grease engineered to provide superior
                            protection against moisture, washouts, and rust in marine and chassis systems.</p>
                        <a href="https://old-swit.test/products/calcium-grease"
                            style="font-size: 0.85rem; font-weight: 700; color: var(--secondary-color);">Specs & Datasheets
                            &rarr;</a>
                    </div>
                </div>
            </div>

            <!-- Sidebar Challenges -->
            <aside class="challenges-panel" data-aos="fade-left">
                <h3>Key Operational Challenges</h3>
                <ul class="challenges-list">
                    <li>Dust, mud, and dirt contamination in hydraulic lines.</li>
                    <li>Extreme shock loads on gears and bearings.</li>
                    <li>Hydraulic pump wear under high system pressures.</li>
                </ul>

                <div style="margin-top: 3rem; text-align: center;">
                    <p style="font-size: 0.85rem; opacity: 0.8; margin-bottom: 1.5rem; line-height: 1.5;">Need a tailored
                        maintenance lubrication study for your business fleet?</p>
                    <a href="https://old-swit.test/contact" class="btn btn-primary" style="width: 100%;">Request Technical
                        Support</a>
                </div>
            </aside>

        </div>
    </section>
@endsection