hongjli
2025-06-16 90b3b6329fec3205b845198ca6dc539dcde186c8
src/app/layout.tsx
@@ -1,14 +1,34 @@
import type { Metadata } from "next";
import { Inter } from "next/font/google";
import "./globals.css";
import Navbar from "@/components/layout/Navbar";
import Image from 'next/image';
import ClientLayoutContent from '@/components/layout/ClientLayoutContent';
import Script from 'next/script';
import { UserProvider } from "@/context/UserContext";
const inter = Inter({ subsets: ["latin"] });
export const metadata: Metadata = {
  title: "帷幄君成 - 数字员工平台",
  description: "智能物流解决方案",
  title: "帷幄君成 - AI场景模拟平台",
  description: "智能化供应链管理,AI模拟APS场景的领航者",
  icons: {
    icon: '/images/favicon.ico',
    shortcut: '/images/favicon.ico',
    apple: '/images/favicon.ico',
  },
};
const ScrollToTop = () => {
  return (
    <Script id="scroll-to-top">
      {`
        if (typeof window !== 'undefined') {
          window.onload = function() {
            window.scrollTo(0, 0);
          }
        }
      `}
    </Script>
  );
};
export default function RootLayout({
@@ -17,64 +37,12 @@
  children: React.ReactNode;
}) {
  return (
    <html lang="zh">
      <body className={inter.className}>
        <Navbar />
        <main className="min-h-screen bg-gradient-to-b from-[var(--ai-surface)] to-white pt-16">
          {children}
        </main>
        <footer className="bg-gradient-to-br from-[var(--ai-primary)] to-[var(--ai-dark)] text-white py-10">
          <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div className="mb-8 flex justify-center flex-col items-center">
              <div className="relative w-16 h-16 mb-3">
                <Image
                  src="/images/logo.jpg"
                  alt="帷幄君成Logo"
                  width={64}
                  height={64}
                  className="object-contain"
                  priority
                />
              </div>
              <div className="text-xl font-bold">帷幄君成</div>
              <div className="text-sm text-gray-300 mt-1">智能物流解决方案</div>
            </div>
            <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
              <div>
                <h3 className="text-lg font-semibold mb-4 text-[#F5A800]">关于我们</h3>
                <ul className="space-y-2">
                  <li className="hover:text-[#F5A800] transition-colors cursor-pointer">公司介绍</li>
                  <li className="hover:text-[#F5A800] transition-colors cursor-pointer">联系方式</li>
                  <li className="hover:text-[#F5A800] transition-colors cursor-pointer">加入我们</li>
                </ul>
              </div>
              <div>
                <h3 className="text-lg font-semibold mb-4 text-[#F5A800]">产品服务</h3>
                <ul className="space-y-2">
                  <li className="hover:text-[#F5A800] transition-colors cursor-pointer">数字员工</li>
                  <li className="hover:text-[#F5A800] transition-colors cursor-pointer">智能客服</li>
                  <li className="hover:text-[#F5A800] transition-colors cursor-pointer">物流解决方案</li>
                </ul>
              </div>
              <div>
                <h3 className="text-lg font-semibold mb-4 text-[#F5A800]">帮助中心</h3>
                <ul className="space-y-2">
                  <li className="hover:text-[#F5A800] transition-colors cursor-pointer">使用指南</li>
                  <li className="hover:text-[#F5A800] transition-colors cursor-pointer">常见问题</li>
                  <li className="hover:text-[#F5A800] transition-colors cursor-pointer">技术支持</li>
                </ul>
              </div>
            </div>
            <div className="mt-8 pt-8 border-t border-opacity-20 border-[#F5A800] text-center">
              <div className="flex items-center justify-center mb-4">
                <span className="inline-block w-2 h-2 bg-[#00A0E9] rounded-full mr-2 animate-pulse"></span>
                <span className="inline-block w-2 h-2 bg-[#5D54A4] rounded-full mx-2 animate-pulse delay-300"></span>
                <span className="inline-block w-2 h-2 bg-[#F5A800] rounded-full ml-2 animate-pulse delay-500"></span>
              </div>
              <p>© 2024 帷幄君成. All rights reserved.</p>
            </div>
          </div>
        </footer>
    <html lang="zh-CN" className="smooth-scroll">
      <ScrollToTop />
      <body className={`${inter.className} overflow-x-hidden`}>
        <UserProvider>
          <ClientLayoutContent>{children}</ClientLayoutContent>
        </UserProvider>
      </body>
    </html>
  );