<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
@foreach ($meta as $item)
    <meta name="{{ $item['key'] }}" content="{{ $item['value'] }}">
@endforeach

<title>{{ $title }}</title>

<!-- Bootstrap -->
<link href="img/favicon.ico" rel="icon">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />

<!-- Google Web Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500;600;700&display=swap" rel="stylesheet">

<!-- Icon Font Stylesheet -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">

<!-- Libraries Stylesheet -->
<link href="{{ asset('front/lib/animate/animate.min.css') }}" rel="stylesheet">
<link href="{{ asset('front/lib/owlcarousel/assets/owl.carousel.min.css') }}" rel="stylesheet">

<!-- Customized Bootstrap Stylesheet -->
<link href="{{ asset('front/css/bootstrap.min.css') }}" rel="stylesheet">

<!-- Template Stylesheet -->
<link href="{{ asset('front/css/style.css') }}" rel="stylesheet">

@if (app()->getLocale() == 'ar')
    {{-- put your RTL CSS here --}}
@endif
