admin/38780-vm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Autosave: 20260226-064543

Browse Source
This commit is contained in:
Flatlogic Bot 2026-02-26 06:45:43 +00:00
parent 7f248fcd09
commit d48e906220
14 changed files with 1310 additions and 445 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

74
agreement.php Normal file
View File

@ -0,0 +1,74 @@
<?php
require_once __DIR__ . '/db/config.php';
$project_name = '智域科技';
$logo_path = '/assets/pasted-20260226-063604-a7913cdd.png';
?>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>服务协议 - <?= htmlspecialchars($project_name) ?></title>
<link rel="icon" href="<?= $logo_path ?>" type="image/png">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">
<link href="/assets/css/custom.css?v=<?= time() ?>" rel="stylesheet">
</head>
<body class="bg-subtle">
<nav class="navbar navbar-expand-lg navbar-light bg-white border-bottom scrolled">
<div class="container">
<a class="navbar-brand d-flex align-items-center gap-2" href="/">
<img src="<?= $logo_path ?>" alt="<?= htmlspecialchars($project_name) ?>" style="height: 32px;">
<span class="fw-bold text-dark"><?= htmlspecialchars($project_name) ?></span>
</a>
<a href="/" class="btn btn-outline-primary btn-sm ms-auto fw-bold"><i class="bi bi-arrow-left"></i> 返回首页</a>
</div>
</nav>
<main class="py-5 mt-5">
<div class="container py-5">
<div class="row justify-content-center">
<div class="col-lg-9">
<div class="tech-card p-5 border-0 shadow-sm">
<h1 class="fw-bold mb-5 text-dark border-bottom pb-4">服务协议</h1>
<div class="content text-muted lh-lg">
<p class="mb-4">欢迎访问智域科技（以下简称“本平台”）。本服务协议规定了您使用本平台所提供的各项服务时应当遵守的条款。在您使用本平台之前，请务必仔细阅读并理解本协议的所有内容。</p>
<h5 class="fw-bold text-dark mt-5 mb-4">1. 服务的定义</h5>
<p class="mb-4">智域科技通过本平台向用户提供数字化转型咨询、定制软件开发方案展示、行业技术白皮书下载以及在线技术咨询预约等服务。</p>
<h5 class="fw-bold text-dark mt-5 mb-4">2. 用户的权利与义务</h5>
<ul class="mb-4">
<li>用户在使用本平台服务时，应遵守所有适用法律法规及互联网行业规范。</li>
<li>用户应确保提供的个人信息及业务需求描述真实有效，以便我们提供精准的服务支持。</li>
<li>未经智域科技明确书面许可，用户不得将本平台发布的行业分析、白皮书等内容用于任何商业盈利目的。</li>
</ul>
<h5 class="fw-bold text-dark mt-5 mb-4">3. 免责声明</h5>
<p class="mb-4">本平台所展示的所有技术方案及预期效果仅供参考。具体的项目工期、开发成本及技术指标将根据具体的服务合同及详细的需求说明书进行最终确认。我们不对非因本平台过错造成的网络中断、信息错误或业务损失承担法律责任。</p>
<h5 class="fw-bold text-dark mt-5 mb-4">4. 协议的修改与终止</h5>
<p class="mb-4">智域科技有权根据业务发展及法律合规要求，对本协议内容进行不时修改。用户在修改后的协议生效后继续使用本平台服务的，视为已完全知晓并接受该等修改。</p>
<h5 class="fw-bold text-dark mt-5 mb-4">5. 法律适用与管辖</h5>
<p class="mb-4">本协议的订立、执行和解释及争议的解决均应适用中华人民共和国法律。如双方就本协议内容或其执行发生任何争议，应尽力友好协商解决；协商不成时，任何一方均可向智域科技所在地有管辖权的人民法院提起诉讼。</p>
</div>
<div class="mt-5 p-4 bg-light rounded-4 text-center">
<p class="small mb-0">如有任何关于本协议的法律疑问，请联系我们的法律事务部：<strong>@zhangshihao818</strong></p>
</div>
</div>
</div>
</div>
</div>
</main>
<footer class="py-5 bg-white border-top">
<div class="container text-center small text-muted">
<p class="mb-0">&copy; 2020 <?= htmlspecialchars($project_name) ?>. 专业数字化工程与行业方案专家.</p>
</div>
</footer>
</body>
</html>

475
assets/css/custom.css
View File

