@extends('layouts.customer')
@section('body_attributes')

@endsection
@section('head')
<meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
  
    <title>Mangalore Stores</title>

    <!-- Bootstrap -->
    <link rel="stylesheet" type="text/css" href="{{ asset('Mangalore-Stores/assets/css/bootstrap.min.css') }}" >    
    <!-- Main Style -->
    <link rel="stylesheet" type="text/css" href="{{ asset('Mangalore-Stores/assets/css/main.css') }}">
    <!-- Responsive Style -->
    <link rel="shortcut icon" href="{{ asset('Mangalore-Stores/assets/img/fav.png') }}" type="image/x-icon">
    <!-- Responsive Style -->
    <link rel="stylesheet" type="text/css" href="{{ asset('Mangalore-Stores/assets/css/responsive.css') }}">
    <!-- Fonts -->
    <link rel="stylesheet" type="text/css" href="{{ asset('Mangalore-Stores/assets/fonts/font-awesome.min.css') }}">
    <!-- Icon -->
    <link rel="stylesheet" type="text/css" href="{{ asset('Mangalore-Stores/assets/fonts/simple-line-icons.css') }}"> 
    <!-- Slicknav -->
    <link rel="stylesheet" type="text/css" href="{{ asset('Mangalore-Stores/assets/css/slicknav.css') }}">
    <!-- Nivo Lightbox -->
    <link rel="stylesheet" type="text/css" href="{{ asset('Mangalore-Stores/assets/css/nivo-lightbox.css') }}" > 
    <!-- Animate -->
    <link rel="stylesheet" type="text/css" href="{{ asset('Mangalore-Stores/assets/css/animate.css') }}">
    <!-- Owl carousel -->
    <link rel="stylesheet" type="text/css" href="{{ asset('Mangalore-Stores/assets/css/owl.carousel.css') }}">   
    
    <!-- Color CSS Styles  -->
    <link rel="stylesheet" type="text/css" href="{{ asset('Mangalore-Stores/assets/css/colors/default.css') }}" media="screen" /> 

   <link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">

   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css">
@endsection
@section('content')
<!-- Main Slider Section Start -->
    <!--welcome section-->
<section class="section">
  <div class="container py-4">
    <!-- Breadcrumb -->
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item">
                <a href="#">Home</a>
            </li>
            <li class="breadcrumb-item active">
                Sitemap
            </li>
        </ol>
        <h4>Sitemap</h4>
    </nav>
</div>
</section>


