<x-filament-panels::page>

    <!-- HEADER -->
    <div class="mb-8">
        <h1 class="text-4xl font-bold tracking-tight">
            CRI Digital Manufacturing IIoT Platform
        </h1>
        <p class="text-lg text-gray-600 mt-2">
            Complete visibility, traceability, and control across your manufacturing operations
        </p>
    </div>

    <!-- BANNER -->
    {{-- <div class="w-full overflow-hidden rounded-2xl shadow mb-10"> --}}
    <div class="w-full overflow-hidden rounded-xl shadow">
        <img
            src="{{ asset('images/iiot-banner.jpg') }}"
            alt="CRI Digital Manufacturing IIoT"
            class="w-full h-72 object-cover"
        >
    </div>

    <!-- INTRO -->
    <div class="max-w-4xl mb-10">
        <p class="text-lg text-gray-700 mb-4">
            CRI Digital Manufacturing IIoT is built to deliver
            <strong>end-to-end traceability, real-time insights, and operational transparency</strong>
            across plants, lines, and production processes.
        </p>

        <p class="text-lg text-gray-700">
            The platform ensures <strong>right quality and on-time delivery</strong> by enabling
            complete tracking of materials, production orders, and finished goods—helping teams
            make faster, data-driven decisions with confidence.
        </p>
    </div>

    <!-- KEY PILLARS -->
    <div class="grid grid-cols-1 md:grid-cols-4 gap-6 mb-10">
        <div class="bg-white rounded-xl border p-6 shadow-sm">
            <h3 class="text-lg font-semibold mb-2">🔍 Traceability</h3>
            <p class="text-gray-600">
                Track materials, batches, and serials from input to dispatch.
            </p>
        </div>

        <div class="bg-white rounded-xl border p-6 shadow-sm">
            <h3 class="text-lg font-semibold mb-2">✅ Quality Assurance</h3>
            <p class="text-gray-600">
                Validate process data and ensure first-time-right production.
            </p>
        </div>

        <div class="bg-white rounded-xl border p-6 shadow-sm">
            <h3 class="text-lg font-semibold mb-2">⏱ On-Time Delivery</h3>
            <p class="text-gray-600">
                Identify delays early and meet production commitments.
            </p>
        </div>

        <div class="bg-white rounded-xl border p-6 shadow-sm">
            <h3 class="text-lg font-semibold mb-2">📊 Real-Time Insights</h3>
            <p class="text-gray-600">
                Monitor performance and take quick corrective actions.
            </p>
        </div>
    </div>

    <!-- SUPPORT -->
    <div class="bg-white rounded-xl border p-6 shadow-sm">
        <h2 class="text-2xl font-semibold mb-3">24×7 Support</h2>
        <p class="text-gray-700 mb-2">
            Our dedicated IIoT support team is available round-the-clock to ensure
            uninterrupted operations and quick issue resolution.
        </p>
        <p class="text-lg font-medium text-gray-900">
            📞 Support Landline: <span class="font-semibold">0422 711 7179</span>
        </p>
        {{-- <p class="text-lg font-medium text-gray-900">
            📞 Technical Support Contact: <span class="font-semibold">9952468104 / 9100832269</span>
        </p> --}}
    </div>

    {{-- <div class="bg-white rounded-xl border p-6 shadow-sm">
    <h2 class="text-2xl font-semibold mb-4">24×7 Support</h2>

    <p class="text-lg text-gray-700 mb-4">
        Our support structure is designed to ensure quick resolution based on the type
        of issue — whether it is on-site, application-related, or infrastructure-related.
    </p>

    <div class="space-y-3">

        <p class="text-lg font-medium text-gray-900">
            🏭 <strong>Plant & On-Site Support</strong> <br>
            <span class="text-gray-700">
                For plant visits, industry-level issues, and on-ground validation
            </span><br>
            📞 <span class="font-semibold">8925899458 / 8925899459</span>
        </p>

        <p class="text-lg font-medium text-gray-900">
            💻 <strong>Application & Logic Support</strong> <br>
            <span class="text-gray-700">
                For website errors, logic issues, and application-level problems
            </span><br>
            📞 <span class="font-semibold">9952468104 / 9100832269</span>
        </p>
    </div>
</div> --}}


    <!-- TEAM -->
    {{-- <div class="bg-white rounded-xl border p-6 shadow-sm">
        <h2 class="text-2xl font-semibold mb-4">IIOT Team Members</h2>
        <div class="grid grid-cols-2 md:grid-cols-3 gap-4 text-gray-700">
            <div class="flex items-center gap-2">👤 Jothikumar</div>
            <div class="flex items-center gap-2">👤 Jeithef Shibu</div>
            <div class="flex items-center gap-2">👤 Dhanabalan</div>
            <div class="flex items-center gap-2">👤 Ranjith</div>
            <div class="flex items-center gap-2">👤 Srimathy</div>
            <div class="flex items-center gap-2">👤 Gokul</div>
        </div>
    </div> --}}

</x-filament-panels::page>
