---
import { getConfig } from '../../utils/config'
import '../assets/css/pre.css'
import '../assets/css/vendor.bundle.css'
import '../assets/css/style.css'
const config = getConfig(Astro)
const { isShowHeader = true } = Astro.props
const {
	desc = '',
	title = '',
	keywords = '',
	bytedance = ''
} = Astro.props
---
<!doctype html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width" />
		<link rel="icon" type="image/svg+xml" href="/logo.png" />
		<meta name="generator" content={Astro.generator} />
		<title>{title ? `${title} | 览屿官方网站` : `览屿官方网站`}</title>
		<!-- site metas -->
		<meta name="keywords" content={config.app_keywords}>
		<meta name="description" content={config.app_description}>
		<link rel="icon" href="/logo.png" type="image/gif" sizes="16x16">
	</head>
	<body  data-spy="scroll" data-target="#navbar" data-offset="70">
		<!-- Preloader -->
		<!-- <div id="preloader">
			<div id="status">&nbsp;</div>
		</div> -->
		<!-- -->
		<!-- header -->
		<header>
			<!-- navbar -->
			<nav id="navbar" class="navbar navbar-custom navbar-fixed-top" data-spy="affix" data-offset-top="70">
				<div class="container">
					<div class="row">
						<!-- Brand and toggle get grouped for better mobile display -->
						<div class="navbar-header page-scroll">
							<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
								菜单
							</button>
							<a class="navbar-brand page-scroll logo-light" href="/">
								<img alt="" src="/logo.png" width="30" height="30">
							</a>
							<a class="navbar-brand page-scroll logo-clr" href="/">
								<img alt="" src="/logo.png" width="30" height="30">
							</a>
							<span class="img-pre" style="font-weight: bold;color:black;margin-left:.5rem">览屿</span>
						</div>
						<!-- Collect the nav links,forms,and other content for toggling -->
						<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
							<div class="right-nav text-right">
								<ul class="nav navbar-nav menu">
									<li>
										<a href="/">首页</a>
									</li>
									<li>
										<a href="/news">产品动态</a>
									</li>
									<li>
										<a href="/about">关于我们</a>
									</li>
									<li>
										<a href="/contact">联系我们</a>
									</li>
								</ul>
							</div>
						</div>
						<!-- /.navbar-collapse -->
					</div>
				</div>
			</nav>
			<!-- End navbar -->
			<!-- banner -->
			<div class="hero bg-shape" style={isShowHeader ? '' : 'display:none'}>
				<div class="hero-content">
					<div class="container">
						<div class="row">
							<div class="row">
								<div class="col-sm-5">
									<div class="intro-text grad-orange">
										<div class="meta-head clip-txt">览屿</div>
										<h2>沉浸学习，大咖分享</h2>
										<div class="spce"></div>
										<p class="large">览屿是一款超实用的知识学习应用，堪称知识宝库！想提升自我的你别错过。它有丰富课程，生活学院讲传统智慧，国学学院授易经知识，书画学院教国画技巧 ，每周上新直播课，专业授课。</p>
										<div class="btn-holder">
											<a href="https://appgallery.huawei.com/app/C114689713" class="btn grdnt-orange">立即下载</a>
										</div>
									</div>
								</div>
								<div class="col-sm-7">
									<div class="text-right img-pre">
										<img alt="" src="image/img-1.png">
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- End Banner -->
		</header>
		<!-- End header -->
		<slot />
		<footer class="footer-wrapper bg-gray pb-0  sec-pad">
            <div class="container footer-content">
                <div class="row">
                    <div class="row footer-widget">
                        <div class="col-md-3 col-sm-6 res-margin">
                            <a class="navbar-brand" href="index.html">
                                <img alt="" src="/logo.png" width="30" height="30">
                            </a>
                            <div class="spce"></div>
                            <p>7 * 24小时客服热线 <a href="tel:400-180-1950">400-180-1950</a></p>
                        </div>
                        <div class="col-md-2 col-sm-6 col-md-offset-1 res-margin">
                            <h6>产品</h6>
                            <div class="spce"></div>
                            <ul>
                                <li>
                                    <a href="/news">产品动态</a>
                                </li>
                            </ul>
                        </div>
                        <div class="col-md-3 col-sm-6 res-margin">
                            <h6>支持</h6>
                            <div class="spce"></div>
                            <ul>
                                <li>
                                    <a href="/contact">联系我们</a>
                                </li>
                                <li>
                                    <a href="/about">关于我们</a>
                                </li>
                            </ul>
                        </div>
                        <div class="col-md-3 col-sm-6">
                            <h6>关注我们</h6>
                            <div class="spce"></div>
                            <ul>
                                <li>
									<a href="https://author.baidu.com/home?from=bjh_article&app_id=1837340757389869"><img alt="" src="/baijiahao.svg" width="30" height="30"></a>
									<a href="https://www.douyin.com/user/MS4wLjABAAAAVSHPmAfZaIHG2JkIDxz6ZsRnd8LyDjabi56FHGWnwF4?from_tab_name=main"><img alt="" src="/douyin.svg" width="30" height="30"></a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="spce md"></div>
                    <div class="spce"></div>
                    <div class="copyright text-center">
                        Copyright © 2025 览屿
                        All Rights By <a href="https://www.bootstrapmb.com">览屿</a>
                        . 
						苏ICP备2024117037号-27 苏B2-20242110号
                    </div>
					
                </div>
            </div>
        </footer>

		<script is:inline src="/js/vendor.bundle.js"></script>
        <script is:inline src="/js/script.js"></script>
	</body>
</html>

<style>
	html,
	body {
		margin: 0;
		width: 100%;
		height: 100%;
	}
</style>
