366 行
19 KiB
HTML
可执行文件
366 行
19 KiB
HTML
可执行文件
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="keywords" content="{$webinfo['logo']['keywords']}">
|
|
<meta name="description" content="{$webinfo['logo']['description']}">
|
|
<title>{$webinfo['logo']['indexname']}</title>
|
|
<link href="{$webinfo['logo']['icourl']}" type="image/x-icon" rel="shortcut icon">
|
|
<link rel="stylesheet" href="__PUBLIC__/Webinfo/Templatetwo/css/style.css">
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<!-- 导航栏 -->
|
|
<nav class="navbar">
|
|
<div class="nav-container">
|
|
<div class="nav-brand">
|
|
<img src="{$webinfo['logo']['weblogo']}" alt="Logo" class="brand-logo">
|
|
<span class="brand-text">码上有酒</span>
|
|
</div>
|
|
<div class="nav-menu">
|
|
<a href="javascript:;" class="nav-link active">首页</a>
|
|
<a href="{:U('Main/Product/index')}" class="nav-link">产品中心</a>
|
|
<a href="{:U('Main/News/index')}" class="nav-link">新闻动态</a>
|
|
<a href="{:U('Main/About/index')}" class="nav-link">关于我们</a>
|
|
<a href="{:U('Main/Contact/index')}" class="nav-link">联系我们</a>
|
|
</div>
|
|
<button class="btn-login" onclick="window.location.href='/index.php/Retail/login/index.html'">
|
|
立即登录
|
|
</button>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- 主要内容 -->
|
|
<main class="main-content">
|
|
<!-- 英雄区域 -->
|
|
<section class="hero-section">
|
|
<div class="hero-container">
|
|
<div class="hero-content">
|
|
<div class="hero-badge">🎯 智慧零售解决方案</div>
|
|
<h1 class="hero-title">零售的本质<br><span class="gradient-text">永恒不变</span></h1>
|
|
<p class="hero-description">零售的本质不会随着商业模式的改变而改变，还是挖掘和满足客户需求，对商品和客户进行经营，实现销售。零售环节是信息流、商品流、现金流的流通。</p>
|
|
<div class="hero-actions">
|
|
<button class="btn btn-primary">
|
|
<span>立即体验</span>
|
|
<svg width="16" height="16" viewBox="0 0 24 24" fill="none">
|
|
<path d="M5 12h14m-7-7l7 7-7 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
</svg>
|
|
</button>
|
|
<button class="btn btn-outline">
|
|
<span>了解详情</span>
|
|
<svg width="16" height="16" viewBox="0 0 24 24" fill="none">
|
|
<polygon points="5,3 19,12 5,21" fill="currentColor"/>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="hero-visual">
|
|
<div class="hero-image">
|
|
<div class="floating-card card-1">
|
|
<div class="card-icon">📄</div>
|
|
<div class="card-text">信息流</div>
|
|
</div>
|
|
<div class="floating-card card-2">
|
|
<div class="card-icon">📦</div>
|
|
<div class="card-text">商品流</div>
|
|
</div>
|
|
<div class="floating-card card-3">
|
|
<div class="card-icon">💰</div>
|
|
<div class="card-text">现金流</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 核心能力 -->
|
|
<section class="capabilities-section">
|
|
<div class="container">
|
|
<div class="section-header">
|
|
<h2 class="section-title">三大核心能力</h2>
|
|
<p class="section-subtitle">专业的技术实力与丰富的行业经验相结合</p>
|
|
</div>
|
|
<div class="capabilities-grid">
|
|
<div class="capability-card">
|
|
<div class="capability-icon">
|
|
<svg width="48" height="48" viewBox="0 0 24 24" fill="none">
|
|
<path d="M3 3v18h18V3H3zm16 16H5V5h14v14z" fill="currentColor"/>
|
|
<path d="M7 7h10v2H7V7zm0 4h10v2H7v-2zm0 4h7v2H7v-2z" fill="currentColor"/>
|
|
</svg>
|
|
</div>
|
|
<h3 class="capability-title">DATA</h3>
|
|
<h4 class="capability-subtitle">高效的数据分析</h4>
|
|
<p class="capability-description">基于大数据技术，提供实时数据分析和智能决策支持，帮助企业精准把握市场动态。</p>
|
|
<ul class="capability-features">
|
|
<li>实时数据监控</li>
|
|
<li>智能分析报告</li>
|
|
<li>预测性分析</li>
|
|
</ul>
|
|
</div>
|
|
<div class="capability-card">
|
|
<div class="capability-icon">
|
|
<svg width="48" height="48" viewBox="0 0 24 24" fill="none">
|
|
<path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" fill="currentColor"/>
|
|
</svg>
|
|
</div>
|
|
<h3 class="capability-title">OPERATION</h3>
|
|
<h4 class="capability-subtitle">优秀的运营能力</h4>
|
|
<p class="capability-description">专业的运营团队，丰富的实战经验，为您提供全方位的运营支持和优化建议。</p>
|
|
<ul class="capability-features">
|
|
<li>专业运营团队</li>
|
|
<li>全渠道管理</li>
|
|
<li>营销策略优化</li>
|
|
</ul>
|
|
</div>
|
|
<div class="capability-card">
|
|
<div class="capability-icon">
|
|
<svg width="48" height="48" viewBox="0 0 24 24" fill="none">
|
|
<path d="M4 4h16v2H4V4zm0 4h16v12H4V8zm2 2v8h12v-8H6z" fill="currentColor"/>
|
|
<path d="M8 12h8v2H8v-2zm0 3h6v2H8v-2z" fill="currentColor"/>
|
|
</svg>
|
|
</div>
|
|
<h3 class="capability-title">PLATFORM</h3>
|
|
<h4 class="capability-subtitle">优质的平台资源</h4>
|
|
<p class="capability-description">整合优质平台资源，提供稳定可靠的技术支撑和丰富的生态合作伙伴网络。</p>
|
|
<ul class="capability-features">
|
|
<li>稳定技术平台</li>
|
|
<li>丰富生态资源</li>
|
|
<li>灵活扩展能力</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 痛点分析 -->
|
|
<section class="problems-section">
|
|
<div class="container">
|
|
<div class="section-header">
|
|
<h2 class="section-title">您还在烦恼这些问题吗？</h2>
|
|
<p class="section-subtitle">Don't worry about this - 我们来帮您解决</p>
|
|
</div>
|
|
<div class="problems-grid">
|
|
<div class="problem-card">
|
|
<div class="problem-icon">📊</div>
|
|
<h3 class="problem-title">订单数量</h3>
|
|
<p class="problem-description">订单量不稳定，难以预测和管理</p>
|
|
</div>
|
|
<div class="problem-card">
|
|
<div class="problem-icon">🏪</div>
|
|
<h3 class="problem-title">店铺管理</h3>
|
|
<p class="problem-description">多店铺管理复杂，效率低下</p>
|
|
</div>
|
|
<div class="problem-card">
|
|
<div class="problem-icon">🔥</div>
|
|
<h3 class="problem-title">爆款打造</h3>
|
|
<p class="problem-description">缺乏爆款产品策略和执行能力</p>
|
|
</div>
|
|
<div class="problem-card">
|
|
<div class="problem-icon">📢</div>
|
|
<h3 class="problem-title">推广平台</h3>
|
|
<p class="problem-description">推广渠道单一，效果不理想</p>
|
|
</div>
|
|
<div class="problem-card">
|
|
<div class="problem-icon">💸</div>
|
|
<h3 class="problem-title">成本控制</h3>
|
|
<p class="problem-description">运营成本居高不下，利润微薄</p>
|
|
</div>
|
|
<div class="problem-card">
|
|
<div class="problem-icon">🎯</div>
|
|
<h3 class="problem-title">营销活动</h3>
|
|
<p class="problem-description">营销活动效果差，转化率低</p>
|
|
</div>
|
|
<div class="problem-card">
|
|
<div class="problem-icon">👥</div>
|
|
<h3 class="problem-title">专业运营</h3>
|
|
<p class="problem-description">缺乏专业运营人才和经验</p>
|
|
</div>
|
|
<div class="problem-card">
|
|
<div class="problem-icon">👁️</div>
|
|
<h3 class="problem-title">视觉聚焦</h3>
|
|
<p class="problem-description">产品展示缺乏吸引力和专业性</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 服务保障 -->
|
|
<section class="services-section">
|
|
<div class="container">
|
|
<div class="section-header">
|
|
<h2 class="section-title">8大服务为您保驾护航</h2>
|
|
<p class="section-subtitle">Service process - 全方位专业服务体系</p>
|
|
</div>
|
|
<div class="services-content">
|
|
<div class="services-visual">
|
|
<div class="service-circle">
|
|
<div class="service-item" style="--index: 0;">
|
|
<div class="service-icon">🎯</div>
|
|
<span>需求分析</span>
|
|
</div>
|
|
<div class="service-item" style="--index: 1;">
|
|
<div class="service-icon">📋</div>
|
|
<span>方案设计</span>
|
|
</div>
|
|
<div class="service-item" style="--index: 2;">
|
|
<div class="service-icon">⚙️</div>
|
|
<span>系统部署</span>
|
|
</div>
|
|
<div class="service-item" style="--index: 3;">
|
|
<div class="service-icon">📚</div>
|
|
<span>培训指导</span>
|
|
</div>
|
|
<div class="service-item" style="--index: 4;">
|
|
<div class="service-icon">🚀</div>
|
|
<span>上线运营</span>
|
|
</div>
|
|
<div class="service-item" style="--index: 5;">
|
|
<div class="service-icon">📊</div>
|
|
<span>数据监控</span>
|
|
</div>
|
|
<div class="service-item" style="--index: 6;">
|
|
<div class="service-icon">🔧</div>
|
|
<span>持续优化</span>
|
|
</div>
|
|
<div class="service-item" style="--index: 7;">
|
|
<div class="service-icon">🛡️</div>
|
|
<span>技术支持</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="services-description">
|
|
<h3>专业服务流程</h3>
|
|
<p>从需求分析到技术支持，我们提供全生命周期的专业服务，确保您的零售业务稳步发展。</p>
|
|
<button class="btn btn-primary">
|
|
了解更多服务详情
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 新零售概念 -->
|
|
<section class="concept-section">
|
|
<div class="container">
|
|
<div class="section-header">
|
|
<h2 class="section-title">零售系列产品</h2>
|
|
<p class="section-subtitle">Smart retail - 智慧零售解决方案</p>
|
|
</div>
|
|
<div class="concept-content">
|
|
<div class="concept-text">
|
|
<h3>新零售：</h3>
|
|
<p>新零售，即企业以互联网为依托，通过运用<span class="highlight">大数据</span>、<span class="highlight">人工智能</span>等先进技术手段，对商品的生产、流通与销售过程进行升级改造，进而重塑业态结构与生态圈，并对<span class="highlight">线上服务、线下体验</span>以及<span class="highlight">现代物流</span>进行深度融合的零售新模式。</p>
|
|
<div class="concept-highlight">
|
|
<span class="highlight-text">线上线下和物流结合在一起，才会产生新零售</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 行业解决方案 -->
|
|
<section class="solutions-section">
|
|
<div class="container">
|
|
<div class="section-header">
|
|
<h2 class="section-title">行业解决方案</h2>
|
|
<p class="section-subtitle">针对不同行业特点，提供专业定制化解决方案</p>
|
|
</div>
|
|
<div class="solutions-grid">
|
|
<div class="solution-card">
|
|
<div class="solution-icon">👔</div>
|
|
<h3 class="solution-title">服装行业解决方案</h3>
|
|
<p class="solution-description">专为服装零售行业打造的全链路数字化解决方案</p>
|
|
<ul class="solution-features">
|
|
<li>款式管理系统</li>
|
|
<li>尺码库存优化</li>
|
|
<li>季节性销售预测</li>
|
|
<li>时尚趋势分析</li>
|
|
</ul>
|
|
<button class="btn btn-outline">了解详情</button>
|
|
</div>
|
|
<div class="solution-card">
|
|
<div class="solution-icon">📱</div>
|
|
<h3 class="solution-title">3C电子行业解决方案</h3>
|
|
<p class="solution-description">针对3C电子产品特点的智能零售管理系统</p>
|
|
<ul class="solution-features">
|
|
<li>产品生命周期管理</li>
|
|
<li>技术参数对比</li>
|
|
<li>售后服务跟踪</li>
|
|
<li>价格动态调整</li>
|
|
</ul>
|
|
<button class="btn btn-outline">了解详情</button>
|
|
</div>
|
|
<div class="solution-card">
|
|
<div class="solution-icon">🥬</div>
|
|
<h3 class="solution-title">食品生鲜行业解决方案</h3>
|
|
<p class="solution-description">保障食品安全与新鲜度的专业零售解决方案</p>
|
|
<ul class="solution-features">
|
|
<li>保质期智能管理</li>
|
|
<li>冷链物流追踪</li>
|
|
<li>食品安全溯源</li>
|
|
<li>新鲜度预警系统</li>
|
|
</ul>
|
|
<button class="btn btn-outline">了解详情</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- CTA区域 -->
|
|
<section class="cta-section">
|
|
<div class="container">
|
|
<div class="cta-content">
|
|
<h2 class="cta-title">开启您的智慧零售之旅</h2>
|
|
<p class="cta-description">立即体验码上有酒智慧零售解决方案，让您的业务更上一层楼</p>
|
|
<div class="cta-actions">
|
|
<button class="btn btn-primary btn-large">
|
|
免费试用 30 天
|
|
</button>
|
|
<button class="btn btn-outline btn-large">
|
|
预约演示
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<!-- 页脚 -->
|
|
<footer class="footer">
|
|
<div class="container">
|
|
<div class="footer-content">
|
|
<div class="footer-brand">
|
|
<img src="{$webinfo['logo']['weblogo']}" alt="Logo" class="footer-logo">
|
|
<p class="footer-description">码上有酒 - 智慧零售解决方案专家</p>
|
|
</div>
|
|
<div class="footer-links">
|
|
<div class="footer-column">
|
|
<h4>产品服务</h4>
|
|
<a href="#">零售管理系统</a>
|
|
<a href="#">数据分析平台</a>
|
|
<a href="#">营销推广工具</a>
|
|
</div>
|
|
<div class="footer-column">
|
|
<h4>解决方案</h4>
|
|
<a href="#">服装行业</a>
|
|
<a href="#">3C电子</a>
|
|
<a href="#">食品生鲜</a>
|
|
</div>
|
|
<div class="footer-column">
|
|
<h4>支持中心</h4>
|
|
<a href="#">帮助文档</a>
|
|
<a href="#">技术支持</a>
|
|
<a href="#">联系我们</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="footer-bottom">
|
|
<p>© 2025 码上有酒. 保留所有权利.</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="__PUBLIC__/Webinfo/Templatetwo/js/main.js"></script>
|
|
</body>
|
|
</html> |