@extends('website.layouts.app')
@section('content')
    <!--************************************* header *************************************-->
    <section class="inner_banner px-md-5 px-0">
        <div class="container-fluid">
            @include('website.layouts.appoinment_btn')
            <div class="inner_banner_bg about_banner p-sm-5 p-3">
                @include('website.layouts.head_nav')
                <nav data-aos="fade-up"
                    class="w-100 float-start my-md-5 my-sm-4 my-0 justify-content-sm-start justify-content-center d-flex order-sm-1 order-2"
                    style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
                    <ol class="breadcrumb m-0">
                        <li class="breadcrumb-item"><a class="trs" href="/">Home</a></li>
                        <li class="breadcrumb-item active" aria-current="page">Blogs</li>
                    </ol>
                </nav>
                <div data-aos="fade-up" class="w-100 row align-items-sm-center align-items-start order-sm-2 order-1">
                    <h1 class="inner_title text-xl-center text-sm-start text-center">Blogs</h1>
                </div>
            </div>
        </div>
    </section>
    <section class="about blogs-list px-md-5 px-0 py-5">
        <div class="container-fluid">
            <div class="row g-4">
                @foreach ($blogs as $blog)
                    <div class="col-12 col-sm-6 col-lg-4 col-xl-3">
                        <div class="blog-bx" data-aos="fade-up">
                            <img src="{{ asset('uploads/blogs/' . $blog->blog_thumb_image) }}" class="img-fluid"
                                alt="blog thumbnail">
                            <span class="d-flex date opacity-75">
                                {{ $blog->created_at->format('d M Y') }}
                            </span>
                            <h4 class="blog-title text-black mt-3">{{ $blog->blog_title }}</h4>
                            <p>{!! Str::of(strip_tags($blog->blog_description))->limit(100) !!}</p>
                            <a href="{{ route('blog-details', $blog->blog_link) }}" class="read-more">Read More</a>
                        </div>
                    </div>
                @endforeach


            </div>
        </div>
    </section>
@endsection

@push('custom-meta')
    <title>Dental services in Qatar</title>

    <meta name="description"
        content="Experience the essence of a confident smile with our expert dental services in Qatar and nurture your oral health with a bright smile that lasts longer." />

    <meta name="Keywords"
        content="Scaling and polishing services, Teeth whitening near me,  Dental veneers in Doha, Dental Implants near me, Prosthodontists in Qatar, Pediatric Dentist in Qatar, Best Dentist in Qatar, Best Dental care in Qatar, Best Dental care in Doha Qatar, Top Dental Centre in Qatar, General Dentistry in Doha, Dental surgeon in Doha, Endodontist in Qatar, Best Orthodontist in Qatar, Dental implant in Qatar, Best General Dentists in Doha" />

    <link rel="canonical" href="{{ Request::url() }}" />

    <meta property="og:locale" content="en_US" />

    <meta property="og:type" content="website" />

    <meta property="og:title" content="Dental services in Qatar" />

    <meta property="og:description"
        content="Experience the essence of a confident smile with our expert dental services in Qatar and nurture your oral health with a bright smile that lasts longer." />

    <meta property="og:url" content="{{ Request::url() }}" />

    <meta property="og:image" content="{{ asset('/website/images/logo.png') }}" />

    <meta property="og:site_name" content="Pioneers Dental Center" />

    <meta name="twitter:card" content="summary_large_image" />

    <meta name="twitter:description"
        content="Experience the essence of a confident smile with our expert dental services in Qatar and nurture your oral health with a bright smile that lasts longer." />

    <meta name="twitter:title" content="Dental services in Qatar" />
@endpush