

<!doctype html>
<html class="no-js" lang="en">
<head>
    <title>Primary - @yield('title')</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="author" content="ThemeZaa">
    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
    <meta name="description" content="Elevate your online presence with Crafto - a modern, versatile, multipurpose Bootstrap 5 responsive HTML5, SCSS template using highly creative 48+ ready demos.">

    <link rel="shortcut icon" href="{{asset('/')}}fontEndNew/assets/images/favicon.png">
    <link rel="apple-touch-icon" href="{{asset('/')}}fontEndNew/assets/images/apple-touch-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="72x72" href="{{asset('/')}}fontEndNew/assets/images/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="114x114" href="{{asset('/')}}fontEndNew/assets/images/apple-touch-icon-114x114.png">

    <link rel="preconnect" href="https://fonts.googleapis.com/" crossorigin>
    <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>

    <link rel="stylesheet" href="{{asset('/')}}fontEndNew/assets/css/vendors.min.css" />
    <link rel="stylesheet" href="{{asset('/')}}fontEndNew/assets/css/icon.min.css" />
    <link rel="stylesheet" href="{{asset('/')}}fontEndNew/assets/css/style.min.css" />
    <link rel="stylesheet" href="{{asset('/')}}fontEndNew/assets/css/responsive.min.css" />
    <link rel="stylesheet" href="demos/accounting/accounting.css" />
</head>
<body data-mobile-nav-style="classic" class="custom-cursor">

<div class="cursor-page-inner">
    <div class="circle-cursor circle-cursor-inner"></div>
    <div class="circle-cursor circle-cursor-outer"></div>
</div>


<header class="header-with-topbar">

    <div class="header-top-bar top-bar-dark bg-very-light-gray">
        <div class="container-fluid">
            <div class="row h-45px xs-h-auto align-items-center m-0 xs-pt-5px xs-pb-5px">
                <div class="col-lg-6 col-md-7 text-center text-md-start xs-px-0">
                    <div class="fs-15 text-dark-gray fw-500"> <a href="{{route('contact')}}" class="text-dark-gray text-decoration-line-bottom fw-600">Contact now</a></div>
                </div>
                <div class="col-lg-6 col-md-5 text-end d-none d-md-flex">
                    <div class="widget fs-15 fw-500 me-35px lg-me-25px md-me-0 text-dark-gray"><a href="tel:01712-456921"><i class="feather icon-feather-phone-call"></i>01712-456921</a></div>
                    <div class="widget fs-15 fw-500 text-dark-gray d-none d-lg-inline-block"><i class="feather icon-feather-map-pin"></i>Purbo Badda, Dhaka-1212</div>
                </div>
            </div>
        </div>
    </div>


    <nav class="navbar navbar-expand-lg header-light bg-white responsive-sticky">
        <div class="container-fluid">
            <div class="col-auto col-lg-2 me-lg-0 me-auto">
                <a class="navbar-brand" href="">
{{--                    <img src="{{asset('/')}}fontEndNew/assets/images/demo-accounting-logo-black.png" data-at2x="{{asset('/')}}fontEndNew/assets/images/demo-accounting-logo-black@2x.png" alt class="default-logo">--}}
{{--                    <img src="{{asset('/')}}fontEndNew/assets/images/demo-accounting-logo-black.png" data-at2x="{{asset('/')}}fontEndNew/assets/images/demo-accounting-logo-black@2x.png" alt class="alt-logo">--}}
{{--                    <img src="{{asset('/')}}fontEndNew/assets/images/demo-accounting-logo-black.png" data-at2x="{{asset('/')}}fontEndNew/assets/images/demo-accounting-logo-black@2x.png" alt class="mobile-logo">--}}
                </a>
            </div>
            <div class="col-auto menu-order position-static">
                <button class="navbar-toggler float-start" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-label="Toggle navigation">
                    <span class="navbar-toggler-line"></span>
                    <span class="navbar-toggler-line"></span>
                    <span class="navbar-toggler-line"></span>
                    <span class="navbar-toggler-line"></span>
                </button>
                <div class="collapse navbar-collapse" id="navbarNav">
                    <ul class="navbar-nav fw-600">
                        <li class="nav-item"><a href="{{route('home')}}" class="nav-link">Home</a></li>
                        <li class="nav-item dropdown dropdown-with-icon-style02">
                            <a href="{{route('home')}}" class="nav-link">Company</a>
                            <i class="fa-solid fa-angle-down dropdown-toggle" id="navbarDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false"></i>
                            <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
                                @foreach($categories as $category)
                                <li><a href="{{route('product.category', ['id' => $category->id])}}">{{$category->name}}</a></li>
                                @endforeach
                            </ul>
                        </li>
{{--                        <li class="nav-item"><a href="demo-accounting-news.html" class="nav-link">About Us</a></li>--}}
                        <li class="nav-item"><a href="{{route('contact')}}" class="nav-link">Contact</a></li>
                    </ul>
                </div>
            </div>
            <div class="col-auto col-lg-2 text-end d-none d-sm-flex">
                <div class="header-icon">
                    <div class="header-button">

                    </div>
                </div>
            </div>
        </div>
    </nav>

</header>

@yield('body')

