diff --git a/next.config.mjs b/next.config.mjs
index 15eff7c..dbb8700 100644
--- a/next.config.mjs
+++ b/next.config.mjs
@@ -1,6 +1,15 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
-    output: 'export'
+    output: 'export',
+    async redirects() {  
+        return [  
+          {  
+            source: '/',  
+            destination: '/zh/home',  
+            permanent: true,  
+          },  
+        ];  
+      },  
 };
 
 export default nextConfig;
diff --git a/src/app/[lang]/home/components/form.tsx b/src/app/[lang]/home/components/form.tsx
index 3fb7eab..b292f84 100644
--- a/src/app/[lang]/home/components/form.tsx
+++ b/src/app/[lang]/home/components/form.tsx
@@ -1,5 +1,3 @@
-import Image from "next/image";
-
 
 export default function Form() {
     return (
@@ -27,7 +25,7 @@ export default function Form() {
            style={{background: 'linear-gradient(155deg, #A4D5FF 55%, #82B2FF 99%)'}}
            >
                 <div className="text-[#fff] text-[24px] font-semibold">提交</div>
-                <Image
+                <img
                     src="/home/submit_icon.png"
                     width={26}
                     height={22}
diff --git a/src/app/[lang]/home/page.tsx b/src/app/[lang]/home/page.tsx
index cd7524c..69f71d7 100644
--- a/src/app/[lang]/home/page.tsx
+++ b/src/app/[lang]/home/page.tsx
@@ -6,7 +6,7 @@ export async function generateStaticParams() {
 
 
 
-import Image from "next/image";
+
 import { getDictionary } from '@/dictionaries';
 import Form from "./components/form";
 import Header from "@/app/components/header";
@@ -73,7 +73,7 @@ export default async function Home (props: PropsType) {
                 </div>
             </section>
             <div className="w-full h-[428px] relative">
-                <Image
+                <img
                     src="/home/img_bg2.png"
                     width={745}
                     height={428}
@@ -85,7 +85,7 @@ export default async function Home (props: PropsType) {
                 </div>
             </div>
             <div className="w-full h-[403px] relative">
-                <Image
+                <img
                     className="absolute right-[0]"
                     src="/home/img_AB.png"
                     width={787}
@@ -101,7 +101,7 @@ export default async function Home (props: PropsType) {
                 </div>
             </div>
             <div className="w-full h-[392px] relative">
-                <Image
+                <img
                     className="absolute"
                     src="/home/img_mutilan.png"
                     width={698}
@@ -117,7 +117,7 @@ export default async function Home (props: PropsType) {
                 </div>
             </div>
             <div className="w-full h-[317px] relative mt-[83px]">
-                <Image
+                <img
                     className="absolute right-[0]"
                     src="/home/img_Omnichannel.png"
                     width={742}
@@ -133,7 +133,7 @@ export default async function Home (props: PropsType) {
                 </div>
             </div>       
             <div className="w-full h-[317px] relative mt-[83px]">
-                <Image
+                <img
                     className="absolute"
                     src="/home/img_3.png"
                     width={881}
@@ -167,7 +167,7 @@ export default async function Home (props: PropsType) {
                     {
                         caseList.map((item: CaseType, index: number) => {
                             return <div key={'key'+index} className="cursor-pointer">
-                                <Image
+                                <img
                                     className="hover:scale-[1.17] hover:shadow-[0px_0px_20px_8px_#0988FF] rounded-[60px] 
                                     transition ease-in-out duration-300"
                                     src={item.img}
diff --git a/src/app/components/footer.tsx b/src/app/components/footer.tsx
index 45eef35..062e5ca 100644
--- a/src/app/components/footer.tsx
+++ b/src/app/components/footer.tsx
@@ -1,11 +1,11 @@
-import Image from "next/image"
+
 export default function Footer(props: {dict: Record<string, string>}) {
     const { dict } = props
   return (
     <footer>
         <div className="flex items-start justify-between w-full px-[304px]">
             <div className=" w-[166px] flex flex-col items-center mb-[15px]">
-                <Image
+                <img
                     className="mb-[16px]"
                     src="/home/qrcode.png"
                     width={151}
diff --git a/src/app/components/header.tsx b/src/app/components/header.tsx
index ef7c5a2..140de78 100644
--- a/src/app/components/header.tsx
+++ b/src/app/components/header.tsx
@@ -1,5 +1,4 @@
 'use client'
-import Image from "next/image";
 import Link from "next/link";
 import { useState } from "react";
 
@@ -16,14 +15,14 @@ function SplitButton(props: {dict: Record<string, string>, lang: string}) {
         <div className="flex items-center w-[129px] h-[28px] bg-[#EEF1F6] 
         border-[1px] border-[#eeeeee] rounded-[3px] px-[10px] mt-[18px] cursor-pointer" 
         onClick={() => setShow(!show)}>
-            <Image 
+            <img 
                 src="/common/earth.png"
                 width={16.5}
                 height={16.5}
                 alt="logo"
             />
             <div className="flex-1 text-[14px] text-[#333333] mx-[9px]">{ dict?.lang }</div>
-            <Image
+            <img
                  src="/common/arrow.png"
                  width={10}
                  height={5}
@@ -65,7 +64,7 @@ export default function Header(props: {dict: Record<string, string>, lang: strin
     ]
     return (<>
         <div className={"flex items-center px-[20px] h-[80px]"}>
-          <Image
+          <img
             src="/common/logo.png"
             width={180}
             height={47}
@@ -79,7 +78,7 @@ export default function Header(props: {dict: Record<string, string>, lang: strin
                       <div className="my-[10px] w-[144px] text-[18px]">{ item.name }</div>
                       {
                         activeTab === item.name ? 
-                        <Image src="/common/tab_checked.png" width={144} height={8} alt="" /> : 
+                        <img src="/common/tab_checked.png" width={144} height={8} alt="" /> : 
                         <div className="h-[8px]"></div>
                       }
                     </div>
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 976ebd8..125ff90 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -20,6 +20,12 @@ export const metadata: Metadata = {
 };
 
 function RootLayout({ children }:{ children: ReactNode } ): ReactElement {
+  // const languages = navigator.languages;
+  // if(languages[0] === 'zh-CN') {
+  //     redirect('/zh/home')
+  // } else {
+  //     redirect('/en/home')
+  // }
   return (
     <html lang="en">
       <body