<section>
  <div class="container my-4">

    <!-- Top Footer Links -->
    <div class="footer-top">
        <div class="row">

            <div class="col-lg-2 col-md-4 mb-4">
                <h6><i class="bi bi-house-door"></i> 1. Home</h6>
                <ul>
                    <li><a href="#">Go to Homepage</a></li>
                </ul>
            </div>

            <div class="col-lg-2 col-md-4 mb-4">
                <h6><i class="bi bi-basket"></i> 2. Shop by Category</h6>
                <ul>
                    <li><a href="#">Coastal Specials</a></li>
                    <li><a href="#">Traditional Snacks</a></li>
                    <li><a href="#">Pickles & Powders</a></li>
                    <li><a href="#">Rice & Masalas</a></li>
                    <li><a href="#">Dry Fruits & Nuts</a></li>
                    <li><a href="#">Tea, Coffee & Beverages</a></li>
                    <li><a href="#">New Arrivals</a></li>
                    <li><a href="#">Best Sellers</a></li>
                </ul>
            </div>

            <div class="col-lg-2 col-md-4 mb-4">
                <h6><i class="bi bi-gift"></i> 3. Shop by Type</h6>
                <ul>
                    <li><a href="#">Coastal Products</a></li>
                    <li><a href="#">Grocery Essentials</a></li>
                    <li><a href="#">Fresh Arrivals</a></li>
                    <li><a href="#">Combo Packs</a></li>
                    <li><a href="#">Gift Hampers</a></li>
                </ul>
            </div>

            <div class="col-lg-2 col-md-4 mb-4">
                <h6><i class="bi bi-tags"></i> 4. Special</h6>
                <ul>
                    <li><a href="#">Festive Specials</a></li>
                    <li><a href="#">Seasonal Specials</a></li>
                    <li><a href="#">Mangalore Specials</a></li>
                    <li><a href="#">Udupi Specials</a></li>
                </ul>
            </div>

            <div class="col-lg-2 col-md-4 mb-4">
                <h6><i class="bi bi-person"></i> 5. Account</h6>
                <ul>
                    <li><a href="#">My Account</a></li>
                    <li><a href="#">Orders</a></li>
                    <li><a href="#">Wishlist</a></li>
                    <li><a href="#">Addresses</a></li>
                    <li><a href="#">Payment Methods</a></li>
                    <li><a href="#">Logout</a></li>
                </ul>
            </div>

        </div>
    </div>

    <!-- Bottom Footer -->
    <div class="footer-middle">
        <div class="row">

            <div class="col-lg-2 col-md-6 mb-4">
                <h6><i class="bi bi-info-circle"></i> 6. Information</h6>
                <ul class="list-unstyled">
                    <li><a href="#">About Us</a></li>
                    <li><a href="#">Sitemap</a></li>
                    <li><a href="#">Our Coastal Collection</a></li>
                    <li><a href="#">Contact Us</a></li>
                    <li><a href="#">Privacy Policy</a></li>
                </ul>
            </div>

            <div class="col-lg-2 col-md-6 mb-4">
                <h6><i class="bi bi-headset"></i> 7. Customer Support</h6>
                <ul class="list-unstyled">
                    <li><a href="#">Help Center</a></li>
                    <li><a href="#">FAQs</a></li>
                    <li><a href="#">Shipping Information</a></li>
                    <li><a href="#">Returns & Refunds</a></li>
                    <li><a href="#">Track Order</a></li>
                </ul>
            </div>

            <div class="col-lg-3 col-md-6 mb-4">
                <h6><i class="bi bi-telephone"></i> 8. Get in Touch</h6>
                <div class="contact-info">
                    <p><i class="bi bi-geo-alt-fill"></i>
                    Mangalore Stores,
                    Bengaluru, Karnataka</p>

                    <p><i class="bi bi-phone"></i> +91 9876543210</p>
                    <p><i class="bi bi-envelope"></i> support@mangalorestores.com</p>
                    <p><i class="bi bi-clock"></i> Mon - Sat: 9AM - 8PM</p>
                </div>
            </div>

            <div class="col-lg-2 col-md-6 mb-4">
                <h6><i class="bi bi-phone"></i> 9. Our App</h6>

                <div class="store-badge">
                    <img src="https://developer.apple.com/assets/elements/badges/download-on-the-app-store.svg" class="img-fluid" alt="">
                </div>

                <div class="store-badge">
                    <img src="https://upload.wikimedia.org/wikipedia/commons/7/78/Google_Play_Store_badge_EN.svg" class="img-fluid" alt="">
                </div>
            </div>

            <div class="col-lg-3 col-md-6 mb-4">
                <h6><i class="bi bi-shield-check"></i> 10. Policies</h6>
                <ul class="list-unstyled">
                    <li><a href="#">Privacy Policy</a></li>
                    <li><a href="#">Terms & Conditions</a></li>
                    <li><a href="#">Shipping Policy</a></li>
                    <li><a href="#">Return & Refund Policy</a></li>
                    <li><a href="#">Security Policy</a></li>
                </ul>
            </div>

        </div>
    </div>

    <!-- Features Row -->
    <div class="footer-features mt-3">
        <div class="row">

            <div class="col-lg-3 col-md-6">
                <div class="feature-box">
                    <i class="bi bi-patch-check"></i>
                    <div>
                        <h6>100% Authentic Products</h6>
                        <p>Trusted coastal grocery brands.</p>
                    </div>
                </div>
            </div>

            <div class="col-lg-3 col-md-6">
                <div class="feature-box">
                    <i class="bi bi-truck"></i>
                    <div>
                        <h6>Fast Delivery</h6>
                        <p>Quick delivery across India.</p>
                    </div>
                </div>
            </div>

            <div class="col-lg-3 col-md-6">
                <div class="feature-box">
                    <i class="bi bi-shield-lock"></i>
                    <div>
                        <h6>Secure Payments</h6>
                        <p>Safe and encrypted checkout.</p>
                    </div>
                </div>
            </div>

            <div class="col-lg-3 col-md-6">
                <div class="feature-box">
                    <i class="bi bi-headset"></i>
                    <div>
                        <h6>Customer Support</h6>
                        <p>Before & after purchase support.</p>
                    </div>
                </div>
            </div>

        </div>
    </div>

</div>
</section>
              
  <!--welcome section-->
<!--welcome section-->

<!--welcome section-->
 
    <!-- Main Slider Section End -->

  <!-- Main Slider Section End -->
    
<!-- Main Slider Section End -->
    
    <!-- Footer Section Start -->
@endsection
@push('scripts')
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
<!-- =====================================================
JS FILE CONNECTIONS FOR THIS CUSTOMER BLADE FILE
Page: Customer Sitemap.blade
Blade File: resources/views/customer/sitemap.blade.php

1. JS File:
   public/common/js/api.js
   Loaded from layouts/customer.blade.php
   Purpose:
   - Shared customer API helper
   - Customer token and route helpers

2. JS File:
   public/common/js/customer/auth-check.js
   Loaded from layouts/customer.blade.php
   Purpose:
   - Customer auth/profile handling
   - Header auth text/profile link handling when the shared header is shown

3. JS Vendor Bundle:
   public/Mangalore-Stores/assets/js/*.js
   Loaded from layouts/customer.blade.php
   Purpose:
   - Shared customer UI plugins and legacy theme scripts

4. JS File:
   public/common/js/customer/legacy-pages.js
   Loaded from layouts/customer.blade.php
   Purpose:
   - Legacy shared customer behavior for non-migrated customer pages
===================================================== -->
@endpush