{{-- DNS prefetch and preconnect to external domains for faster resource loading --}}
<link rel="dns-prefetch" href="https://fonts.googleapis.com">
<link rel="dns-prefetch" href="https://fonts.gstatic.com">
<link rel="dns-prefetch" href="https://cdn.jsdelivr.net">
<link rel="dns-prefetch" href="https://www.googletagmanager.com">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

{{-- Preload critical CSS --}}
<link rel="preload" href="{{ asset('assets/css/custom.css') }}" as="style">
<link rel="preload" href="{{ asset('css/custom_website.css') }}" as="style">

{{-- Load CSS stylesheets --}}
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/custom.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('css/custom_website.css') }}">

{{-- Optimized Google Fonts loading with async and font-display: swap --}}
<link rel="preload" href="https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript>
    <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap" rel="stylesheet">
</noscript>

{{-- Favicon and meta tags --}}
<link rel="apple-touch-icon" sizes="57x57" href="{{ asset('assets/images/fav.png') }}">
<link rel="icon" type="image/png" sizes="192x192" href="{{ asset('assets/images/fav.png') }}">
<meta property="og:image" content="{{ asset('assets/images/meta-thumbnail.jpg') }}">