@extends('frontend_landing_page.master')

@section('content')

@php 
        $allpage = DB::table('all_page_images')->where('id', 1)->first(); 
    @endphp

<style>
    .display{
        display: none!important;
    }
</style>

<div class="container-fluid pt-5 bg-primary hero-header">
        <div class="container pt-5">
            <div class="row g-5 pt-5">
                <div class="col-lg-6 align-self-center text-center text-lg-start mb-lg-5">
                    <h1 class="display-4 text-white mb-4 animated slideInRight">FAQs</h1>
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb justify-content-center justify-content-lg-start mb-0">
                            <li class="breadcrumb-item"><a class="text-white" href="{{ URL('/')}}">Home</a></li>
                            
                            <li class="breadcrumb-item text-white active" aria-current="page">FAQs</li>
                        </ol>
                    </nav>
                </div>
                <div class="col-lg-6 align-self-end text-center text-lg-end">
                    <img class="img-fluid" src="{{ URL::to($allpage->image) }}" alt="image" style="max-height: 300px;">
                </div>
            </div>
        </div>
    </div>
    <!-- Hero End -->

    @php 
    $page = DB::table('pages')->where('id', 1)->first(); 
    @endphp


    <!-- FAQs Start -->
    <div class="container-fluid py-5">
        <div class="container py-5">
        <div class="mx-auto text-center wow fadeIn" data-wow-delay="0.1s" style="max-width: 500px;">
                <div class="btn btn-sm border rounded-pill text-primary px-3 mb-3">Popular FAQs</div>
                <h1 class="mb-4">Frequently Asked Questions</h1>
            </div>
        {!!$page->faqs !!}
           
        </div>
    </div>
    <!-- Contact End -->
        


@endsection