@extends('layouts.base')

@section('title', 'Safety of Funds')

@section('content')

    <!-- Page Header -->
    <section class="bg-gradient-to-r from-primary-600 to-primary-800 py-16">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
            <h1 class="text-4xl font-bold text-white">Safety of Funds</h1>
            <p class="mt-3 text-lg text-white/70">Your security is our top priority</p>
            <nav class="mt-4 flex justify-center">
                <ol class="flex items-center space-x-2 text-sm text-white/60">
                    <li><a href="/" class="hover:text-white transition-colors"><i data-lucide="home" class="w-4 h-4 inline"></i> Home</a></li>
                    <li>/</li>
                    <li class="text-white font-medium">Safety of Funds</li>
                </ol>
            </nav>
        </div>
    </section>

    <!-- Safety Content -->
    <section class="bg-white dark:bg-gray-900 py-16 lg:py-24">
        <div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="flex items-center gap-3 mb-6">
                <a href="/safety" class="inline-flex items-center px-3 py-1 bg-primary-50 dark:bg-primary-900/30 text-primary-600 dark:text-primary-400 text-xs font-medium rounded-full">Safety of Funds</a>
                <a href="/privacy" class="inline-flex items-center px-3 py-1 bg-gray-100 dark:bg-gray-800 text-gray-600 dark:text-gray-400 text-xs font-medium rounded-full hover:bg-gray-200 dark:hover:bg-gray-700 transition-colors">Privacy Policy</a>
            </div>

            <h2 class="text-3xl font-bold text-gray-900 dark:text-white mb-8">Safety of Funds</h2>

            <div class="space-y-8">
                <div class="bg-gray-50 dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-xl p-6">
                    <div class="flex items-center mb-3">
                        <div class="w-10 h-10 bg-primary-50 dark:bg-primary-900/30 rounded-lg flex items-center justify-center mr-3">
                            <i data-lucide="award" class="w-5 h-5 text-primary-500"></i>
                        </div>
                        <h3 class="text-lg font-bold text-gray-900 dark:text-white">Leader in the Industry</h3>
                    </div>
                    <p class="text-gray-600 dark:text-gray-400 text-sm leading-relaxed">{{ $settings->site_name }} is the award-winning Global Leader in Online Trading. With over 200 instruments in forex, spot metals and CFDs on US and UK stocks, spot indices and commodities. {{ $settings->site_name }} serves retail and institutional customers from over 180 countries in Europe, Asia, the Middle East, Africa and Latin America.</p>
                </div>

                <div class="bg-gray-50 dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-xl p-6">
                    <div class="flex items-center mb-3">
                        <div class="w-10 h-10 bg-primary-50 dark:bg-primary-900/30 rounded-lg flex items-center justify-center mr-3">
                            <i data-lucide="building-2" class="w-5 h-5 text-primary-500"></i>
                        </div>
                        <h3 class="text-lg font-bold text-gray-900 dark:text-white">Accounts with Top Tier Banks</h3>
                    </div>
                    <p class="text-gray-600 dark:text-gray-400 text-sm leading-relaxed">{{ $settings->site_name }} provides banking and treasury services through world-class banking institutions to its clients. These banks are completely independent and do not endorse the obligations of {{ $settings->site_name }} to its customers.</p>
                </div>

                <div class="bg-gray-50 dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-xl p-6">
                    <div class="flex items-center mb-3">
                        <div class="w-10 h-10 bg-primary-50 dark:bg-primary-900/30 rounded-lg flex items-center justify-center mr-3">
                            <i data-lucide="shield-check" class="w-5 h-5 text-primary-500"></i>
                        </div>
                        <h3 class="text-lg font-bold text-gray-900 dark:text-white">Segregation of Client Funds</h3>
                    </div>
                    <p class="text-gray-600 dark:text-gray-400 text-sm leading-relaxed">Client funds security is a key element of the {{ $settings->site_name }} philosophy alongside unmatched trading conditions and customer support. With global recognition for excellence, solid reputation and multi-award winning services, our clients are assured that their funds are held with security, clarity and integrity. {{ $settings->site_name }} maintains segregated client accounts to ensure that client funds are fully separated from {{ $settings->site_name }}'s own funds at all times. Each client account has a unique code to ensure that it is used solely for client funding purposes. All client funds deposited are completely segregated in accordance with strict policies and procedures. Clients can be assured that their funds are safe.</p>
                </div>

                <div class="bg-gray-50 dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-xl p-6">
                    <div class="flex items-center mb-3">
                        <div class="w-10 h-10 bg-primary-50 dark:bg-primary-900/30 rounded-lg flex items-center justify-center mr-3">
                            <i data-lucide="shield" class="w-5 h-5 text-primary-500"></i>
                        </div>
                        <h3 class="text-lg font-bold text-gray-900 dark:text-white">Risk Management</h3>
                    </div>
                    <p class="text-gray-600 dark:text-gray-400 text-sm leading-relaxed">{{ $settings->site_name }} through its award-winning trading platforms provides an automated risk-management system to ensure that client account balances will never go negative.</p>
                </div>
            </div>
        </div>
    </section>

@endsection