<footer class="footer-dark bg-dark-gray pt-0 pb-2 lg-pb-35px">
    <div class="footer-top pt-50px pb-50px sm-pt-35px sm-pb-35px border-bottom border-1 border-color-transparent-white-light">
        <div class="container">
            <div class="row align-items-center justify-content-center">

                <div class="col-xl-6 text-center text-xl-start lg-mb-30px sm-mb-20px">
                    <h3 class="text-white mb-5px fw-500 ls-minus-1px">Get a consultation services.</h3>
{{--                    <span class="fs-20 widget-text fw-300">We will take care of your business accounting services.</span>--}}
                </div>


                <div class="col-xl-6 text-center text-xl-end">
                    <a href="" class="btn btn-extra-large btn-yellow left-icon btn-box-shadow btn-rounded text-transform-none d-inline-block align-middle me-15px xs-m-10px"><i class="feather icon-feather-mail"></i>Free consultation</a>
                    <a href="" class="btn btn-extra-large btn-base-color left-icon btn-box-shadow btn-rounded d-inline-block align-middle xs-m-10px"><i class="feather icon-feather-phone-call"></i>+880 171 245 6921</a>
                </div>

            </div>
        </div>
    </div>
    <div class="container">
        <div class="row justify-content-center fs-17 fw-300 mt-5 mb-4 md-mt-45px md-mb-45px xs-mt-35px xs-mb-35px">

            <div class="col-6 col-lg-3 order-sm-1 md-mb-40px xs-mb-30px last-paragraph-no-margin">
                <a href="#" class="footer-logo mb-15px d-inline-block"><img src="{{asset('/')}}fontEndNew/assets/images/demo-accounting-logo-white.png" data-at2x="{{asset('/')}}fontEndNew/assets/images/demo-accounting-logo-white@2x.png" alt></a>
                <p class="w-85 xl-w-95 sm-w-100"></p>
                <div class="elements-social social-icon-style-02 mt-20px lg-mt-20px">
                    <ul class="small-icon light">
                        <li><a class="facebook" href="#" target="_blank"><i class="fa-brands fa-facebook-f"></i></a></li>
                        <li><a class="dribbble" href="#" target="_blank"><i class="fa-brands fa-dribbble"></i></a></li>
                        <li><a class="twitter" href="#" target="_blank"><i class="fa-brands fa-twitter"></i></a></li>
                        <li><a class="instagram" href="#" target="_blank"><i class="fa-brands fa-instagram"></i></a></li>
                    </ul>
                </div>
            </div>


            <div class="col-6 col-lg-2 col-sm-4 xs-mb-30px order-sm-3 order-lg-2">
                <span class="fs-18 fw-400 d-block text-white mb-5px">About</span>
                <ul>
                    <li><a href="#">Company</a></li>
                    <li><a href="#">About Us</a></li>
                    <li><a href="#">Contact</a></li>
                </ul>
            </div>



            <div class="col-6 col-lg-4 col-sm-6 xs-mb-30px order-sm-5 order-lg-4">
                <span class="fs-18 fw-400 d-block text-white mb-5px">Get in touch</span>
                <p class="mb-5px">Need support?</p>
                <a href="cdn-cgi/l/email-protection.html#741c1d34101b19151d1a5a171b19" class="text-white lh-16 d-block mb-15px"><span class="__cf_email__" data-cfemail="036b6a43676c6e626a6d2d606c6e">[info@primarybd.com]</span></a>
                <p class="mb-5px">Customer care?</p>
                <a href="tel:12345678910" class="text-white lh-16 d-block">+880 1712 456921</a>
            </div>
        </div>
        <div class="row align-items-center fs-16 fw-300">

            <div class="col-md-6 last-paragraph-no-margin order-2 order-md-1 text-center text-md-start"><p>&COPY; Copyright 2024 <a href="#" target="_blank" class="text-decoration-line-bottom text-white"> PrimaryBD </a> Developed By <a href="https://masumparvez.com/" target="_blank" class="text-decoration-line-bottom text-white"> Masum Parves </a></p></div>


            <div class="col-md-8 text-md-end order-1 order-md-2 text-center text-md-end sm-mb-10px">
                <ul class="footer-navbar sm-lh-normal">
                    <li><a href="#" class="nav-link">Privacy policy</a></li>
                    <li><a href="#" class="nav-link">Terms and conditions</a></li>
                    <li><a href="#" class="nav-link">Copyright</a></li>
                </ul>
            </div>

        </div>
    </div>
</footer>


<div class="sticky-wrap d-none d-lg-inline-block" data-animation-delay="100" data-shadow-animation="true">
    <span class="fs-16"><i class="bi bi-envelope icon-small me-10px"></i>Get our service — <a href="{{route('contact')}}" class="text-decoration-line-bottom fw-500">Send a message</a></span>
</div>


<div class="scroll-progress d-none d-xxl-block">
    <a href="#" class="scroll-top" aria-label="scroll">
        <span class="scroll-text">Scroll</span><span class="scroll-line"><span class="scroll-point"></span></span>
    </a>
</div>


<script data-cfasync="false" src="cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript" src="{{asset('/')}}fontEndNew/assets/js/jquery.js"></script>
<script type="text/javascript" src="{{asset('/')}}fontEndNew/assets/js/vendors.min.js"></script>
<script type="text/javascript" src="{{asset('/')}}fontEndNew/assets/js/main.js"></script>
<script type="text/javascript" src="{{asset('/')}}fontEndNew/js/._jquery-3.7.1.min.js"></script>
<script type="text/javascript" src="{{asset('/')}}fontEndNew/js/jquery-3.7.1.min.js"></script>
<script type="text/javascript" src="{{asset('/')}}fontEndNew/js/script.js"></script>
</body>

</html>

