From ebe385a624ec94a6c0b40b9449547f58eb53f9e1 Mon Sep 17 00:00:00 2001
From: feie9454 <feie9454@gmail.com>
Date: Thu, 11 Dec 2025 15:37:31 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=20Navbar=20=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E7=A7=BB=E5=8A=A8=E8=8F=9C=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .gitignore            |  2 ++
 app/globals.css       |  3 +++
 app/page.tsx          |  2 +-
 components/Navbar.tsx | 34 ++++++++++++++++++++++++----------
 pm2.config.cjs        | 35 +++++++++++++++++++++++++++++++++++
 5 files changed, 65 insertions(+), 11 deletions(-)
 create mode 100644 pm2.config.cjs

diff --git a/.gitignore b/.gitignore
index 45254b6..a8cef3c 100644
--- a/.gitignore
+++ b/.gitignore
@@ -41,3 +41,5 @@ yarn-error.log*
 next-env.d.ts
 
 /app/generated/prisma
+
+logs
\ No newline at end of file
diff --git a/app/globals.css b/app/globals.css
index 5ea54c2..f6a4014 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -36,3 +36,6 @@ html {
   color: white;
 }
 
+*{
+  box-sizing: border-box;
+}
\ No newline at end of file
diff --git a/app/page.tsx b/app/page.tsx
index 5e0b046..3425967 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -5,7 +5,7 @@ import Contact from '@/components/Contact';
 
 export default function Home() {
   return (
-    <main>
+    <main className='overflow-hidden'>
       <Hero />
       <About />
       <Services />
diff --git a/components/Navbar.tsx b/components/Navbar.tsx
index 5a0e451..65c94c9 100644
--- a/components/Navbar.tsx
+++ b/components/Navbar.tsx
@@ -22,20 +22,30 @@ const Navbar: React.FC = () => {
     return () => window.removeEventListener('scroll', handleScroll);
   }, []);
 
+  useEffect(() => {
+    const handleResize = () => {
+      if (window.innerWidth >= 768) {
+        setIsMobileMenuOpen(false);
+      }
+    };
+    window.addEventListener('resize', handleResize);
+    return () => window.removeEventListener('resize', handleResize);
+  }, []);
+
   return (
     <nav
       className={`fixed top-0 left-0 w-full z-50 transition-all duration-300 ${
-        isScrolled
-          ? 'bg-feie-cream/90 backdrop-blur-md shadow-sm py-4'
+        isScrolled || isMobileMenuOpen
+          ? 'bg-feie-cream/95 backdrop-blur-md shadow-sm py-4'
           : 'bg-transparent py-6'
       }`}
     >
       <div className="container mx-auto px-6 flex justify-between items-center">
         <a href="#" className="flex items-center gap-2 group">
-          <div className={`w-8 h-8 rounded-sm border-2 flex items-center justify-center transition-colors ${isScrolled ? 'border-feie-dark text-feie-dark' : 'border-feie-white text-feie-white'}`}>
+          <div className={`w-8 h-8 rounded-sm border-2 flex items-center justify-center transition-colors ${isScrolled || isMobileMenuOpen ? 'border-feie-dark text-feie-dark' : 'border-feie-white text-feie-white'}`}>
              <span className="font-serif font-bold text-lg">F</span>
           </div>
-          <span className={`font-serif text-xl font-bold tracking-wide transition-colors ${isScrolled ? 'text-feie-dark' : 'text-feie-white'}`}>
+          <span className={`font-serif text-xl font-bold tracking-wide transition-colors ${isScrolled || isMobileMenuOpen ? 'text-feie-dark' : 'text-feie-white'}`}>
             FEIE TECH
           </span>
         </a>
@@ -71,28 +81,32 @@ const Navbar: React.FC = () => {
           onClick={() => setIsMobileMenuOpen(!isMobileMenuOpen)}
         >
           {isMobileMenuOpen ? (
-            <X className={isScrolled ? 'text-feie-dark' : 'text-feie-white'} />
+            <X className={isScrolled || isMobileMenuOpen ? 'text-feie-dark' : 'text-feie-white'} />
           ) : (
-            <Menu className={isScrolled ? 'text-feie-dark' : 'text-feie-white'} />
+            <Menu className={isScrolled || isMobileMenuOpen ? 'text-feie-dark' : 'text-feie-white'} />
           )}
         </button>
       </div>
 
       {/* Mobile Menu */}
-      {isMobileMenuOpen && (
-        <div className="md:hidden absolute top-full left-0 w-full bg-feie-cream border-t border-gray-200 py-4 shadow-lg flex flex-col items-center space-y-4">
+      <div 
+        className={`md:hidden absolute top-full left-0 w-full bg-feie-cream/95 backdrop-blur-md border-t border-gray-200 shadow-lg flex flex-col items-center transition-all duration-300 ease-in-out overflow-hidden ${
+          isMobileMenuOpen ? 'max-h-96 opacity-100 py-6' : 'max-h-0 opacity-0 py-0'
+        }`}
+      >
+        <div className="flex flex-col items-center space-y-6 w-full">
           {navItems.map((item) => (
             <a
               key={item.label}
               href={item.href}
-              className="font-serif text-feie-dark hover:text-feie-gold"
+              className="font-serif text-lg text-feie-dark hover:text-feie-gold transition-colors"
               onClick={() => setIsMobileMenuOpen(false)}
             >
               {item.label}
             </a>
           ))}
         </div>
-      )}
+      </div>
     </nav>
   );
 };
diff --git a/pm2.config.cjs b/pm2.config.cjs
new file mode 100644
index 0000000..d45fa1e
--- /dev/null
+++ b/pm2.config.cjs
@@ -0,0 +1,35 @@
+const path = require('path')
+const dotenv = require('dotenv')
+
+// 加载 .env 文件
+const envConfig = dotenv.config({ path: path.resolve(__dirname, '.env') })
+
+if (envConfig.error) {
+  console.error('Error loading .env file:', envConfig.error)
+}
+
+module.exports = {
+  apps: [
+    {
+      name: 'nanjing-feie-tech',
+      script: 'bun',
+      args: 'run start',
+      cwd: __dirname,
+      env: {
+        ...process.env,
+        NODE_ENV: 'production',
+      },
+      instances: 1,
+      exec_mode: 'fork',
+      watch: false,
+      max_memory_restart: '1G',
+      error_file: './logs/err.log',
+      out_file: './logs/out.log',
+      log_file: './logs/combined.log',
+      time: true,
+      autorestart: true,
+      max_restarts: 10,
+      min_uptime: '10s'
+    }
+  ]
+}