@php
    $c = $c ?? landing_content();
    $pageTitle = $pageTitle ?? ($c['meta']['title'] ?? __('landing.meta_title'));
    $pageDescription = $pageDescription ?? ($c['meta']['description'] ?? __('landing.meta_description'));
    $ogImage = $c['meta']['og_image'] ?? asset('landing/img/logo.svg');
    $favicon = $c['meta']['logo'] ?? asset('landing/img/logo.svg');
@endphp
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{ $pageTitle }}</title>
<meta name="description" content="{{ $pageDescription }}">
<meta name="robots" content="index, follow">

<link rel="alternate" hreflang="ar" href="{{ route('landing.index') }}">
<link rel="alternate" hreflang="en" href="{{ route('landing.index') }}">

<meta property="og:type" content="website">
<meta property="og:title" content="{{ $pageTitle }}">
<meta property="og:description" content="{{ $pageDescription }}">
<meta property="og:image" content="{{ $ogImage }}">
<meta property="og:locale" content="{{ app()->getLocale() === 'ar' ? 'ar_SA' : 'en_US' }}">

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="{{ $pageTitle }}">
<meta name="twitter:description" content="{{ $pageDescription }}">
<meta name="twitter:image" content="{{ $ogImage }}">

<link rel="icon" type="image/svg+xml" href="{{ $favicon }}">
<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=Inter:wght@400;500;600;700;800&family=Tajawal:wght@200;300;400;500;700;800;900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="{{ asset('landing/css/landing.css') }}">