@extends('layouts.website') {{-- or whatever your layout file name is --}}

@section('title','AI Insights & Fraud Prevention | SriCourier')
@section('meta_description','How SriCourier uses AI to optimize deliveries, prevent fraud, and ensure safe, reliable logistics across Sri Lanka.')

@section('content')

<!-- ================= HERO ================= -->
<section class="bg-gray-50 border-b">
    <div class="max-w-7xl mx-auto px-6 py-20 text-center">
        <h1 class="text-4xl md:text-5xl font-bold mb-6">
            AI Insights & Fraud Prevention
        </h1>
        <p class="max-w-3xl mx-auto text-gray-600 text-lg">
            At <strong>SriCourier</strong>, we use intelligent systems to optimize deliveries,
            protect merchants, and ensure secure, transparent logistics across Sri Lanka.
        </p>
    </div>
</section>

<!-- ================= AI INSIGHTS ================= -->
<section class="py-20">
    <div class="max-w-7xl mx-auto px-6">

        <div class="grid md:grid-cols-2 gap-12 items-center">
            <div>
                <h2 class="text-3xl font-bold mb-4">
                    Smart AI-Powered Insights
                </h2>
                <p class="text-gray-600 mb-6">
                    Our AI engines continuously analyze delivery patterns, driver performance,
                    traffic data, and customer behavior to improve speed, accuracy, and cost efficiency.
                </p>

                <ul class="space-y-4 text-gray-700">
                    <li class="flex gap-3">
                        <span class="text-primary text-xl">✔</span>
                        Route optimization for faster deliveries
                    </li>
                    <li class="flex gap-3">
                        <span class="text-primary text-xl">✔</span>
                        Predictive delivery time estimation
                    </li>
                    <li class="flex gap-3">
                        <span class="text-primary text-xl">✔</span>
                        Driver performance scoring
                    </li>
                    <li class="flex gap-3">
                        <span class="text-primary text-xl">✔</span>
                        Demand forecasting for merchants
                    </li>
                </ul>
            </div>

            <div class="bg-white p-8 rounded-2xl shadow">
                <h3 class="font-semibold mb-4">How AI Helps Your Business</h3>
                <p class="text-sm text-gray-600 mb-4">
                    Merchants gain real-time insights that help reduce delivery failures,
                    improve customer satisfaction, and scale operations confidently.
                </p>
                <div class="grid grid-cols-2 gap-4 text-center">
                    <div class="bg-gray-50 p-4 rounded-xl">
                        <p class="text-2xl font-bold text-primary">↓ 28%</p>
                        <p class="text-xs text-gray-500">Delivery Delays</p>
                    </div>
                    <div class="bg-gray-50 p-4 rounded-xl">
                        <p class="text-2xl font-bold text-primary">↑ 35%</p>
                        <p class="text-xs text-gray-500">On-time Deliveries</p>
                    </div>
                </div>
            </div>
        </div>

    </div>
</section>

<!-- ================= FRAUD PREVENTION ================= -->
<section class="bg-gray-50 py-20">
    <div class="max-w-7xl mx-auto px-6">

        <div class="grid md:grid-cols-2 gap-12 items-center">
            <div class="order-2 md:order-1 bg-white p-8 rounded-2xl shadow">
                <h3 class="font-semibold mb-4">Advanced Fraud Detection</h3>
                <p class="text-sm text-gray-600 mb-6">
                    Our fraud detection systems monitor unusual activities and patterns
                    in real-time to protect customers, drivers, and merchants.
                </p>

                <ul class="space-y-3 text-sm text-gray-700">
                    <li>• Fake delivery attempts</li>
                    <li>• Abnormal COD behavior</li>
                    <li>• Repeated delivery failures</li>
                    <li>• Suspicious driver or customer activity</li>
                </ul>
            </div>

            <div class="order-1 md:order-2">
                <h2 class="text-3xl font-bold mb-4">
                    Fraud Prevention & Security
                </h2>
                <p class="text-gray-600 mb-6">
                    Security is at the core of SriCourier. Our systems proactively detect
                    and prevent fraudulent behavior before it impacts your business.
                </p>

                <ul class="space-y-4 text-gray-700">
                    <li class="flex gap-3">
                        <span class="text-primary text-xl">✔</span>
                        Real-time risk scoring
                    </li>
                    <li class="flex gap-3">
                        <span class="text-primary text-xl">✔</span>
                        Automatic account flagging
                    </li>
                    <li class="flex gap-3">
                        <span class="text-primary text-xl">✔</span>
                        Secure COD handling
                    </li>
                    <li class="flex gap-3">
                        <span class="text-primary text-xl">✔</span>
                        Audit logs & transparency
                    </li>
                </ul>
            </div>
        </div>

    </div>
</section>

<!-- ================= TRUST ================= -->
<section class="py-20">
    <div class="max-w-7xl mx-auto px-6 text-center">
        <h2 class="text-3xl font-bold mb-6">
            Built for Trust, Scale & Reliability
        </h2>
        <p class="max-w-3xl mx-auto text-gray-600 mb-10">
            By combining human expertise with intelligent systems,
            SriCourier ensures every parcel is delivered safely, efficiently,
            and transparently.
        </p>

        <div class="flex flex-col sm:flex-row justify-center gap-4">
            <a href="{{ route('merchant.signup') }}"
               class="bg-primary text-white px-8 py-3 rounded-xl font-semibold hover:bg-orange-600 transition">
                Become a Merchant
            </a>
            <a href="{{ route('contact') }}"
               class="border border-gray-300 px-8 py-3 rounded-xl font-semibold hover:bg-gray-100 transition">
                Talk to Our Team
            </a>
        </div>
    </div>
</section>

@endsection