@ -1,302 +1,243 @@
body {
background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
background-size: 400% 400%;
animation: gradient 15s ease infinite;
color: #212529;
font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
font-size: 14px;
margin: 0;
min-height: 100vh;
:root {
--bg-light: #ffffff;
--bg-alt: #f8fafc;
--surface: #ffffff;
--accent: #0066FF;
--accent-soft: rgba(0, 102, 255, 0.08);
--text-main: #0f172a;
--text-muted: #64748b;
--glass: rgba(255, 255, 255, 0.7);
--glass-border: rgba(0, 0, 0, 0.05);
--card-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
--card-shadow-hover: 0 25px 50px rgba(0, 102, 255, 0.1);
}
.main-wrapper {
body {
background-color: var(--bg-light);
color: var(--text-main);
font-family: 'Inter', "PingFang SC", "Microsoft YaHei", sans-serif;
line-height: 1.7;
overflow-x: hidden;
}
/* 导航栏优化 */
.navbar {
padding: 1.25rem 0;
transition: all 0.3s;
background: rgba(255, 255, 255, 0.9);
backdrop-filter: blur(10px);
}
.navbar.scrolled {
padding: 0.75rem 0;
box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}
.navbar-brand img {
max-height: 45px;
width: auto;
object-fit: contain;
background: transparent !important;
}
/* 英雄首屏字体与布局 */
.hero-section {
padding-top: 160px; /* 增加顶部间距，不与菜单栏平齐 */
padding-bottom: 100px;
}
.hero-title {
font-size: clamp(2.5rem, 6vw, 4rem); /* 更大的字体 */
font-weight: 850;
line-height: 1.1;
margin-bottom: 1.5rem;
}
.lead {
font-size: 1.35rem; /* 更大的字体 */
font-weight: 400;
}
/* 渐变文本 */
.text-gradient {
background: linear-gradient(135deg, #0f172a 0%, #0066FF 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/* Section 样式 */
.section-title {
font-size: clamp(2rem, 5vw, 2.5rem);
font-weight: 800;
margin-bottom: 3.5rem;
text-align: center;
}
.section-subtitle {
display: block;
font-size: 0.9rem;
font-weight: 700;
color: var(--accent);
text-transform: uppercase;
letter-spacing: 0.15em;
margin-bottom: 1rem;
text-align: center;
}
/* 布局网格系统 */
.grid-4 {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1.5rem;
}
.grid-6 {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 1.5rem;
}
/* 卡片通用样式 */
.tech-card {
background: var(--surface);
border: 1px solid var(--glass-border);
border-radius: 24px;
padding: 2.25rem;
transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
height: 100%;
position: relative;
display: flex;
flex-direction: column;
}
.tech-card:hover {
transform: translateY(-12px);
box-shadow: var(--card-shadow-hover);
border-color: rgba(0, 102, 255, 0.1);
}
/* 多彩图标容器 */
.icon-box-colorful {
width: 64px;
height: 64px;
border-radius: 18px;
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh;
width: 100%;
padding: 20px;
box-sizing: border-box;
position: relative;
z-index: 1;
font-size: 1.75rem;
margin-bottom: 1.5rem;
transition: 0.4s;
}
@keyframes gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
/* 合作伙伴网格 */
.partners-grid {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 1.5rem;
}
.chat-container {
width: 100%;
max-width: 600px;
background: rgba(255, 255, 255, 0.85);
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 20px;
display: flex;
flex-direction: column;
height: 85vh;
box-shadow: 0 20px 40px rgba(0,0,0,0.2);
backdrop-filter: blur(15px);
-webkit-backdrop-filter: blur(15px);
overflow: hidden;
}
.chat-header {
padding: 1.5rem;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
background: rgba(255, 255, 255, 0.5);
font-weight: 700;
font-size: 1.1rem;
display: flex;
justify-content: space-between;
align-items: center;
}
.chat-messages {
flex: 1;
overflow-y: auto;
padding: 1.5rem;
display: flex;
flex-direction: column;
gap: 1.25rem;
}
/* Custom Scrollbar */
::-webkit-scrollbar {
width: 6px;
}
::-webkit-scrollbar-track {
background: transparent;
}
::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, 0.3);
border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
background: rgba(255, 255, 255, 0.5);
}
.message {
max-width: 85%;
padding: 0.85rem 1.1rem;
.partner-item {
background: #fff;
border: 1px solid var(--glass-border);
border-radius: 16px;
line-height: 1.5;
font-size: 0.95rem;
box-shadow: 0 4px 15px rgba(0,0,0,0.05);
animation: fadeIn 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(20px) scale(0.95); }
to { opacity: 1; transform: translateY(0) scale(1); }
}
.message.visitor {
align-self: flex-end;
background: linear-gradient(135deg, #212529 0%, #343a40 100%);
color: #fff;
border-bottom-right-radius: 4px;
}
.message.bot {
align-self: flex-start;
background: #ffffff;
color: #212529;
border-bottom-left-radius: 4px;
}
.chat-input-area {
padding: 1.25rem;
background: rgba(255, 255, 255, 0.5);
border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.chat-input-area form {
padding: 1.5rem 1rem;
text-align: center;
transition: all 0.3s;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 0.75rem;
}
.chat-input-area input {
flex: 1;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 12px;
padding: 0.75rem 1rem;
outline: none;
background: rgba(255, 255, 255, 0.9);
transition: all 0.3s ease;
/* 轮播图优化 */
.hero-carousel .carousel-item img {
border-radius: 32px;
height: 520px;
object-fit: cover;
box-shadow: 0 30px 60px rgba(0,0,0,0.15);
}
.chat-input-area input:focus {
border-color: #23a6d5;
box-shadow: 0 0 0 3px rgba(35, 166, 213, 0.2);
/* 项目案例卡片 */
.case-card {
border-radius: 24px;
overflow: hidden;
background: #fff;
border: 1px solid var(--glass-border);
transition: all 0.5s;
height: 100%;
}
.chat-input-area button {
background: #212529;
color: #fff;
border: none;
padding: 0.75rem 1.5rem;
border-radius: 12px;
cursor: pointer;
font-weight: 600;
transition: all 0.3s ease;
.case-image-wrapper {
position: relative;
height: 240px;
overflow: hidden;
}
.chat-input-area button:hover {
background: #000;
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}
/* Background Animations */
.bg-animations {
position: fixed;
top: 0;
left: 0;
.case-image {
width: 100%;
height: 100%;
z-index: 0;
overflow: hidden;
pointer-events: none;
object-fit: cover;
transition: 0.8s;
}
.blob {
position: absolute;
width: 500px;
height: 500px;
background: rgba(255, 255, 255, 0.2);
/* 悬浮按钮 */
.floating-controls {
position: fixed;
right: 30px;
bottom: 30px;
display: flex;
flex-direction: column;
gap: 15px;
z-index: 9999;
}
.float-btn {
width: 55px;
height: 55px;
border-radius: 50%;
filter: blur(80px);
animation: move 20s infinite alternate cubic-bezier(0.45, 0, 0.55, 1);
}
.blob-1 {
top: -10%;
left: -10%;
background: rgba(238, 119, 82, 0.4);
}
.blob-2 {
bottom: -10%;
right: -10%;
background: rgba(35, 166, 213, 0.4);
animation-delay: -7s;
width: 600px;
height: 600px;
}
.blob-3 {
top: 40%;
left: 30%;
background: rgba(231, 60, 126, 0.3);
animation-delay: -14s;
width: 450px;
height: 450px;
}
@keyframes move {
0% { transform: translate(0, 0) rotate(0deg) scale(1); }
33% { transform: translate(150px, 100px) rotate(120deg) scale(1.1); }
66% { transform: translate(-50px, 200px) rotate(240deg) scale(0.9); }
100% { transform: translate(0, 0) rotate(360deg) scale(1); }
}
.admin-link {
font-size: 14px;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.5rem;
color: white;
box-shadow: 0 10px 25px rgba(0,0,0,0.15);
transition: 0.3s;
text-decoration: none;
background: rgba(0, 0, 0, 0.2);
padding: 0.5rem 1rem;
border-radius: 8px;
transition: all 0.3s ease;
}
.admin-link:hover {
background: rgba(0, 0, 0, 0.4);
text-decoration: none;
}
/* Admin Styles */
.admin-container {
max-width: 900px;
margin: 3rem auto;
padding: 2.5rem;
background: rgba(255, 255, 255, 0.85);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border-radius: 24px;
box-shadow: 0 20px 50px rgba(0,0,0,0.15);
border: 1px solid rgba(255, 255, 255, 0.4);
position: relative;
z-index: 1;
}
.admin-container h1 {
margin-top: 0;
color: #212529;
font-weight: 800;
}
.table {
width: 100%;
border-collapse: separate;
border-spacing: 0 8px;
margin-top: 1.5rem;
}
.table th {
background: transparent;
cursor: pointer;
border: none;
padding: 1rem;
color: #6c757d;
font-weight: 600;
text-transform: uppercase;
font-size: 0.75rem;
}
.float-btn-tg { background: #229ED9; }
.float-btn-up { background: var(--accent); opacity: 0; visibility: hidden; }
.float-btn-up.visible { opacity: 1; visibility: visible; }
.float-btn:hover {
transform: scale(1.1) translateY(-5px);
color: white;
}
/* 底部按钮字体突出 */
.footer-cta .btn {
font-size: 1.25rem;
font-weight: 700;
letter-spacing: 1px;
padding: 1.25rem 2.5rem;
}
.table td {
background: #fff;
padding: 1rem;
border: none;
/* 响应式调整 */
@media (max-width: 1200px) {
.grid-4 { grid-template-columns: repeat(2, 1fr); }
.grid-6 { grid-template-columns: repeat(3, 1fr); }
}
.table tr td:first-child { border-radius: 12px 0 0 12px; }
.table tr td:last-child { border-radius: 0 12px 12px 0; }
.form-group {
margin-bottom: 1.25rem;
@media (max-width: 992px) {
.partners-grid { grid-template-columns: repeat(3, 1fr); }
.hero-carousel .carousel-item img { height: 400px; }
.hero-section { padding-top: 120px; }
}
.form-group label {
display: block;
margin-bottom: 0.5rem;
font-weight: 600;
font-size: 0.9rem;
}
.form-control {
width: 100%;
padding: 0.75rem 1rem;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 12px;
background: #fff;
transition: all 0.3s ease;
box-sizing: border-box;
}
.form-control:focus {
outline: none;
border-color: #23a6d5;
box-shadow: 0 0 0 3px rgba(35, 166, 213, 0.1);
@media (max-width: 768px) {
.grid-4, .grid-6 { grid-template-columns: 1fr; }
.hero-title { font-size: 2.2rem; }
}

117
assets/js/main.js
View File

@ -1,39 +1,86 @@
document.addEventListener('DOMContentLoaded', () => {
const chatForm = document.getElementById('chat-form');
const chatInput = document.getElementById('chat-input');
const chatMessages = document.getElementById('chat-messages');
document.addEventListener('DOMContentLoaded', function() {
const navbar = document.querySelector('.navbar');
const backToTopBtn = document.querySelector('.float-btn-up');
// Navbar scroll effect
window.addEventListener('scroll', function() {
if (window.scrollY > 50) {
navbar.classList.add('scrolled');
} else {
navbar.classList.remove('scrolled');
}
const appendMessage = (text, sender) => {
const msgDiv = document.createElement('div');
msgDiv.classList.add('message', sender);
msgDiv.textContent = text;
chatMessages.appendChild(msgDiv);
chatMessages.scrollTop = chatMessages.scrollHeight;
};
chatForm.addEventListener('submit', async (e) => {
e.preventDefault();
const message = chatInput.value.trim();
if (!message) return;
appendMessage(message, 'visitor');
chatInput.value = '';
try {
const response = await fetch('api/chat.php', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ message })
});
const data = await response.json();
// Artificial delay for realism
setTimeout(() => {
appendMessage(data.reply, 'bot');
}, 500);
} catch (error) {
console.error('Error:', error);
appendMessage("Sorry, something went wrong. Please try again.", 'bot');
// Back to top button visibility
if (window.scrollY > 300) {
if (backToTopBtn) backToTopBtn.classList.add('visible');
} else {
if (backToTopBtn) backToTopBtn.classList.remove('visible');
}
});
// Back to top functionality
if (backToTopBtn) {
backToTopBtn.addEventListener('click', function(e) {
e.preventDefault();
window.scrollTo({
top: 0,
behavior: 'smooth'
});
});
}
// Smooth scroll for nav links
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
const targetId = this.getAttribute('href');
if (targetId === '#') return;
const target = document.querySelector(targetId);
if (target) {
window.scrollTo({
top: target.offsetTop - 80,
behavior: 'smooth'
});
}
});
});
// Advanced Reveal on Scroll
const revealCallback = (entries, observer) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.classList.add('is-visible');
}
});
};
const revealObserver = new IntersectionObserver(revealCallback, {
threshold: 0.15,
rootMargin: '0px 0px -50px 0px'
});
// Initialize reveal elements
const revealElements = document.querySelectorAll('.tech-card, .section-title, .hero-title, .hero-section .lead, .hero-section .btn, .case-card');
revealElements.forEach((el, index) => {
el.classList.add('reveal-init');
revealObserver.observe(el);
});
});
// Inline Styles for Reveal Transitions
const revealStyles = document.createElement('style');
revealStyles.textContent = `
.reveal-init {
opacity: 0;
transform: translateY(30px);
transition: opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1),
transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
.is-visible {
opacity: 1;
transform: translateY(0);
}
`;
document.head.appendChild(revealStyles);

BIN
assets/pasted-20260226-060857-b9853043.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 885 KiB

BIN
assets/pasted-20260226-062211-284ba2d0.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 545 KiB

BIN
assets/pasted-20260226-063604-a7913cdd.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 390 KiB

99
case-detail.php Normal file
View File

@ -0,0 +1,99 @@
<?php
require_once __DIR__ . '/db/config.php';
$project_name = '智域科技';
$logo_path = '/assets/pasted-20260226-063604-a7913cdd.png';
$id = $_GET['id'] ?? '智造 ERP 全链路升级';
?>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><?= htmlspecialchars($id) ?> - 智域科技成功案例</title>
<link rel="icon" href="<?= $logo_path ?>" type="image/png">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">
<link href="/assets/css/custom.css?v=<?= time() ?>" rel="stylesheet">
</head>
<body class="bg-subtle">
<nav class="navbar navbar-expand-lg navbar-light bg-white border-bottom scrolled">
<div class="container">
<a class="navbar-brand d-flex align-items-center gap-2" href="/">
<img src="<?= $logo_path ?>" alt="<?= htmlspecialchars($project_name) ?>" style="height: 32px;">
<span class="fw-bold text-dark"><?= htmlspecialchars($project_name) ?></span>
</a>
<a href="/" class="btn btn-outline-primary btn-sm ms-auto fw-bold"><i class="bi bi-arrow-left"></i> 返回案例中心</a>
</div>
</nav>
<main class="py-5 mt-5">
<div class="container py-5">
<div class="row justify-content-center">
<div class="col-lg-10">
<div class="tech-card p-5 border-0 shadow-sm">
<span class="badge bg-primary bg-opacity-10 text-primary px-3 py-2 mb-3 fw-bold">智域科技精选案例</span>
<h1 class="display-5 fw-bold mb-4 text-dark"><?= htmlspecialchars($id) ?></h1>
<p class="lead text-muted mb-5">
该案例详细展示了智域科技如何将尖端的分布式架构与实际业务场景深度融合。通过底层数字化基座的重塑，为客户在竞争激烈的市场中创造了显著的商业价值与技术壁垒。
</p>
<img src="https://images.pexels.com/photos/3183150/pexels-photo-3183150.jpeg?auto=compress&cs=tinysrgb&w=1200" class="img-fluid rounded-4 shadow-sm mb-5" alt="Case Header">
<div class="row g-5 mb-5">
<div class="col-md-4">
<h6 class="fw-bold text-uppercase tracking-widest small text-primary mb-3">客户背景</h6>
<p class="small text-muted lh-lg">行业头部上市企业，在数字化转型的“深水区”面临传统架构无法支撑业务瞬时激增的严重瓶颈。</p>
</div>
<div class="col-md-4">
<h6 class="fw-bold text-uppercase tracking-widest small text-primary mb-3">采用技术栈</h6>
<p class="small text-muted lh-lg">Go, Kubernetes (K8s), Kafka, PostgreSQL, Redis, Next.js, 智域自研风控引擎.</p>
</div>
<div class="col-md-4">
<h6 class="fw-bold text-uppercase tracking-widest small text-primary mb-3">交付周期</h6>
<p class="small text-muted lh-lg">6 个月（从深度需求审计到全量生产上线，包含多级压测验证）。</p>
</div>
</div>
<h4 class="fw-bold mb-4 text-dark">项目挑战</h4>
<p class="text-muted mb-5 lh-lg">客户原有的单体架构在业务洪峰期间频发系统性崩溃，数据一致性难以在高并发下得到保证，且每次更新的部署周期长达数周。核心需求在于：实现系统的高可用（99.99% SLA）、支持百万级并发、缩短发布周期至天级甚至小时级。</p>
<h4 class="fw-bold mb-4 text-dark">智域解决方案</h4>
<div class="p-4 bg-light rounded-4 mb-5 shadow-sm border-start border-primary border-4">
<p class="small text-muted lh-lg">我们首先对业务流程进行了精细化的领域驱动设计（DDD），将核心业务逻辑拆解为多个独立运行的微服务集群。通过引入智域分布式一致性协议与事件驱动架构，彻底解决了数据的一致性与解耦问题。同时，我们为其构建了一套端到端的全自动化 CI/CD 交付流水线，实现了从代码提交到安全上线的一体化、零人工干预管理。</p>
</div>
<h4 class="fw-bold mb-4 text-dark text-center">数字化转型成效</h4>
<div class="row g-4 mb-5 text-center">
<div class="col-4">
<h2 class="fw-bold text-primary mb-0">99.99%</h2>
<p class="small text-muted mt-2">系统稳定性（SLA）</p>
</div>
<div class="col-4">
<h2 class="fw-bold text-success mb-0">300%</h2>
<p class="small text-muted mt-2">并发吞吐处理能力</p>
</div>
<div class="col-4">
<h2 class="fw-bold text-info mb-0">-65%</h2>
<p class="small text-muted mt-2">年度运维成本降低</p>
</div>
</div>
<div class="text-center mt-5">
<a href="https://t.me/zhangshihao818" class="btn btn-primary btn-lg px-5 py-3 shadow">
我也要定制同样的数字化方案 <i class="bi bi-chevron-right ms-2"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</main>
<footer class="py-5 bg-white border-top">
<div class="container text-center small text-muted">
<p class="mb-0">&copy; 2020 <?= htmlspecialchars($project_name) ?>. 专业数字化工程与行业方案专家.</p>
</div>
</footer>
</body>
</html>

109
contact.php Normal file
View File

@ -0,0 +1,109 @@
<?php
require_once __DIR__ . '/db/config.php';
$project_name = '智域科技';
$logo_path = '/assets/pasted-20260226-063604-a7913cdd.png';
?>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>咨询中心 - <?= htmlspecialchars($project_name) ?></title>
<link rel="icon" href="<?= $logo_path ?>" type="image/png">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">
<link href="/assets/css/custom.css?v=<?= time() ?>" rel="stylesheet">
</head>
<body class="bg-subtle">
<nav class="navbar navbar-expand-lg navbar-light bg-white border-bottom scrolled">
<div class="container">
<a class="navbar-brand d-flex align-items-center gap-2" href="/">
<img src="<?= $logo_path ?>" alt="<?= htmlspecialchars($project_name) ?>" style="height: 32px;">
<span class="fw-bold text-dark"><?= htmlspecialchars($project_name) ?></span>
</a>
<a href="/" class="btn btn-outline-primary btn-sm ms-auto fw-bold"><i class="bi bi-arrow-left"></i> 返回首页</a>
</div>
</nav>
<main class="py-5 mt-5">
<div class="container py-5">
<div class="row g-5">
<div class="col-lg-5">
<div class="tech-card p-5 bg-primary text-white border-0 shadow-lg">
<h2 class="fw-bold text-white mb-4">联系智域专家</h2>
<p class="opacity-75 mb-5 lh-lg">我们致力于为您提供最专业、最高效的数字化转型建议。无论您是在寻找大规模架构升级方案，还是需要定制化的 AI 业务化集成，智域科技随时为您待命。</p>
<div class="d-flex align-items-center gap-4 mb-4">
<div class="bg-white bg-opacity-20 p-3 rounded-circle"><i class="bi bi-telegram h4 mb-0"></i></div>
<div>
<h6 class="fw-bold mb-1">Telegram 咨询</h6>
<p class="small mb-0 opacity-75">@zhangshihao818</p>
</div>
</div>
<div class="d-flex align-items-center gap-4 mb-4">
<div class="bg-white bg-opacity-20 p-3 rounded-circle"><i class="bi bi-geo-alt h4 mb-0"></i></div>
<div>
<h6 class="fw-bold mb-1">分布式运行</h6>
<p class="small mb-0 opacity-75">全球 24/7 数字化响应</p>
</div>
</div>
<div class="d-flex align-items-center gap-4">
<div class="bg-white bg-opacity-20 p-3 rounded-circle"><i class="bi bi-shield-check h4 mb-0"></i></div>
<div>
<h6 class="fw-bold mb-1">技术保障</h6>
<p class="small mb-0 opacity-75">金融级全天候技术服务</p>
</div>
</div>
</div>
</div>
<div class="col-lg-7">
<div class="tech-card p-5 border-0 shadow-sm">
<h3 class="fw-bold text-dark mb-4">提交咨询需求</h3>
<p class="small text-muted mb-5">请填写您的基本需求，我们的高级架构师将在 15 分钟内通过 Telegram 或您留下的联系方式与您取得联系。</p>
<form action="contact_process.php" method="POST">
<div class="row g-4">
<div class="col-md-6">
<label class="form-label small fw-bold text-dark">姓名 / 机构</label>
<input type="text" name="name" class="form-control form-control-lg bg-light border-0" placeholder="您的姓名或公司名称" required>
</div>
<div class="col-md-6">
<label class="form-label small fw-bold text-dark">联系方式 (Telegram / Email)</label>
<input type="text" name="contact" class="form-control form-control-lg bg-light border-0" placeholder="您的常用联系方式" required>
</div>
<div class="col-12">
<label class="form-label small fw-bold text-dark">业务领域</label>
<select name="type" class="form-select form-select-lg bg-light border-0">
<option selected>定制软件开发</option>
<option>云原生架构转型</option>
<option>金融级安全审计</option>
<option>AI 业务化集成</option>
<option>其他数字化需求</option>
</select>
</div>
<div class="col-12">
<label class="form-label small fw-bold text-dark">业务逻辑详情 / 痛点说明</label>
<textarea name="message" rows="5" class="form-control bg-light border-0" placeholder="请简要描述您的业务逻辑、现有系统痛点或未来转型目标..."></textarea>
</div>
<div class="col-12 mt-5">
<button type="submit" class="btn btn-primary btn-lg w-100 py-3 shadow">立即提交需求 <i class="bi bi-send-fill ms-2"></i></button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</main>
<footer class="py-5 bg-white border-top">
<div class="container text-center small text-muted">
<p class="mb-0">&copy; 2020 <?= htmlspecialchars($project_name) ?>. 专业数字化工程与行业方案专家.</p>
</div>
</footer>
</body>
</html>

38
contact_process.php Normal file
View File

@ -0,0 +1,38 @@
<?php
require_once __DIR__ . '/db/config.php';
require_once __DIR__ . '/mail/MailService.php';
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
$name = $_POST['name'] ?? '';
$email = $_POST['email'] ?? '';
$phone = $_POST['phone'] ?? '';
$message = $_POST['message'] ?? '';
if (empty($name) || empty($email) || empty($message)) {
die("Please fill in all required fields.");
}
try {
$db = db();
$stmt = $db->prepare("INSERT INTO leads (name, email, phone, message) VALUES (?, ?, ?, ?)");
$stmt->execute([$name, $email, $phone, $message]);
// Send Email
$mail_to = getenv('MAIL_TO') ?: null;
$subject = "New Lead from " . $name;
$content = "Name: $name\nEmail: $email\nPhone: $phone\nMessage: $message";
MailService::sendMail($mail_to, $subject, nl2br($content), $content);
// Telegram Notification (Placeholder for actual API call)
// If telegram bot token and chat id are set in env, we could use curl to send message
echo "<script>alert('提交成功！我们将尽快与您联系。'); window.location.href='/';</script>";
} catch (PDOException $e) {
error_log("Database error: " . $e->getMessage());
echo "<script>alert('系统繁忙，请稍后再试。'); window.history.back();</script>";
}
} else {
header("Location: /contact.php");
exit;
}

8
db/migrations/001_leads.sql Normal file
View File

@ -0,0 +1,8 @@
CREATE TABLE IF NOT EXISTS leads (
id INT AUTO_INCREMENT PRIMARY KEY,
name VARCHAR(255) NOT NULL,
email VARCHAR(255) NOT NULL,
phone VARCHAR(50),
message TEXT,
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);

555
index.php
View File

@ -1,150 +1,419 @@
<?php
declare(strict_types=1);
@ini_set('display_errors', '1');
@error_reporting(E_ALL);
@date_default_timezone_set('UTC');
$phpVersion = PHP_VERSION;
$now = date('Y-m-d H:i:s');
require_once __DIR__ . '/db/config.php';
$project_name = '智域科技';
$project_description = '全球领先的IT数字化架构与行业解决方案专家';
$logo_path = '/assets/pasted-20260226-063604-a7913cdd.png';
?>
<!doctype html>
<html lang="en">
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>New Style</title>
<?php
// Read project preview data from environment
$projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? '';
$projectImageUrl = $_SERVER['PROJECT_IMAGE_URL'] ?? '';
?>
<?php if ($projectDescription): ?>
<!-- Meta description -->
<meta name="description" content='<?= htmlspecialchars($projectDescription) ?>' />
<!-- Open Graph meta tags -->
<meta property="og:description" content="<?= htmlspecialchars($projectDescription) ?>" />
<!-- Twitter meta tags -->
<meta property="twitter:description" content="<?= htmlspecialchars($projectDescription) ?>" />
<?php endif; ?>
<?php if ($projectImageUrl): ?>
<!-- Open Graph image -->
<meta property="og:image" content="<?= htmlspecialchars($projectImageUrl) ?>" />
<!-- Twitter image -->
<meta property="twitter:image" content="<?= htmlspecialchars($projectImageUrl) ?>" />
<?php endif; ?>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap" rel="stylesheet">
<style>
:root {
--bg-color-start: #6a11cb;
--bg-color-end: #2575fc;
--text-color: #ffffff;
--card-bg-color: rgba(255, 255, 255, 0.01);
--card-border-color: rgba(255, 255, 255, 0.1);
}
body {
margin: 0;
font-family: 'Inter', sans-serif;
background: linear-gradient(45deg, var(--bg-color-start), var(--bg-color-end));
color: var(--text-color);
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
text-align: center;
overflow: hidden;
position: relative;
}
body::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path d="M-10 10L110 10M10 -10L10 110" stroke-width="1" stroke="rgba(255,255,255,0.05)"/></svg>');
animation: bg-pan 20s linear infinite;
z-index: -1;
}
@keyframes bg-pan {
0% { background-position: 0% 0%; }
100% { background-position: 100% 100%; }
}
main {
padding: 2rem;
}
.card {
background: var(--card-bg-color);
border: 1px solid var(--card-border-color);
border-radius: 16px;
padding: 2rem;
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.1);
}
.loader {
margin: 1.25rem auto 1.25rem;
width: 48px;
height: 48px;
border: 3px solid rgba(255, 255, 255, 0.25);
border-top-color: #fff;
border-radius: 50%;
animation: spin 1s linear infinite;
}
@keyframes spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
.hint {
opacity: 0.9;
}
.sr-only {
position: absolute;
width: 1px; height: 1px;
padding: 0; margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap; border: 0;
}
h1 {
font-size: 3rem;
font-weight: 700;
margin: 0 0 1rem;
letter-spacing: -1px;
}
p {
margin: 0.5rem 0;
font-size: 1.1rem;
}
code {
background: rgba(0,0,0,0.2);
padding: 2px 6px;
border-radius: 4px;
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}
footer {
position: absolute;
bottom: 1rem;
font-size: 0.8rem;
opacity: 0.7;
}
</style>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><?= htmlspecialchars($project_name) ?> - <?= htmlspecialchars($project_description) ?></title>
<link rel="icon" href="<?= $logo_path ?>" type="image/png">
<!-- Fonts & Icons -->
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">
<link href="/assets/css/custom.css?v=<?= time() ?>" rel="stylesheet">
</head>
<body>
<main>
<div class="card">
<h1>Analyzing your requirements and generating your website…</h1>
<div class="loader" role="status" aria-live="polite" aria-label="Applying initial changes">
<span class="sr-only">Loading…</span>
</div>
<p class="hint"><?= ($_SERVER['HTTP_HOST'] ?? '') === 'appwizzy.com' ? 'AppWizzy' : 'Flatlogic' ?> AI is collecting your requirements and applying the first changes.</p>
<p class="hint">This page will update automatically as the plan is implemented.</p>
<p>Runtime: PHP <code><?= htmlspecialchars($phpVersion) ?></code> — UTC <code><?= htmlspecialchars($now) ?></code></p>
<!-- ① 导航栏 -->
<nav class="navbar navbar-expand-lg navbar-light fixed-top">
<div class="container">
<a class="navbar-brand d-flex align-items-center gap-2" href="/">
<img src="<?= $logo_path ?>" alt="<?= htmlspecialchars($project_name) ?>" style="background: transparent !important;">
<span class="fw-bold h4 mb-0 text-dark"><?= htmlspecialchars($project_name) ?></span>
</a>
<button class="navbar-toggler border-0" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto align-items-center gap-lg-4 mt-3 mt-lg-0">
<li class="nav-item"><a class="nav-link" href="#cases">声誉作品</a></li>
<li class="nav-item"><a class="nav-link" href="#services">核心能力</a></li>
<li class="nav-item"><a class="nav-link" href="#tech">技术底座</a></li>
<li class="nav-item"><a class="nav-link" href="#pricing">报价方案</a></li>
<li class="nav-item"><a class="nav-link" href="#solutions">转型实践</a></li>
<li class="nav-item ms-lg-2">
<a class="btn btn-primary px-4 shadow-sm fw-bold" href="https://t.me/zhangshihao818">立即咨询 <i class="bi bi-telegram ms-1"></i></a>
</li>
</ul>
</div>
</div>
</nav>
<!-- ② 英雄首屏 & 自动播放轮播图 -->
<section class="hero-section">
<div class="container">
<div class="row align-items-center g-5">
<div class="col-lg-6">
<span class="section-subtitle text-start mb-2">领先的数字化架构专家</span>
<h1 class="hero-title">
<span class="text-gradient">分布式技术节点</span><br>
全天候平稳运行中
</h1>
<p class="lead text-muted mb-5 pe-lg-4">
智域科技不仅提供系统开发。我们结合行业深度洞察与前沿架构技术，为复杂业务提供稳定、安全、可无限扩展的数字化基座。
</p>
<div class="d-flex flex-wrap gap-3">
<a href="https://t.me/zhangshihao818" class="btn btn-primary px-5 py-3 fw-bold">立即免费咨询 <i class="bi bi-lightning-charge-fill ms-1"></i></a>
<a href="#services" class="btn btn-outline-dark px-5 py-3 fw-bold">了解核心技术</a>
</div>
</div>
<div class="col-lg-6">
<div id="heroCarousel" class="carousel slide carousel-fade hero-carousel" data-bs-ride="carousel" data-bs-interval="4000">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="https://images.pexels.com/photos/1181244/pexels-photo-1181244.jpeg?auto=compress&cs=tinysrgb&w=1200" alt="分布式架构">
<div class="carousel-caption d-none d-md-block glass-panel m-3 p-3 text-start">
<p class="small mb-0 text-dark fw-bold"><i class="bi bi-cpu-fill me-2 text-primary"></i> 全球分布式集群监控 24/7</p>
</div>
</div>
<div class="carousel-item">
<img src="https://images.pexels.com/photos/1181359/pexels-photo-1181359.jpeg?auto=compress&cs=tinysrgb&w=1200" alt="安全审计">
<div class="carousel-caption d-none d-md-block glass-panel m-3 p-3 text-start">
<p class="small mb-0 text-dark fw-bold"><i class="bi bi-shield-lock-fill me-2 text-success"></i> 金融级全链路安全审计系统</p>
</div>
</div>
<div class="carousel-item">
<img src="https://images.pexels.com/photos/3183150/pexels-photo-3183150.jpeg?auto=compress&cs=tinysrgb&w=1200" alt="云原生">
<div class="carousel-caption d-none d-md-block glass-panel m-3 p-3 text-start">
<p class="small mb-0 text-dark fw-bold"><i class="bi bi-cloud-check-fill me-2 text-info"></i> 云原生架构无感动态扩容</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ⑦ 每一个项目都是我们的声誉 (作品展示移动到上方) -->
<section id="cases" class="py-5">
<div class="container py-5">
<span class="section-subtitle">作品展示</span>
<h2 class="section-title">每一个项目都是我们的声誉</h2>
<div class="grid-4">
<?php
$cases = [
['img' => 'https://images.pexels.com/photos/190574/pexels-photo-190574.jpeg?auto=compress&cs=tinysrgb&w=800', 'title' => '世界500强智造ERP全链路升级', 'tag' => '工业制造', 'desc' => '重塑底层架构，支撑全球20+工厂协同。'],
['img' => 'https://images.pexels.com/photos/230544/pexels-photo-230544.jpeg?auto=compress&cs=tinysrgb&w=800', 'title' => '跨国电商平台双11千万级高并发护航', 'tag' => '零售贸易', 'desc' => '毫秒级响应，成功应对峰值流量冲击。'],
['img' => 'https://images.pexels.com/photos/7567443/pexels-photo-7567443.jpeg?auto=compress&cs=tinysrgb&w=800', 'title' => '头部证券实时风控与高频交易系统', 'tag' => '金融科技', 'desc' => '毫秒级风控计算，确保交易安全性。'],
['img' => 'https://images.pexels.com/photos/164501/pexels-photo-164501.jpeg?auto=compress&cs=tinysrgb&w=800', 'title' => '某城商行分布式核心账务云化实践', 'tag' => '银行业务', 'desc' => '从单体到分布式的完美平滑迁移。'],
['img' => 'https://images.pexels.com/photos/210158/pexels-photo-210158.jpeg?auto=compress&cs=tinysrgb&w=800', 'title' => '智慧物流AGV无人仓储调度平台', 'tag' => '现代物流', 'desc' => '算法驱动，效率提升200%的调度奇迹。'],
['img' => 'https://images.pexels.com/photos/3183183/pexels-photo-3183183.jpeg?auto=compress&cs=tinysrgb&w=800', 'title' => '国家级数字化碳中和实时监控中台', 'tag' => '智慧政务', 'desc' => '全量数据接入，实现碳足迹精准追踪。'],
['img' => 'https://images.pexels.com/photos/7089487/pexels-photo-7089487.jpeg?auto=compress&cs=tinysrgb&w=800', 'title' => '知名医疗机构云端HIS一体化系统', 'tag' => '智慧医疗', 'desc' => '连接医患，实现医疗资源最优化分配。'],
['img' => 'https://images.pexels.com/photos/6770610/pexels-photo-6770610.jpeg?auto=compress&cs=tinysrgb&w=800', 'title' => 'AI驱动的高频量化交易决策引擎', 'tag' => '量化投资', 'desc' => '深度学习加持，捕捉转瞬即逝的机会。']
];
foreach ($cases as $case): ?>
<div class="case-card">
<div class="case-image-wrapper">
<img src="<?= $case['img'] ?>" alt="<?= $case['title'] ?>" class="case-image">
</div>
<div class="case-content p-4">
<span class="badge bg-primary bg-opacity-10 text-primary mb-2"><?= $case['tag'] ?></span>
<h6 class="fw-bold mb-3"><?= $case['title'] ?></h6>
<p class="x-small text-muted mb-4"><?= $case['desc'] ?></p>
<a href="case-detail.php?id=<?= urlencode($case['title']) ?>" class="text-primary small text-decoration-none fw-bold">查看案例细节 <i class="bi bi-chevron-right"></i></a>
</div>
</div>
<?php endforeach; ?>
</div>
</div>
</section>
<!-- ③ 重塑业务的核心能力 (8个, 两排) -->
<section id="services" class="py-5">
<div class="container py-5">
<span class="section-subtitle">业务核心能力</span>
<h2 class="section-title">重塑业务的核心竞争优势</h2>
<div class="grid-4">
<?php
$caps = [
['icon' => 'laptop', 'title' => '定制软件开发', 'desc' => '针对企业独特业务流提供深度定制的原生架构方案。', 'color' => '#4285f4'],
['icon' => 'cloud-arrow-up', 'title' => '云原生架构转型', 'desc' => '平滑迁移至微服务架构，实现系统极致的弹性扩展。', 'color' => '#34a853'],
['icon' => 'shield-lock', 'title' => '金融级安全审计', 'desc' => '全链条加密与双重审计体系，筑造坚不可摧的数据防线。', 'color' => '#fbbc05'],
['icon' => 'robot', 'title' => 'AI业务化集成', 'desc' => '将LLM与业务流程无缝打通，实现全链路智能化提效。', 'color' => '#ea4335'],
['icon' => 'database-check', 'title' => '大数据治理', 'desc' => '亿级数据实时处理与清洗，将零散数据转化为决策资产。', 'color' => '#673ab7'],
['icon' => 'gear-wide-connected', 'title' => '工业互联网集成', 'desc' => '打破软硬件壁垒，实现IT与OT的深度融合与协同。', 'color' => '#00bcd4'],
['icon' => 'graph-up-arrow', 'title' => '敏捷增长引擎', 'desc' => '通过数据中台驱动业务增长，快速响应市场剧烈波动。', 'color' => '#ff5722'],
['icon' => 'patch-check', 'title' => '合规与风险控管', 'desc' => '深度符合全球各行业标准，确保业务在全球范围合规。', 'color' => '#795548']
];
foreach ($caps as $c): ?>
<div class="tech-card">
<div class="icon-box-colorful" style="background: <?= $c['color'] ?>15; color: <?= $c['color'] ?>;">
<i class="bi bi-<?= $c['icon'] ?>"></i>
</div>
<h5 class="fw-bold mb-3"><?= $c['title'] ?></h5>
<p class="small text-muted mb-0"><?= $c['desc'] ?></p>
</div>
<?php endforeach; ?>
</div>
</div>
</section>
<!-- ④ 前沿、成熟、稳定的技术底座 (12个, 两排) -->
<section id="tech" class="py-5 bg-subtle">
<div class="container py-5">
<span class="section-subtitle">技术底座</span>
<h2 class="section-title">前沿、成熟、稳定的工业级技术栈</h2>
<div class="grid-6">
<?php
$techs = [
['name' => 'Golang', 'cat' => '高性能并发', 'icon' => 'terminal', 'color' => '#00ADD8'],
['name' => 'React', 'cat' => '前端交互', 'icon' => 'code-slash', 'color' => '#61DAFB'],
['name' => 'Laravel', 'cat' => '后端引擎', 'icon' => 'server', 'color' => '#FF2D20'],
['name' => 'PyTorch', 'cat' => 'AI模型', 'icon' => 'magic', 'color' => '#EE4C2C'],
['name' => 'MySQL', 'cat' => '关系型数据库', 'icon' => 'database', 'color' => '#4479A1'],
['name' => 'Redis', 'cat' => '极速缓存', 'icon' => 'lightning-fill', 'color' => '#DC382D'],
['name' => 'Docker', 'cat' => '容器化', 'icon' => 'box-seam', 'color' => '#2496ED'],
['name' => 'K8s', 'cat' => '集群编排', 'icon' => 'layers', 'color' => '#326CE5'],
['name' => 'Kafka', 'cat' => '消息中间件', 'icon' => 'broadcast-pin', 'color' => '#231F20'],
['name' => 'Postgres', 'cat' => '高级数据库', 'icon' => 'hdd-stack', 'color' => '#336791'],
['name' => 'Next.js', 'cat' => '全栈框架', 'icon' => 'window', 'color' => '#000000'],
['name' => 'Rust', 'cat' => '系统级语言', 'icon' => 'cpu', 'color' => '#000000']
];
foreach ($techs as $t): ?>
<div class="tech-card p-4 text-center d-flex flex-column align-items-center">
<i class="bi bi-<?= $t['icon'] ?> mb-3" style="font-size: 2.2rem; color: <?= $t['color'] ?>;"></i>
<h6 class="fw-bold mb-1"><?= $t['name'] ?></h6>
<span class="x-small text-muted"><?= $t['cat'] ?></span>
</div>
<?php endforeach; ?>
</div>
</div>
</section>
<!-- 新增报价区域 -->
<section id="pricing" class="py-5">
<div class="container py-5">
<span class="section-subtitle">报价方案</span>
<h2 class="section-title">透明、合理的数字化建设投入</h2>
<div class="grid-4">
<?php
$pricing = [
['icon' => 'speedometer2', 'title' => '基础MVP版', 'desc' => '适用于快速验证业务逻辑的小型系统，包含核心基础功能。', 'price' => '¥49,900 起', 'color' => '#4285f4'],
['icon' => 'award', 'title' => '企业标准版', 'desc' => '涵盖主流业务场景，集成高可用架构与基础安全策略。', 'price' => '¥99,900 起', 'color' => '#34a853'],
['icon' => 'gem', 'title' => '旗舰定制版', 'desc' => '全链路深度定制，支撑超大规模业务并发与复杂逻辑。', 'price' => '¥199,900 起', 'color' => '#fbbc05'],
['icon' => 'building-gear', 'title' => '集团生态版', 'desc' => '多端互联与私有化部署，深度契合大型集团合规性要求。', 'price' => '面议', 'color' => '#ea4335']
];
foreach ($pricing as $p): ?>
<div class="tech-card border-bottom border-4" style="border-color: <?= $p['color'] ?> !important;">
<div class="icon-box-colorful" style="background: <?= $p['color'] ?>15; color: <?= $p['color'] ?>;">
<i class="bi bi-<?= $p['icon'] ?>"></i>
</div>
<h5 class="fw-bold mb-3"><?= $p['title'] ?></h5>
<p class="small text-muted mb-4"><?= $p['desc'] ?></p>
<div class="mt-auto">
<span class="h4 fw-bold text-primary"><?= $p['price'] ?></span>
<a href="https://t.me/zhangshihao818" class="btn btn-outline-primary btn-sm w-100 mt-3 fw-bold">获取详细报价单</a>
</div>
</div>
<?php endforeach; ?>
</div>
</div>
</section>
<!-- ⑤ 赋能千行百业的转型实践 (8个, 两排) -->
<section id="solutions" class="py-5 bg-subtle">
<div class="container py-5">
<span class="section-subtitle">转型实践</span>
<h2 class="section-title">赋能千行百业的数字化转型实践</h2>
<div class="grid-4">
<?php
$sols = [
['icon' => 'cart4', 'name' => '智慧新零售', 'desc' => '全渠道订单同步与库存共享，支撑百万级SKU实时调度。', 'color' => '#FF6B6B'],
['icon' => 'bank2', 'name' => '数字金融', 'desc' => '高并发交易撮合引擎与实时风控系统，确保毫秒级安全响应。', 'color' => '#4D96FF'],
['icon' => 'factory', 'name' => '智能制造', 'desc' => 'MES系统集成与预测性维护，助力工厂实现全流程自动化监控。', 'color' => '#6BCB77'],
['icon' => 'hospital', 'name' => '智慧医疗', 'desc' => '电子病历上云与远程诊疗系统，提升医疗资源的精准分配。', 'color' => '#FFD93D'],
['icon' => 'airplane', 'name' => '智慧物流', 'desc' => '路径优化算法与实时追踪体系，大幅降低跨境物流周转成本。', 'color' => '#9B51E0'],
['icon' => 'building', 'name' => '智慧园区', 'desc' => '能耗实时分析与智能安防集成，打造零碳数字化办公空间。', 'color' => '#27AE60'],
['icon' => 'mortarboard', 'name' => '在线教育', 'desc' => '百万级并发低延迟直播架构，支撑全球化在线教学互动。', 'color' => '#F2994A'],
['icon' => 'shop', 'name' => '数字政务', 'desc' => '流程驱动的政务一体化平台，实现“一网通办”的效率变革。', 'color' => '#2D9CDB']
];
foreach ($sols as $s): ?>
<div class="tech-card">
<div class="icon-box-colorful" style="background: <?= $s['color'] ?>15; color: <?= $s['color'] ?>;">
<i class="bi bi-<?= $s['icon'] ?>"></i>
</div>
<h5 class="fw-bold mb-3"><?= $s['name'] ?></h5>
<p class="small text-muted mb-4"><?= $s['desc'] ?></p>
<a href="solution-detail.php?type=<?= urlencode($s['name']) ?>" class="btn btn-outline-primary btn-sm mt-auto fw-bold py-2">进入浏览 <i class="bi bi-arrow-right"></i></a>
</div>
<?php endforeach; ?>
</div>
</div>
</section>
<!-- ⑥ 全球客户与合作伙伴 (18个) -->
<section class="py-5">
<div class="container py-5">
<span class="section-subtitle">全球合作伙伴</span>
<h2 class="section-title">信任我们的行业巨头与全球合作伙伴</h2>
<div class="partners-grid">
<?php
$partners = [
['icon' => 'bi-microsoft', 'name' => 'Microsoft', 'color' => '#00a4ef'],
['icon' => 'bi-google', 'name' => 'Google Cloud', 'color' => '#4285f4'],
['icon' => 'bi-amazon', 'name' => 'AWS', 'color' => '#ff9900'],
['icon' => 'bi-nvidia', 'name' => 'NVIDIA', 'color' => '#76b900'],
['icon' => 'bi-tencent-qq', 'name' => 'Tencent', 'color' => '#0052d9'],
['icon' => 'bi-apple', 'name' => 'Apple Business', 'color' => '#000000'],
['icon' => 'bi-meta', 'name' => 'Meta AI', 'color' => '#0668E1'],
['icon' => 'bi-stripe', 'name' => 'Stripe', 'color' => '#008cdd'],
['icon' => 'bi-paypal', 'name' => 'PayPal', 'color' => '#003087'],
['icon' => 'bi-github', 'name' => 'GitHub', 'color' => '#181717'],
['icon' => 'bi-dropbox', 'name' => 'Dropbox', 'color' => '#0061FF'],
['icon' => 'bi-slack', 'name' => 'Slack', 'color' => '#4A154B'],
['icon' => 'bi-spotify', 'name' => 'Spotify', 'color' => '#1DB954'],
['icon' => 'bi-android2', 'name' => 'Android', 'color' => '#3DDC84'],
['icon' => 'bi-cloud-fill', 'name' => 'Salesforce', 'color' => '#00A1E0'],
['icon' => 'bi-box-seam', 'name' => 'DigitalOcean', 'color' => '#0080FF'],
['icon' => 'bi-layers-half', 'name' => 'Cloudflare', 'color' => '#F38020'],
['icon' => 'bi-terminal-fill', 'name' => 'Oracle', 'color' => '#F80000']
];
foreach ($partners as $p): ?>
<div class="partner-item">
<i class="bi <?= $p['icon'] ?> partner-icon" style="color: <?= $p['color'] ?>;"></i>
<span class="partner-name"><?= $p['name'] ?></span>
</div>
<?php endforeach; ?>
</div>
</div>
</section>
<!-- ⑧ 交付标准 -->
<section class="py-5 bg-subtle">
<div class="container py-5">
<span class="section-subtitle">交付标准</span>
<h2 class="section-title">严谨、透明、科学的工程级交付标准</h2>
<div class="grid-4">
<div class="tech-card border-top border-4 border-primary">
<div class="icon-box-colorful bg-primary bg-opacity-10 text-primary mb-4">
<i class="bi bi-search"></i>
</div>
<h5 class="fw-bold">深度需求对齐</h5>
<p class="small text-muted mb-0">通过专家工作坊进行业务逻辑深度拆解，确保技术路线与商业战略完美契合。</p>
</div>
<div class="tech-card border-top border-4 border-success">
<div class="icon-box-colorful bg-success bg-opacity-10 text-success mb-4">
<i class="bi bi-diagram-3"></i>
</div>
<h5 class="fw-bold">架构技术选型</h5>
<p class="small text-muted mb-0">基于未来5年业务量预估进行基座搭建，选用最具扩展性的工业级技术栈。</p>
</div>
<div class="tech-card border-top border-4 border-warning">
<div class="icon-box-colorful bg-warning bg-opacity-10 text-warning mb-4">
<i class="bi bi-terminal"></i>
</div>
<h5 class="fw-bold">敏捷迭代开发</h5>
<p class="small text-muted mb-0">采用标准Scrum流程，周周可见交付成果，确保项目进度与质量透明可控。</p>
</div>
<div class="tech-card border-top border-4 border-danger">
<div class="icon-box-colorful bg-danger bg-opacity-10 text-danger mb-4">
<i class="bi bi-check-all"></i>
</div>
<h5 class="fw-bold">自动化验收</h5>
<p class="small text-muted mb-0">集成全自动压测与安全扫描，通过数万项用例验证后方可平滑上线。</p>
</div>
</div>
</div>
</section>
<!-- ⑨ 限时免费咨询 -->
<section class="container py-5 mb-5 footer-cta">
<div class="tech-card bg-primary text-white p-5 text-center overflow-hidden shadow-lg border-0">
<div class="position-absolute top-0 start-0 w-100 h-100 opacity-10" style="background: url('https://www.transparenttextures.com/patterns/carbon-fibre.png');"></div>
<div class="position-relative z-1">
<div class="icon-box-colorful bg-white text-primary mx-auto mb-4" style="width: 80px; height: 80px; font-size: 2.5rem;">
<i class="bi bi-chat-heart"></i>
</div>
<h2 class="fw-bold mb-3">准备好开启数字化转型之旅了吗？</h2>
<p class="lead mb-5 opacity-75">智域科技专家团队 24/7 在线，为您提供免费的初步架构诊断与方案咨询。</p>
<div class="d-flex justify-content-center gap-3 flex-wrap">
<a href="https://t.me/zhangshihao818" class="btn btn-light btn-lg px-5 py-3 shadow">
<i class="bi bi-telegram me-2"></i> 立即通过 Telegram 咨询
</a>
<a href="contact.php" class="btn btn-outline-light btn-lg px-5 py-3">
提交需求申请表
</a>
</div>
<div class="mt-4 pt-3 opacity-50 small">
<i class="bi bi-shield-check me-1"></i> 我们承诺：您的业务信息将受到金融级安全协议保护，绝不泄露。
</div>
</div>
</div>
</section>
<!-- ⑩ 页脚 -->
<footer class="bg-dark text-white pt-5 pb-4">
<div class="container">
<div class="row g-5">
<div class="col-lg-4">
<a class="navbar-brand d-flex align-items-center gap-2 mb-4" href="/">
<img src="<?= $logo_path ?>" alt="<?= htmlspecialchars($project_name) ?>" style="height: 40px; background: transparent !important;">
<span class="fw-bold h4 mb-0 text-white"><?= htmlspecialchars($project_name) ?></span>
</a>
<p class="small text-secondary mb-4">智域科技是全球领先的分布式系统专家，致力于通过尖端架构技术赋能企业实现无感数字化转型。</p>
<div class="d-flex gap-3">
<a href="#" class="text-white opacity-50 hover-opacity-100"><i class="bi bi-twitter-x"></i></a>
<a href="#" class="text-white opacity-50 hover-opacity-100"><i class="bi bi-linkedin"></i></a>
<a href="https://t.me/zhangshihao818" class="text-white opacity-50 hover-opacity-100"><i class="bi bi-telegram"></i></a>
</div>
</div>
<div class="col-6 col-lg-2">
<h6 class="fw-bold mb-4">核心服务</h6>
<ul class="list-unstyled small text-secondary">
<li class="mb-2"><a href="service-detail.php?type=软件开发" class="text-decoration-none text-reset">定制软件开发</a></li>
<li class="mb-2"><a href="service-detail.php?type=云原生" class="text-decoration-none text-reset">云原生架构</a></li>
<li class="mb-2"><a href="service-detail.php?type=安全审计" class="text-decoration-none text-reset">安全合规审计</a></li>
<li class="mb-2"><a href="service-detail.php?type=AI集成" class="text-decoration-none text-reset">AI集成方案</a></li>
</ul>
</div>
<div class="col-6 col-lg-2">
<h6 class="fw-bold mb-4">关于我们</h6>
<ul class="list-unstyled small text-secondary">
<li class="mb-2"><a href="#cases" class="text-decoration-none text-reset">经典案例</a></li>
<li class="mb-2"><a href="privacy.php" class="text-decoration-none text-reset">隐私政策</a></li>
<li class="mb-2"><a href="agreement.php" class="text-decoration-none text-reset">服务协议</a></li>
<li class="mb-2"><a href="contact.php" class="text-decoration-none text-reset">联系我们</a></li>
</ul>
</div>
<div class="col-lg-4">
<h6 class="fw-bold mb-4">订阅技术简报</h6>
<p class="small text-secondary mb-4">每月获取最新的分布式架构趋势与安全动态。</p>
<div class="input-group">
<input type="email" class="form-control bg-secondary bg-opacity-10 border-0 text-white" placeholder="您的邮箱地址">
<button class="btn btn-primary px-4 fw-bold">订阅</button>
</div>
</div>
</div>
<hr class="my-5 opacity-10">
<div class="row align-items-center">
<div class="col-md-6 text-center text-md-start">
<p class="small text-secondary mb-0">&copy; 2020 <?= htmlspecialchars($project_name) ?>. 版权所有。</p>
</div>
<div class="col-md-6 text-center text-md-end mt-3 mt-md-0">
<span class="small text-secondary">系统状态: <span class="text-success"><i class="bi bi-check-circle-fill me-1"></i> 所有节点正常运行</span></span>
</div>
</div>
</div>
</footer>
<!-- 悬浮按钮组 -->
<div class="floating-controls">
<a href="https://t.me/zhangshihao818" target="_blank" class="float-btn float-btn-tg" title="Telegram 咨询">
<i class="bi bi-telegram"></i>
</a>
<button class="float-btn float-btn-up" title="返回顶部">
<i class="bi bi-arrow-up"></i>
</button>
</div>
</main>
<footer>
Page updated: <?= htmlspecialchars($now) ?> (UTC)
</footer>
<!-- Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="/assets/js/main.js?v=<?= time() ?>"></script>
</body>
</html>
</html>

74
privacy.php Normal file
View File

@ -0,0 +1,74 @@
<?php
require_once __DIR__ . '/db/config.php';
$project_name = '智域科技';
$logo_path = '/assets/pasted-20260226-063604-a7913cdd.png';
?>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>隐私政策 - <?= htmlspecialchars($project_name) ?></title>
<link rel="icon" href="<?= $logo_path ?>" type="image/png">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">
<link href="/assets/css/custom.css?v=<?= time() ?>" rel="stylesheet">
</head>
<body class="bg-subtle">
<nav class="navbar navbar-expand-lg navbar-light bg-white border-bottom scrolled">
<div class="container">
<a class="navbar-brand d-flex align-items-center gap-2" href="/">
<img src="<?= $logo_path ?>" alt="<?= htmlspecialchars($project_name) ?>" style="height: 32px;">
<span class="fw-bold text-dark"><?= htmlspecialchars($project_name) ?></span>
</a>
<a href="/" class="btn btn-outline-primary btn-sm ms-auto fw-bold"><i class="bi bi-arrow-left"></i> 返回首页</a>
</div>
</nav>
<main class="py-5 mt-5">
<div class="container py-5">
<div class="row justify-content-center">
<div class="col-lg-9">
<div class="tech-card p-5 border-0 shadow-sm">
<h1 class="fw-bold mb-5 text-dark border-bottom pb-4">隐私政策</h1>
<div class="content text-muted lh-lg">
<p class="mb-4">智域科技（以下简称“我们”）非常重视用户的隐私保护。本隐私政策详细说明了我们在您使用我们网站和服务时如何收集、使用、存储和保护您的个人信息。</p>
<h5 class="fw-bold text-dark mt-5 mb-4">1. 我们收集的信息</h5>
<p class="mb-4">当您通过联系表单或在线咨询与我们取得联系时，我们可能会收集您的姓名、电子邮箱、联系电话以及您提供的业务需求详情。这些信息仅用于为您提供专业的咨询服务。</p>
<h5 class="fw-bold text-dark mt-5 mb-4">2. 信息的使用方式</h5>
<ul class="mb-4">
<li>响应您的服务请求并提供定制化的数字化方案建议。</li>
<li>向您发送与您业务相关的技术白皮书或行业资讯（如您已选择接收）。</li>
<li>优化我们的网站体验与服务质量。</li>
</ul>
<h5 class="fw-bold text-dark mt-5 mb-4">3. 信息的存储与保护</h5>
<p class="mb-4">我们采用行业标准的加密技术与金融级安全防护体系来保护您的数据。未经您的明确许可，我们绝不会将您的个人信息出售、租赁或泄露给任何第三方机构。</p>
<h5 class="fw-bold text-dark mt-5 mb-4">4. 您的权利</h5>
<p class="mb-4">您有权随时联系我们查询、更正或要求删除您的个人信息。我们将会在收到请求后的合理时间内进行处理。</p>
<h5 class="fw-bold text-dark mt-5 mb-4">5. 政策更新</h5>
<p class="mb-4">我们可能会不时更新本隐私政策。任何重大更改都会在网站显著位置发布通知。建议您定期查看以了解最新条款。</p>
</div>
<div class="mt-5 p-4 bg-light rounded-4 text-center">
<p class="small mb-0">如有任何关于隐私政策的疑问，请通过 Telegram 联系我们的安全审计官：<strong>@zhangshihao818</strong></p>
</div>
</div>
</div>
</div>
</div>
</main>
<footer class="py-5 bg-white border-top">
<div class="container text-center small text-muted">
<p class="mb-0">&copy; 2020 <?= htmlspecialchars($project_name) ?>. 专业数字化工程与行业方案专家.</p>
</div>
</footer>
</body>
</html>

101
service-detail.php Normal file
View File

@ -0,0 +1,101 @@
<?php
require_once __DIR__ . '/db/config.php';
$project_name = '智域科技';
$logo_path = '/assets/pasted-20260226-063604-a7913cdd.png';
$type = $_GET['type'] ?? 'Software';
$titles = [
'Software' => '定制软件开发 - 深度契合您的业务逻辑',
'Cloud' => '云原生架构转型 - 极致弹性与高可用',
'Security' => '金融级安全审计 - 构建全链路安全屏障',
'AI' => 'AI业务化集成 - 大模型驱动的生产力革命'
];
$title = $titles[$type] ?? $titles['Software'];
?>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><?= htmlspecialchars($title) ?> - <?= htmlspecialchars($project_name) ?></title>
<link rel="icon" href="<?= $logo_path ?>" type="image/png">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">
<link href="/assets/css/custom.css?v=<?= time() ?>" rel="stylesheet">
</head>
<body class="bg-subtle">
<nav class="navbar navbar-expand-lg navbar-light bg-white border-bottom scrolled">
<div class="container">
<a class="navbar-brand d-flex align-items-center gap-2" href="/">
<img src="<?= $logo_path ?>" alt="<?= htmlspecialchars($project_name) ?>" style="height: 32px;">
<span class="fw-bold text-dark"><?= htmlspecialchars($project_name) ?></span>
</a>
<a href="/" class="btn btn-outline-primary btn-sm ms-auto fw-bold"><i class="bi bi-arrow-left"></i> 返回首页</a>
</div>
</nav>
<main class="py-5 mt-5">
<div class="container py-5">
<div class="row g-5">
<div class="col-lg-8">
<div class="tech-card p-5 border-0 shadow-sm">
<span class="badge bg-primary bg-opacity-10 text-primary px-3 py-2 mb-3 fw-bold">核心能力详解</span>
<h1 class="display-5 fw-bold mb-4 text-dark"><?= htmlspecialchars($title) ?></h1>
<p class="lead text-muted mb-5">
在数字经济深水区，通用的解决方案已无法支撑日益复杂的业务增长。智域科技提供的 <?= htmlspecialchars($type) ?> 服务，通过底层架构的深度重塑，为企业构建具备长期竞争优势的数字化基座。
</p>
<h4 class="fw-bold mb-4 text-dark"><i class="bi bi-star-fill text-warning me-2"></i> 核心技术优势</h4>
<div class="row g-4 mb-5">
<div class="col-md-6">
<div class="p-4 border rounded-4 bg-white hover-shadow transition">
<h6 class="fw-bold mb-3"><i class="bi bi-cpu text-primary me-2"></i> 极致性能架构</h6>
<p class="small text-muted mb-0">基于 Go/Rust 原生编译语言，确保在高并发场景下依然保持毫秒级的响应速度与低内存损耗。</p>
</div>
</div>
<div class="col-md-6">
<div class="p-4 border rounded-4 bg-white hover-shadow transition">
<h6 class="fw-bold mb-3"><i class="bi bi-infinity text-success me-2"></i> 无感弹性扩容</h6>
<p class="small text-muted mb-0">原生适配 Kubernetes 容器编排，支持根据业务流量进行全自动、无感知的动态扩缩容。</p>
</div>
</div>
</div>
<h4 class="fw-bold mb-4 text-dark"><i class="bi bi-list-check text-primary me-2"></i> 标准化实施流程</h4>
<div class="ps-4 border-start border-primary border-3">
<div class="mb-4 position-relative">
<h6 class="fw-bold">01. 业务现状审计与对齐</h6>
<p class="small text-muted">深入访谈核心业务团队，识别现有系统瓶颈，梳理未来3-5年的业务扩展边界与技术选型预判。</p>
</div>
<div class="mb-4">
<h6 class="fw-bold">02. 架构蓝图与安全性评估</h6>
<p class="small text-muted">输出完整的逻辑架构图、物理部署拓扑图以及针对金融级安全要求的合规性评估报告。</p>
</div>
<div>
<h6 class="fw-bold">03. 敏捷开发与自动化交付</h6>
<p class="small text-muted">采用标准 Scrum 双周迭代，代码提交即触发自动化 CI/CD 流水线，确保交付质量与进度的双重透明。</p>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="tech-card p-4 bg-primary text-white border-0 sticky-top shadow-lg" style="top: 100px;">
<h5 class="mb-4 text-white fw-bold">预约首席架构师</h5>
<p class="small opacity-75 mb-4 lh-lg">针对 <?= htmlspecialchars($type) ?> 领域，智域科技将安排具备 10 年以上大规模分布式系统设计经验的资深架构师为您提供 1对1 的深度需求分析。我们将为您免费提供初步的技术路径建议书。</p>
<a href="https://t.me/zhangshihao818" class="btn btn-light w-100 fw-bold py-3 mb-3">
<i class="bi bi-telegram me-2"></i> 在线咨询专家
</a>
<p class="x-small text-center opacity-50 mb-0">预计响应时间：15 分钟内</p>
</div>
</div>
</div>
</div>
</main>
<footer class="py-5 bg-white border-top">
<div class="container text-center small text-muted">
<p class="mb-0">&copy; 2020 <?= htmlspecialchars($project_name) ?>. 专业数字化工程与行业方案专家.</p>
</div>
</footer>
</body>
</html>

105
solution-detail.php Normal file
View File

@ -0,0 +1,105 @@
<?php
require_once __DIR__ . '/db/config.php';
$project_name = '智域科技';
$logo_path = '/assets/pasted-20260226-063604-a7913cdd.png';
$type = $_GET['type'] ?? '智慧新零售';
$titles = [
'智慧新零售' => '智域科技 - 智慧新零售数字化解决方案',
'数字金融' => '智域科技 - 数字金融全栈架构解决方案',
'智能制造' => '智域科技 - 智能制造工业互联网解决方案',
'智慧医疗' => '智域科技 - 智慧医疗云端化解决方案'
];
$title = $titles[$type] ?? '智域科技 - 行业数字化转型实践';
?>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><?= htmlspecialchars($title) ?></title>
<link rel="icon" href="<?= $logo_path ?>" type="image/png">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">
<link href="/assets/css/custom.css?v=<?= time() ?>" rel="stylesheet">
</head>
<body class="bg-subtle">
<nav class="navbar navbar-expand-lg navbar-light bg-white border-bottom scrolled">
<div class="container">
<a class="navbar-brand d-flex align-items-center gap-2" href="/">
<img src="<?= $logo_path ?>" alt="<?= htmlspecialchars($project_name) ?>" style="height: 32px;">
<span class="fw-bold text-dark"><?= htmlspecialchars($project_name) ?></span>
</a>
<a href="/" class="btn btn-outline-primary btn-sm ms-auto fw-bold"><i class="bi bi-arrow-left"></i> 返回首页</a>
</div>
</nav>
<main class="py-5 mt-5">
<div class="container py-5">
<div class="row g-5">
<div class="col-lg-8">
<div class="tech-card p-5 border-0 shadow-sm">
<span class="badge bg-success bg-opacity-10 text-success px-3 py-2 mb-3 fw-bold">转型实践方案</span>
<h1 class="display-5 fw-bold mb-4 text-dark"><?= htmlspecialchars($type) ?></h1>
<p class="lead text-muted mb-5">
我们深知每个行业都有其独特的商业逻辑与数字化深水区瓶颈。<?= htmlspecialchars($type) ?> 不仅仅是技术的堆叠，更是智域科技对行业深刻洞察的数字化落地。
</p>
<div class="row g-4 mb-5">
<div class="col-md-6">
<div class="p-4 bg-light rounded-4">
<h5 class="fw-bold text-dark"><i class="bi bi-lightbulb-fill text-warning me-2"></i> 核心痛点突破</h5>
<ul class="small text-muted ps-3 mt-3 lh-lg">
<li>解决高并发流量压力与系统的极致稳定性需求</li>
<li>打破跨系统数据孤岛，实现 PB 级数据实时同步</li>
<li>应对复杂的业务合规性与全球化多数据中心部署挑战</li>
</ul>
</div>
</div>
<div class="col-md-6">
<div class="p-4 bg-light rounded-4">
<h5 class="fw-bold text-dark"><i class="bi bi-graph-up-arrow text-success me-2"></i> 商业价值赋能</h5>
<ul class="small text-muted ps-3 mt-3 lh-lg">
<li>整体运营成本与技术架构维护成本降低 30% - 50%</li>
<li>核心业务逻辑的响应速度与上线效率提升 200%</li>
<li>数据资产化率显著提高，驱动决策科学化与智能化</li>
</ul>
</div>
</div>
</div>
<h4 class="fw-bold mb-4 text-dark"><i class="bi bi-layers-half text-primary me-2"></i> 智域定制化技术架构</h4>
<div class="p-4 border rounded-4 bg-white mb-5 shadow-sm">
<p class="small text-muted lh-lg">我们采用“业务中台化”设计思路，将核心业务能力解耦为独立的服务集群。前端支持多端适配（Web/移动端/小程序/App），后端采用 Go 与云原生混合架构，确保在高并发场景下的极致表现与安全交付。</p>
<img src="https://images.pexels.com/photos/1181244/pexels-photo-1181244.jpeg?auto=compress&cs=tinysrgb&w=800" class="img-fluid rounded-4 mt-3" alt="Architecture">
</div>
</div>
</div>
<div class="col-lg-4">
<div class="tech-card p-4 bg-dark text-white border-0 sticky-top shadow-lg" style="top: 100px;">
<h5 class="mb-4 text-white fw-bold">获取完整行业白皮书</h5>
<p class="small opacity-75 mb-4 lh-lg">留下您的联系方式或直接在线咨询，我们将为您发送针对《<?= htmlspecialchars($type) ?>》的最新技术白皮书及行业对标落地案例汇编。</p>
<a href="https://t.me/zhangshihao818" class="btn btn-primary w-100 fw-bold py-3 mb-3">
<i class="bi bi-file-earmark-pdf-fill me-2"></i> 获取完整方案 (PDF)
</a>
<hr class="opacity-10">
<div class="d-flex align-items-center gap-3">
<div class="bg-primary p-2 rounded-circle shadow-sm"><i class="bi bi-headset"></i></div>
<div>
<p class="small mb-0 opacity-50">解决方案专家</p>
<p class="fw-bold mb-0">@zhangshihao818</p>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<footer class="py-5 bg-white border-top">
<div class="container text-center small text-muted">
<p class="mb-0">&copy; 2020 <?= htmlspecialchars($project_name) ?>. 专业数字化工程与行业方案专家.</p>
</div>
</footer>
</body>
</html>