@extends('index')

@section('content')
    <section class="mb-5">
        <div class="container">
            <ul class="d-flex my-5 color_808080">
                <li>{{__('custom.網站地圖')}}</li>
            </ul>

            <div class="NewsPageBox">
                <h1>{{__('custom.網站地圖')}}</h1>
                <div class="row SiteMapBox">
                    <div class="col-6 col-lg-3 mt-5 pe-5">
                        <p>{{__('custom.品牌故事')}}</p>
                        <ul>
                            <li><a href="/brandStory">{{__('custom.品牌故事')}}</a></li>
                        </ul>
                    </div>
                    <div class="col-6 col-lg-3 mt-5 pe-5">
                        <p>{{__('custom.購物專區')}}</p>
                        <ul>
                            @foreach($product_categories as $category)
                                <li><a href="/series/{{$category->cate_title_en}}">{{$category->cate_title}}</a></li>
                            @endforeach
                        </ul>
                    </div>
                    <div class="col-6 col-lg-3 mt-5 pe-5">
                        <p>{{__('custom.最新消息')}}</p>
                        <ul>
                            <li><a href="/news">{{__('custom.最新消息')}}</a></li>
                        </ul>
                    </div>
                    <div class="col-6 col-lg-3 mt-5 pe-5">
                        <p>{{__('custom.門市據點')}}</p>
                        <ul>
                            <li><a href="/storeLocation">{{__('custom.門市據點')}}</a></li>
                        </ul>
                    </div>
                    <div class="col-6 col-lg-3 mt-5 pe-5">
                        <p>{{__('custom.客戶服務')}}</p>
                        <ul>
                            <li><a href="/MembershipBenefits">{{__('custom.會員權益')}}</a></li>
                            <li><a href="/AntiFraudStatement">{{__('custom.防詐聲明')}}</a></li>
                            <li><a href="/PrivacyPolicy">{{__('custom.隱私政策')}}</a></li>
                            <li><a href="/SiteMap">{{__('custom.網站地圖')}}</a></li>
                        </ul>
                    </div>
                    <div class="col-6 col-lg-3 mt-5 pe-5">
                        <p>{{__('custom.購物資訊')}}</p>
                        <ul>
                            <li><a href="/ShoppingGuide">{{__('custom.購物指南')}}</a></li>
                            <li><a href="/InvoiceStatement">{{__('custom.發票聲明')}}</a></li>
                        </ul>
                    </div>
                    <div class="col-6 col-lg-3 mt-5 pe-5">
                        <p>{{__('custom.相關品牌')}}</p>
                        <ul>
                            <li><a href="#">{{__('custom.百年長順')}}</a></li>
                            <li><a href="/brandStory">{{__('custom.茶二指故事館')}}</a></li>
                            <li><a target="_blank" href="https://www.teatop.com.tw/">{{__('custom.TEATOP')}}</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection