diff --git a/resources/beike/admin/views/pages/setting.blade.php b/resources/beike/admin/views/pages/setting.blade.php
index 34276aac..6b90f27a 100644
--- a/resources/beike/admin/views/pages/setting.blade.php
+++ b/resources/beike/admin/views/pages/setting.blade.php
@@ -81,9 +81,9 @@
             <x-admin-form-input name="product_per_page" title="{{ __('admin/setting.product_per_page') }}" required value="{{ old('product_per_page', system_setting('base.product_per_page', 20)) }}">
             </x-admin-form-input>
 
-            {{-- <x-admin-form-select title="模版主题" name="theme" :value="old('theme', system_setting('base.theme', 'default'))" :options="$themes">
+            <x-admin-form-select title="模版主题" name="theme" :value="old('theme', system_setting('base.theme', 'default'))" :options="$themes">
               <div class="help-text font-size-12 lh-base">主题模板选择</div>
-            </x-admin-form-select> --}}
+            </x-admin-form-select>
 
             <x-admin-form-switch name="tax" title="{{ __('admin/setting.enable_tax') }}" value="{{ old('tax', system_setting('base.tax', '0')) }}">
               <div class="help-text font-size-12 lh-base">{{ __('admin/setting.enable_tax_info') }}</div>
diff --git a/themes/black/home.blade.php b/themes/black/home.blade.php
index 9d9af3f4..d4df147a 100644
--- a/themes/black/home.blade.php
+++ b/themes/black/home.blade.php
@@ -1,15 +1,9 @@
 @extends('layout.master')
 @section('body-class', 'page-home')
 @section('content')
-
-
-    <section class="module-image-plus mb-5">
-        <div class="container">
-            <div class="row">
-                这里是 black 模板, 后台设置使用该模板后系统优先读取该模板, 删除该文件系统将调用 default 模板下对应文件
-            </div>
-        </div>
-    </section>
-
-
+<section class="module-image-plus mb-5" style="padding: 100px 0; font-size: 16px;">
+  <div class="container" style="text-align:center;">
+    这里是 black 模板, 后台设置使用该模板后系统优先读取该模板, 删除该文件系统将调用 default 模板下对应文件
+  </div>
+</section>
 @endsection
diff --git a/themes/black/layout/footer.blade.php b/themes/black/layout/footer.blade.php
new file mode 100644
index 00000000..eafb71f0
--- /dev/null
+++ b/themes/black/layout/footer.blade.php
@@ -0,0 +1,85 @@
+<footer>
+  @php
+    $locale = locale();
+  @endphp
+
+  @if ($footer_content['services']['enable'])
+    <div class="services-wrap">
+      <div class="container">
+        <div class="row">
+          @foreach ($footer_content['services']['items'] as $item)
+            <div class="col-lg-3 col-md-6 col-12">
+              <div class="service-item my-1">
+                <div class="icon"><img src="{{ image_resize($item['image'], 80, 80) }}" class="img-fluid"></div>
+                <div class="text">
+                  <p class="title">{{ $item['title'][locale()] ?? '' }}</p>
+                  <p class="sub-title">{{ $item['sub_title'][locale()] ?? '' }}</p>
+                </div>
+              </div>
+            </div>
+          @endforeach
+        </div>
+      </div>
+    </div>
+  @endif
+  <div class="container">
+    <div class="footer-content">
+      <div class="row">
+        <div class="col-12 col-md-3">
+          <div class="footer-content-left">
+            <div class="logo"><a href="http://"><img
+                  src="{{ image_origin($footer_content['content']['intro']['logo']) }}" class="img-fluid"></a></div>
+            <div class="text tinymce-format-p">{!! $footer_content['content']['intro']['text'][$locale] ?? '' !!}</div>
+          </div>
+        </div>
+        @for ($i = 1; $i <= 3; $i++)
+          @php
+            $link = $footer_content['content']['link' . $i];
+          @endphp
+          <div class="col-6 col-sm footer-content-link{{ $i }}">
+            <h6 class="text-uppercase text-dark mb-3">{{ $link['title'][$locale] ?? '' }}</h6>
+            <ul class="list-unstyled">
+              @foreach ($link['links'] as $item)
+                @if ($item['link'])
+                <li class="lh-lg mb-2">
+                  <a href="{{ $item['link'] }}" @if (isset($item['new_window']) && $item['new_window']) target="_blank" @endif>
+                    {{ $item['text'] }}
+                  </a>
+                </li>
+              @endif
+              @endforeach
+            </ul>
+          </div>
+        @endfor
+        <div class="col-12 col-md-3 footer-content-contact">
+          <h6 class="text-uppercase text-dark mb-3">{{ __('common.contact_us') }}</h6>
+          <ul class="list-unstyled">
+            @if ($footer_content['content']['contact']['email'])
+              <li class="lh-lg mb-2"><i class="bi bi-envelope-fill"></i> {{ $footer_content['content']['contact']['email'] }}</li>
+            @endif
+            @if ($footer_content['content']['contact']['telephone'])
+              <li class="lh-lg mb-2"><i class="bi bi-telephone-fill"></i> {{ $footer_content['content']['contact']['telephone'] }}</li>
+            @endif
+            @if ($footer_content['content']['contact']['address'][$locale] ?? '')
+              <li class="lh-lg mb-2"><i class="bi bi-geo-alt-fill"></i> {{ $footer_content['content']['contact']['address'][$locale] ?? '' }}</li>
+            @endif
+          </ul>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="footer-bottom">
+    <div class="container">
+      <div class="row align-items-center">
+        <div class="col">
+          {!! $footer_content['bottom']['copyright'][$locale] ?? '' !!}
+        </div>
+        @if (isset($footer_content['bottom']['image']) && $footer_content['bottom']['image'])
+          <div class="col-auto right-img">
+            <img src="{{ image_origin($footer_content['bottom']['image']) }}" class="img-fluid">
+          </div>
+        @endif
+      </div>
+    </div>
+  </div>
+</footer>
diff --git a/themes/black/layout/header.blade.php b/themes/black/layout/header.blade.php
new file mode 100644
index 00000000..88a0f5c7
--- /dev/null
+++ b/themes/black/layout/header.blade.php
@@ -0,0 +1,168 @@
+<header>
+  <div class="top-wrap" style="background: #000; color: #fff;">
+    <div class="container d-flex justify-content-between align-items-center">
+      <div class="left d-flex align-items-center">
+        @hookwrapper('header.top.currency')
+        <div class="dropdown">
+          <a class="btn dropdown-toggle ps-0" href="javascript:void(0)" role="button" id="currency-dropdown" data-toggle="dropdown"
+            aria-expanded="false" style="color: #fff;">
+            @foreach (currencies() as $currency)
+              @if ($currency->code == current_currency_code())
+                @if ($currency->symbol_left)
+                {{ $currency->symbol_left }}
+                @endif
+                {{ $currency->name }}
+                @if ($currency->symbol_right)
+                {{ $currency->symbol_right }}
+                @endif
+              @endif
+            @endforeach
+          </a>
+
+          <div class="dropdown-menu" aria-labelledby="currency-dropdown">
+            @foreach (currencies() as $currency)
+              <a class="dropdown-item"
+                href="{{ shop_route('currency.switch', [$currency->code]) }}">
+                @if ($currency->symbol_left)
+                {{ $currency->symbol_left }}
+                @endif
+                {{ $currency->name }}
+                @if ($currency->symbol_right)
+                {{ $currency->symbol_right }}
+                @endif
+                </a>
+            @endforeach
+          </div>
+        </div>
+        @endhookwrapper
+
+        @hookwrapper('header.top.language')
+        <div class="dropdown">
+          <a class="btn dropdown-toggle" href="javascript:void(0)" role="button" id="language-dropdown" data-toggle="dropdown"
+          style="color: #fff;"
+            aria-expanded="false">
+            {{ current_language()->name }}
+          </a>
+
+          <div class="dropdown-menu" aria-labelledby="language-dropdown">
+            @foreach ($languages as $language)
+              <a class="dropdown-item" href="{{ shop_route('lang.switch', [$language->code]) }}">
+                {{ $language->name }}
+              </a>
+            @endforeach
+          </div>
+        </div>
+        @endhookwrapper
+      </div>
+
+      @if (system_setting('base.telephone', ''))
+      <div class="right nav">
+        @hookwrapper('header.top.telephone')
+        <span class="px-2"><i class="bi bi-telephone-forward me-2"></i> {{ system_setting('base.telephone') }}</span>
+        @endhookwrapper
+      </div>
+      @endif
+    </div>
+  </div>
+
+  <div class="header-content d-none d-lg-block py-3" style="background: #000">
+    <div class="container navbar-expand-lg">
+      @hookwrapper('header.menu.logo')
+      <div class="logo"><a href="{{ shop_route('home.index') }}">
+          <img src="{{ image_origin(system_setting('base.logo')) }}" class="img-fluid"></a>
+      </div>
+      @endhookwrapper
+      <div class="menu-wrap">
+        @if (!is_mobile())
+          @include('shared.menu-pc')
+        @endif
+      </div>
+      <div class="right-btn">
+        <ul class="navbar-nav flex-row">
+          @hookwrapper('header.menu.icon')
+          <li class="nav-item"><a href="#offcanvas-search-top" style="color: #fff;" data-bs-toggle="offcanvas"
+              aria-controls="offcanvasExample" class="nav-link"><i class="iconfont">&#xe8d6;</i></a></li>
+          <li class="nav-item"><a href="{{ shop_route('account.wishlist.index') }}" style="color: #fff;" class="nav-link"><i
+                class="iconfont">&#xe662;</i></a></li>
+          <li class="nav-item dropdown">
+            <a href="{{ shop_route('account.index') }}" style="color: #fff;" class="nav-link"><i class="iconfont">&#xe619;</i></a>
+            <ul class="dropdown-menu dropdown-menu-end">
+              @auth('web_shop')
+                <li class="dropdown-item">
+                  <h6 class="mb-0">{{ current_customer()->name }}</h6>
+                </li>
+                <li>
+                  <hr class="dropdown-divider opacity-100">
+                </li>
+                <li><a href="{{ shop_route('account.index') }}" class="dropdown-item"><i class="bi bi-person me-1"></i>
+                  {{ __('shop/account.index') }}</a></li>
+                <li><a href="{{ shop_route('account.order.index') }}" class="dropdown-item"><i
+                      class="bi bi-clipboard-check me-1"></i> {{ __('shop/account.order.index') }}</a></li>
+                <li><a href="{{ shop_route('account.wishlist.index') }}" class="dropdown-item"><i
+                      class="bi bi-heart me-1"></i> {{ __('shop/account.wishlist.index') }}</a></li>
+                <li>
+                  <hr class="dropdown-divider opacity-100">
+                </li>
+                <li><a href="{{ shop_route('logout') }}" class="dropdown-item"><i class="bi bi-box-arrow-left me-1"></i>
+                    {{ __('common.sign_out') }}</a></li>
+              @else
+                <li><a href="{{ shop_route('login.index') }}" class="dropdown-item"><i
+                      class="bi bi-box-arrow-right me-1"></i>{{ __('shop/login.login_and_sign') }}</a></li>
+              @endauth
+            </ul>
+          </li>
+          @endhookwrapper
+          <li class="nav-item">
+            <a class="nav-link position-relative" style="color: #fff;" {{ !equal_route('shop.carts.index') ? 'data-bs-toggle=offcanvas' : '' }}
+              href="{{ !equal_route('shop.carts.index') ? '#offcanvas-right-cart' : 'javascript:void(0);' }}" role="button"
+              aria-controls="offcanvasExample">
+              <i class="iconfont">&#xe634;</i>
+              <span class="cart-badge-quantity"></span>
+            </a>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <div class="header-mobile d-lg-none">
+    <div class="mobile-content">
+      <div class="left">
+        <div class="mobile-open-menu"><i class="bi bi-list"></i></div>
+        <div class="mobile-open-search" href="#offcanvas-search-top" data-bs-toggle="offcanvas" aria-controls="offcanvasExample">
+          <i class="iconfont">&#xe8d6;</i>
+        </div>
+      </div>
+      <div class="center"><a href="{{ shop_route('home.index') }}">
+          <img src="{{ image_origin(system_setting('base.logo')) }}" class="img-fluid"></a>
+      </div>
+      <div class="right">
+        <a href="{{ shop_route('account.index') }}" class="nav-link"><i class="iconfont">&#xe619;</i></a>
+        <a href="{{ shop_route('carts.index') }}" class="nav-link ms-3"><i class="iconfont">&#xe634;</i></a>
+      </div>
+    </div>
+  </div>
+  <div class="offcanvas offcanvas-start" tabindex="-1" id="offcanvas-mobile-menu">
+    <div class="offcanvas-header">
+      <h5 class="offcanvas-title" id="offcanvasWithBothOptionsLabel">{{ __('common.menu') }}</h5>
+      <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
+    </div>
+    <div class="offcanvas-body mobile-menu-wrap">
+      @if (is_mobile())
+        @include('shared.menu-mobile')
+      @endif
+    </div>
+  </div>
+
+  @if (!equal_route('shop.carts.index'))
+    <div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvas-right-cart" aria-labelledby="offcanvasRightLabel"></div>
+  @endif
+
+  <div class="offcanvas offcanvas-top" tabindex="-1" id="offcanvas-search-top" aria-labelledby="offcanvasTopLabel">
+    <div class="offcanvas-header">
+      <input type="text" class="form-control input-group-lg border-0 fs-4" focus
+        placeholder="{{ __('common.input') }}" aria-label="Type your search here" aria-describedby="button-addon2">
+      <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
+    </div>
+  </div>
+</header>
diff --git a/themes/black/shared/menu-pc.blade.php b/themes/black/shared/menu-pc.blade.php
new file mode 100644
index 00000000..75a42347
--- /dev/null
+++ b/themes/black/shared/menu-pc.blade.php
@@ -0,0 +1,61 @@
+<ul class="navbar-nav mx-auto">
+  @hook('header.menu.before')
+  @foreach ($menu_content as $menu)
+    @if ($menu['name'])
+      <li
+        class="nav-item {{ isset($menu['children_group']) ? 'dropdown' : '' }} {{ isset($menu['isFull']) && $menu['isFull'] ? 'position-static' : '' }}" style="color: #fff;">
+        <a class="nav-link fw-bold {{ isset($menu['children_group']) ? 'dropdown-toggle' : '' }}"
+          target="{{ isset($menu['new_window']) && $menu['new_window'] ? '_blank' : '_self' }}"
+          href="{{ $menu['link'] ?: 'javascript:void(0)' }}">
+          {{ $menu['name'] }}
+          @if (isset($menu['badge']) && $menu['badge']['name'])
+            <span class="badge"
+              style="background-color: {{ $menu['badge']['bg_color'] }}; color: {{ $menu['badge']['text_color'] }}; border-color: {{ $menu['badge']['bg_color'] }}">
+              {{ $menu['badge']['name'] }}
+            </span>
+          @endif
+        </a>
+        @if (isset($menu['children_group']) && $menu['children_group'])
+          <div class="dropdown-menu {{ $menu['isFull'] ? 'w-100' : '' }}"
+            style="min-width: {{ count($menu['children_group']) * 240 }}px">
+            <div class="card card-lg">
+              <div class="card-body">
+                <div class="container">
+                  <div class="row">
+                    @forelse ($menu['children_group'] as $group)
+                      <div class="col-6 col-md">
+                        @if ($group['name'])
+                          <div class="mb-3 fw-bold group-name">{{ $group['name'] }}</div>
+                        @endif
+                        @if ($group['type'] == 'image')
+                          <a
+                          target="{{ isset($group['image']['link']['new_window']) && $group['image']['link']['new_window'] ? '_blank' : '_self' }}"
+                          href="{{ $group['image']['link'] ?: 'javascript:void(0)' }}"><img src="{{ $group['image']['image'] }}"
+                              class="img-fluid"></a>
+                        @else
+                          <ul class="nav flex-column ul-children">
+                            @foreach ($group['children'] as $children)
+                              @if (!is_array($children['link']['text']) && $children['link']['text'])
+                                <li class="nav-item">
+                                  <a
+                                  target="{{ isset($children['link']['new_window']) && $children['link']['new_window'] ? '_blank' : '_self' }}"
+                                  class="nav-link px-0"
+                                    href="{{ $children['link']['link'] ?: 'javascript:void(0)' }}">{{ $children['link']['text'] }}</a>
+                                </li>
+                              @endif
+                            @endforeach
+                          </ul>
+                        @endif
+                      </div>
+                    @endforeach
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        @endif
+      </li>
+    @endif
+  @endforeach
+  @hook('header.menu.after')
+</ul>