feat: 添加连锁门店系统首页及核心UI组件

新增首页布局、导航栏、页脚及多个核心UI组件（按钮、卡片、表格等）
添加图片资源、工具函数和样式配置
实现响应式设计和主题支持
包含行业解决方案展示区块

components/sections/cta-banner.tsx

@@ -0,0 +1,66 @@
+import Link from "next/link"
+import { Button } from "@/components/ui/button"
+import { ArrowRight, Sparkles } from "lucide-react"
+
+export function CTABanner() {
+  return (
+    <section className="bg-surface-dark py-16 lg:py-20 relative overflow-hidden">
+      {/* Background decoration */}
+      <div className="absolute inset-0 overflow-hidden pointer-events-none" aria-hidden="true">
+        <div
+          className="absolute -top-24 -right-24 w-96 h-96 rounded-full opacity-10"
+          style={{ background: "radial-gradient(circle, oklch(0.46 0.22 264) 0%, transparent 70%)" }}
+        />
+        <div
+          className="absolute -bottom-16 -left-16 w-72 h-72 rounded-full opacity-8"
+          style={{ background: "radial-gradient(circle, oklch(0.55 0.18 280) 0%, transparent 70%)" }}
+        />
+        <div
+          className="absolute inset-0 opacity-[0.03]"
+          style={{
+            backgroundImage: `linear-gradient(white 1px, transparent 1px), linear-gradient(90deg, white 1px, transparent 1px)`,
+            backgroundSize: "64px 64px",
+          }}
+        />
+      </div>
+
+      <div className="relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+        <div className="flex flex-col lg:flex-row items-center justify-between gap-8 text-center lg:text-left">
+          <div className="flex flex-col gap-3 max-w-2xl">
+            <div className="flex items-center justify-center lg:justify-start gap-2 text-white/60">
+              <Sparkles className="w-4 h-4 text-primary" />
+              <span className="text-sm font-medium uppercase tracking-widest">开启门店智能化升级</span>
+            </div>
+            <h2 className="text-3xl sm:text-4xl lg:text-5xl font-bold text-white text-balance">
+              准备好让您的门店更聪明了吗？
+            </h2>
+            <p className="text-white/55 text-base lg:text-lg text-pretty">
+              立即联系智店软件，获取专属门店智能化改造方案，从智慧收银到智能监管，全程陪伴您的升级之路。
+            </p>
+          </div>
+
+          <div className="flex flex-col sm:flex-row items-center gap-4 shrink-0">
+            <Button
+              asChild
+              size="lg"
+              className="bg-primary hover:bg-primary-dark text-white shadow-xl shadow-primary/40 px-8 h-12 text-base font-semibold"
+            >
+              <Link href="#contact" className="flex items-center gap-2">
+                立即咨询
+                <ArrowRight className="w-4 h-4" />
+              </Link>
+            </Button>
+            <Button
+              asChild
+              variant="outline"
+              size="lg"
+              className="border-white/20 bg-transparent text-white hover:bg-white/10 hover:border-white/40 px-8 h-12 text-base"
+            >
+              <Link href="#products">查看产品</Link>
+            </Button>
+          </div>
+        </div>
+      </div>
+    </section>
+  )
+}