diff --git a/apps/user/app/(main)/page.tsx b/apps/user/app/(main)/page.tsx
index 45ee755..dbee382 100644
--- a/apps/user/app/(main)/page.tsx
+++ b/apps/user/app/(main)/page.tsx
@@ -10,7 +10,6 @@ import { redirect } from 'next/navigation';
 import FooterCopyright from '@/components/main/FooterCopyright';
 import FullScreenVideoBackground from '@/components/main/FullScreenVideoBackground';
 import HomeContent from '@/components/main/HomeContent';
-import Image from 'next/image';
 
 export default async function Home() {
   const Authorization = (await cookies()).get('Authorization')?.value;
@@ -39,14 +38,6 @@ export default async function Home() {
         <HomeContent />
       </main>
       <FooterCopyright />
-      <Image
-        src={'./logo.png'}
-        height={37}
-        width={28}
-        className={'fixed bottom-8 left-1/2 -translate-x-1/2'}
-        alt='logo'
-        unoptimized
-      ></Image>
     </>
   );
 }
diff --git a/apps/user/app/auth/EmailAuthDialog/EmailAuthDialog.tsx b/apps/user/app/auth/EmailAuthDialog/EmailAuthDialog.tsx
new file mode 100644
index 0000000..3f9e5f0
--- /dev/null
+++ b/apps/user/app/auth/EmailAuthDialog/EmailAuthDialog.tsx
@@ -0,0 +1,40 @@
+import EmailAuthForm from '@/app/auth/email/auth-form';
+import CloseSvg from '@/components/CustomIcon/icons/close.svg';
+import { Dialog, DialogContent, DialogTitle } from '@workspace/ui/components/dialog';
+import Image from 'next/image';
+import { forwardRef, useImperativeHandle, useState } from 'react';
+
+export interface EmailAuthDialogRef {
+  show: () => void;
+  hide: () => void;
+}
+
+const EmailAuthDialog = forwardRef<EmailAuthDialogRef>((props, ref) => {
+  const [open, setOpen] = useState(false);
+
+  useImperativeHandle(ref, () => ({
+    show: () => setOpen(true),
+    hide: () => setOpen(false),
+  }));
+
+  return (
+    <Dialog open={open} onOpenChange={setOpen}>
+      <DialogContent
+        className={
+          'rounded-0 h-full w-full px-12 py-[4.5rem] md:h-auto md:w-[496px] md:!rounded-[50px]'
+        }
+        closeIcon={<Image src={CloseSvg} alt={'close'} />}
+        closeClassName={
+          'right-[40px] top-[30px] font-bold text-black opacity-100 focus:ring-0 focus:ring-offset-0'
+        }
+      >
+        <DialogTitle className={'sr-only'}>title</DialogTitle>
+        <div className={'min-h-[524px]'}>
+          <EmailAuthForm />
+        </div>
+      </DialogContent>
+    </Dialog>
+  );
+});
+
+export default EmailAuthDialog;
diff --git a/apps/user/app/auth/page.tsx b/apps/user/app/auth/auth-page.tsx
similarity index 100%
rename from apps/user/app/auth/page.tsx
rename to apps/user/app/auth/auth-page.tsx
diff --git a/apps/user/app/auth/email/login-form.tsx b/apps/user/app/auth/email/login-form.tsx
index ece2a19..4bda980 100644
--- a/apps/user/app/auth/email/login-form.tsx
+++ b/apps/user/app/auth/email/login-form.tsx
@@ -49,15 +49,21 @@ export default function LoginForm({
 
   return (
     <>
+      <div className={'pb-9 pt-16 text-4xl font-bold'}>账户验证</div>
       <Form {...form}>
-        <form onSubmit={handleSubmit} className='grid gap-6'>
+        <form onSubmit={handleSubmit} className=''>
           <FormField
             control={form.control}
             name='email'
             render={({ field }) => (
-              <FormItem>
+              <FormItem className={'mb-5'}>
                 <FormControl>
-                  <Input placeholder='Enter your email...' type='email' {...field} />
+                  <Input
+                    className={'h-[60px] text-xl'}
+                    placeholder='Email'
+                    type='email'
+                    {...field}
+                  />
                 </FormControl>
                 <FormMessage />
               </FormItem>
@@ -67,9 +73,14 @@ export default function LoginForm({
             control={form.control}
             name='password'
             render={({ field }) => (
-              <FormItem>
+              <FormItem className={'mb-2'}>
                 <FormControl>
-                  <Input placeholder='Enter your password...' type='password' {...field} />
+                  <Input
+                    className={'h-[60px] text-xl'}
+                    placeholder='password'
+                    type='password'
+                    {...field}
+                  />
                 </FormControl>
                 <FormMessage />
               </FormItem>
@@ -80,7 +91,7 @@ export default function LoginForm({
               control={form.control}
               name='cf_token'
               render={({ field }) => (
-                <FormItem>
+                <FormItem className={'last:mb-0'}>
                   <FormControl>
                     <CloudFlareTurnstile id='login' {...field} ref={turnstile} />
                   </FormControl>
@@ -89,27 +100,39 @@ export default function LoginForm({
               )}
             />
           )}
-          <Button type='submit' disabled={loading}>
-            {loading && <Icon icon='mdi:loading' className='animate-spin' />}
-            {t('title')}
-          </Button>
+          <div className='flex w-full justify-between text-sm'>
+            <Button
+              variant='link'
+              type='button'
+              className='p-0'
+              onClick={() => onSwitchForm('reset')}
+            >
+              {t('forgotPassword')}
+            </Button>
+            <Button
+              variant='link'
+              className='p-0'
+              onClick={() => {
+                setInitialValues(undefined);
+                onSwitchForm('register');
+              }}
+            >
+              {t('registerAccount')}
+            </Button>
+          </div>
+
+          <div className='mt-6 flex justify-center'>
+            <Button
+              type='submit'
+              disabled={loading}
+              className='h-[64px] w-[219px] rounded-full border-[#0F2C53] bg-[#0F2C53] text-2xl font-bold hover:bg-[#225BA9] hover:text-white'
+            >
+              {loading && <Icon icon='mdi:loading' className='animate-spin' />}
+              {t('title')}
+            </Button>
+          </div>
         </form>
       </Form>
-      <div className='mt-4 flex w-full justify-between text-sm'>
-        <Button variant='link' type='button' className='p-0' onClick={() => onSwitchForm('reset')}>
-          {t('forgotPassword')}
-        </Button>
-        <Button
-          variant='link'
-          className='p-0'
-          onClick={() => {
-            setInitialValues(undefined);
-            onSwitchForm('register');
-          }}
-        >
-          {t('registerAccount')}
-        </Button>
-      </div>
     </>
   );
 }
diff --git a/apps/user/app/auth/email/register-form.tsx b/apps/user/app/auth/email/register-form.tsx
index fba20ce..14bf83a 100644
--- a/apps/user/app/auth/email/register-form.tsx
+++ b/apps/user/app/auth/email/register-form.tsx
@@ -87,132 +87,156 @@ export default function RegisterForm({
 
   return (
     <>
+      <div className={'pb-9 text-4xl font-bold'}>注册账户</div>
+
       {auth.register.stop_register ? (
         <Markdown>{t('message')}</Markdown>
       ) : (
         <Form {...form}>
-          <form onSubmit={handleSubmit} className='grid gap-6'>
-            <FormField
-              control={form.control}
-              name='email'
-              render={({ field }) => (
-                <FormItem>
-                  <FormControl>
-                    <Input placeholder='Enter your email...' type='email' {...field} />
-                  </FormControl>
-                  <FormMessage />
-                </FormItem>
-              )}
-            />
-            <FormField
-              control={form.control}
-              name='password'
-              render={({ field }) => (
-                <FormItem>
-                  <FormControl>
-                    <Input placeholder='Enter your password...' type='password' {...field} />
-                  </FormControl>
-                  <FormMessage />
-                </FormItem>
-              )}
-            />
-            <FormField
-              control={form.control}
-              name='repeat_password'
-              render={({ field }) => (
-                <FormItem>
-                  <FormControl>
-                    <Input
-                      disabled={loading}
-                      placeholder='Enter password again...'
-                      type='password'
-                      {...field}
-                    />
-                  </FormControl>
-                  <FormMessage />
-                </FormItem>
-              )}
-            />
-            {auth.email.enable_verify && (
+          <form onSubmit={handleSubmit}>
+            <div className='grid gap-5'>
               <FormField
                 control={form.control}
-                name='code'
+                name='email'
                 render={({ field }) => (
                   <FormItem>
                     <FormControl>
-                      <div className='flex items-center gap-2'>
-                        <Input
-                          disabled={loading}
-                          placeholder='Enter code...'
-                          type='text'
-                          {...field}
-                          value={field.value as string}
-                        />
-                        <SendCode
-                          type='email'
-                          params={{
-                            ...form.getValues(),
-                            type: 1,
-                          }}
-                        />
-                      </div>
+                      <Input
+                        className={'h-[60px] text-xl'}
+                        placeholder='Enter your email...'
+                        type='email'
+                        {...field}
+                      />
                     </FormControl>
                     <FormMessage />
                   </FormItem>
                 )}
               />
-            )}
-            <FormField
-              control={form.control}
-              name='invite'
-              render={({ field }) => (
-                <FormItem>
-                  <FormControl>
-                    <Input
-                      disabled={loading || !!localStorage.getItem('invite')}
-                      placeholder={t('invite')}
-                      {...field}
-                      value={field.value || ''}
-                    />
-                  </FormControl>
-                  <FormMessage />
-                </FormItem>
-              )}
-            />
-            {verify.enable_register_verify && (
               <FormField
                 control={form.control}
-                name='cf_token'
+                name='password'
                 render={({ field }) => (
                   <FormItem>
                     <FormControl>
-                      <CloudFlareTurnstile id='register' {...field} ref={turnstile} />
+                      <Input
+                        className={'h-[60px] text-xl'}
+                        placeholder='Enter your password...'
+                        type='password'
+                        {...field}
+                      />
                     </FormControl>
                     <FormMessage />
                   </FormItem>
                 )}
               />
-            )}
-            <Button type='submit' disabled={loading}>
-              {loading && <Icon icon='mdi:loading' className='animate-spin' />}
-              {t('title')}
-            </Button>
+              <FormField
+                control={form.control}
+                name='repeat_password'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormControl>
+                      <Input
+                        className={'h-[60px] text-xl'}
+                        disabled={loading}
+                        placeholder='Enter password again...'
+                        type='password'
+                        {...field}
+                      />
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+              {auth.email.enable_verify && (
+                <FormField
+                  control={form.control}
+                  name='code'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormControl>
+                        <div className='flex items-center gap-8'>
+                          <Input
+                            disabled={loading}
+                            className={'h-[60px] flex-1 text-xl'}
+                            placeholder='Enter code...'
+                            type='text'
+                            {...field}
+                            value={field.value as string}
+                          />
+                          <SendCode
+                            type='email'
+                            params={{
+                              ...form.getValues(),
+                              type: 1,
+                            }}
+                          />
+                        </div>
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              )}
+              <FormField
+                control={form.control}
+                name='invite'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormControl>
+                      <Input
+                        className={'h-[60px] text-xl'}
+                        disabled={loading || !!localStorage.getItem('invite')}
+                        placeholder={t('invite')}
+                        {...field}
+                        value={field.value || ''}
+                      />
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+              {verify.enable_register_verify && (
+                <FormField
+                  control={form.control}
+                  name='cf_token'
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormControl>
+                        <CloudFlareTurnstile id='register' {...field} ref={turnstile} />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              )}
+            </div>
+
+            <div className='text-right text-sm'>
+              {t('existingAccount')}&nbsp;
+              <Button
+                variant='link'
+                className='p-0'
+                onClick={() => {
+                  setInitialValues(undefined);
+                  onSwitchForm('login');
+                }}
+              >
+                {t('switchToLogin')}
+              </Button>
+            </div>
+            <div className='mt-6 flex justify-center'>
+              <Button
+                type='submit'
+                disabled={loading}
+                className='h-[64px] w-[219px] rounded-full border-[#0F2C53] bg-[#0F2C53] text-2xl font-bold hover:bg-[#225BA9] hover:text-white'
+              >
+                {loading && <Icon icon='mdi:loading' className='animate-spin' />}
+                {t('title')}
+              </Button>
+            </div>
           </form>
         </Form>
       )}
-      <div className='mt-4 text-right text-sm'>
-        {t('existingAccount')}&nbsp;
-        <Button
-          variant='link'
-          className='p-0'
-          onClick={() => {
-            setInitialValues(undefined);
-            onSwitchForm('login');
-          }}
-        >
-          {t('switchToLogin')}
-        </Button>
-      </div>
     </>
   );
 }
diff --git a/apps/user/app/auth/email/reset-form.tsx b/apps/user/app/auth/email/reset-form.tsx
index c5bc9c2..887c563 100644
--- a/apps/user/app/auth/email/reset-form.tsx
+++ b/apps/user/app/auth/email/reset-form.tsx
@@ -54,92 +54,112 @@ export default function ResetForm({
 
   return (
     <>
+      <div className={'pb-9 pt-10 text-4xl font-bold'}>找回账户</div>
       <Form {...form}>
-        <form onSubmit={handleSubmit} className='grid gap-6'>
-          <FormField
-            control={form.control}
-            name='email'
-            render={({ field }) => (
-              <FormItem>
-                <FormControl>
-                  <Input placeholder='Enter your email...' type='email' {...field} />
-                </FormControl>
-                <FormMessage />
-              </FormItem>
-            )}
-          />
-          <FormField
-            control={form.control}
-            name='code'
-            render={({ field }) => (
-              <FormItem>
-                <FormControl>
-                  <div className='flex items-center gap-2'>
-                    <Input
-                      disabled={loading}
-                      placeholder='Enter code...'
-                      type='text'
-                      {...field}
-                      value={field.value as string}
-                    />
-                    <SendCode
-                      type='email'
-                      params={{
-                        ...form.getValues(),
-                        type: 2,
-                      }}
-                    />
-                  </div>
-                </FormControl>
-                <FormMessage />
-              </FormItem>
-            )}
-          />
-          <FormField
-            control={form.control}
-            name='password'
-            render={({ field }) => (
-              <FormItem>
-                <FormControl>
-                  <Input placeholder='Enter your new password...' type='password' {...field} />
-                </FormControl>
-                <FormMessage />
-              </FormItem>
-            )}
-          />
-          {verify.enable_reset_password_verify && (
+        <form onSubmit={handleSubmit}>
+          <div className='grid gap-5'>
             <FormField
               control={form.control}
-              name='cf_token'
+              name='email'
               render={({ field }) => (
                 <FormItem>
                   <FormControl>
-                    <CloudFlareTurnstile id='reset' {...field} ref={turnstile} />
+                    <Input
+                      className={'h-[60px] text-xl'}
+                      placeholder='Enter your email...'
+                      type='email'
+                      {...field}
+                    />
                   </FormControl>
                   <FormMessage />
                 </FormItem>
               )}
             />
-          )}
-          <Button type='submit' disabled={loading}>
-            {loading && <Icon icon='mdi:loading' className='animate-spin' />}
-            {t('title')}
-          </Button>
+            <FormField
+              control={form.control}
+              name='code'
+              render={({ field }) => (
+                <FormItem>
+                  <FormControl>
+                    <div className='flex items-center gap-8'>
+                      <Input
+                        className={'h-[60px] flex-1 text-xl'}
+                        disabled={loading}
+                        placeholder='Enter code...'
+                        type='text'
+                        {...field}
+                        value={field.value as string}
+                      />
+                      <SendCode
+                        type='email'
+                        params={{
+                          ...form.getValues(),
+                          type: 2,
+                        }}
+                      />
+                    </div>
+                  </FormControl>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+            <FormField
+              control={form.control}
+              name='password'
+              render={({ field }) => (
+                <FormItem>
+                  <FormControl>
+                    <Input
+                      className={'h-[60px] text-xl'}
+                      placeholder='Enter your new password...'
+                      type='password'
+                      {...field}
+                    />
+                  </FormControl>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+            {verify.enable_reset_password_verify && (
+              <FormField
+                control={form.control}
+                name='cf_token'
+                render={({ field }) => (
+                  <FormItem>
+                    <FormControl>
+                      <CloudFlareTurnstile id='reset' {...field} ref={turnstile} />
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+            )}
+          </div>
+          <div className='text-right text-sm'>
+            {t('existingAccount')}&nbsp;
+            <Button
+              variant='link'
+              className='p-0'
+              onClick={() => {
+                setInitialValues(undefined);
+                onSwitchForm('login');
+              }}
+            >
+              {t('switchToLogin')}
+            </Button>
+          </div>
+          <div className='mt-6 flex justify-center'>
+            <Button
+              type='submit'
+              disabled={loading}
+              className='h-[64px] w-[219px] rounded-full border-[#0F2C53] bg-[#0F2C53] text-2xl font-bold hover:bg-[#225BA9] hover:text-white'
+            >
+              {loading && <Icon icon='mdi:loading' className='animate-spin' />}
+              {t('title')}
+            </Button>
+          </div>
         </form>
       </Form>
-      <div className='mt-4 text-right text-sm'>
-        {t('existingAccount')}&nbsp;
-        <Button
-          variant='link'
-          className='p-0'
-          onClick={() => {
-            setInitialValues(undefined);
-            onSwitchForm('login');
-          }}
-        >
-          {t('switchToLogin')}
-        </Button>
-      </div>
     </>
   );
 }
diff --git a/apps/user/app/auth/send-code.tsx b/apps/user/app/auth/send-code.tsx
index a9e426d..fcdf987 100644
--- a/apps/user/app/auth/send-code.tsx
+++ b/apps/user/app/auth/send-code.tsx
@@ -81,7 +81,14 @@ export default function SendCode({ type, params }: SendCodeProps) {
     (type === 'email' ? !params.email : !params.telephone || !params.telephone_area_code);
 
   return (
-    <Button type='button' onClick={handleSendCode} disabled={disabled}>
+    <Button
+      type='button'
+      className={
+        'h-[60px] w-[109px] rounded-full border-[#A8D4ED] bg-[#A8D4ED] text-xl hover:bg-[#225BA9] hover:text-white'
+      }
+      onClick={handleSendCode}
+      disabled={disabled}
+    >
       {seconds > 0 ? `${seconds}s` : t('get')}
     </Button>
   );
diff --git a/apps/user/app/bind/[platform]/certification.tsx b/apps/user/app/bind/[platform]/certification.tsx
index 7c43d8f..f572d2d 100644
--- a/apps/user/app/bind/[platform]/certification.tsx
+++ b/apps/user/app/bind/[platform]/certification.tsx
@@ -25,7 +25,7 @@ export default function Certification({ platform, children }: CertificationProps
         router.refresh();
       })
       .catch((error) => {
-        router.replace('/auth');
+        router.replace('/');
       });
   }, [pathname]);
 
diff --git a/apps/user/app/oauth/[platform]/certification.tsx b/apps/user/app/oauth/[platform]/certification.tsx
index 5bc0748..b3366ff 100644
--- a/apps/user/app/oauth/[platform]/certification.tsx
+++ b/apps/user/app/oauth/[platform]/certification.tsx
@@ -30,7 +30,7 @@ export default function Certification({ platform, children }: CertificationProps
         router.refresh();
       })
       .catch((error) => {
-        router.replace('/auth');
+        router.replace('/');
       });
   }, [pathname]);
 
diff --git a/apps/user/components/CustomIcon/icons/close.svg b/apps/user/components/CustomIcon/icons/close.svg
new file mode 100644
index 0000000..4bea31a
--- /dev/null
+++ b/apps/user/components/CustomIcon/icons/close.svg
@@ -0,0 +1,3 @@
+<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.7312 7.88871L23.124 10.2816L17.9056 15.5L23.124 20.7185L20.7312 23.1113L15.5127 17.8929L10.2688 23.1368L7.87598 20.7439L13.1199 15.5L7.87598 10.2561L10.2688 7.86325L15.5127 13.1072L20.7312 7.88871Z" fill="black"/>
+</svg>
diff --git a/apps/user/components/Header/NewHeader.tsx b/apps/user/components/Header/NewHeader.tsx
index 1f8a8fc..4a2569d 100644
--- a/apps/user/components/Header/NewHeader.tsx
+++ b/apps/user/components/Header/NewHeader.tsx
@@ -8,44 +8,56 @@ import Image from 'next/legacy/image';
 import Link from 'next/link';
 import LanguageSwitch from '../language-switch';
 // import ThemeSwitch from '../theme-switch';
+import EmailAuthDialog, { EmailAuthDialogRef } from '@/app/auth/EmailAuthDialog/EmailAuthDialog';
+import { useRef } from 'react';
 import { UserNav } from '../user-nav';
 import ImageLogo from './image.png';
 
-export default function Header() {
+export default function Header(props) {
   const t = useTranslations('common');
 
   const { user } = useGlobalStore();
   const Logo = (
-    <Link href='/' className='flex items-center gap-2 text-lg font-bold'>
-      <Image src={ImageLogo} width={172} height={49} alt='logo' unoptimized />
+    <Link href='/' className='-mt-2.5 flex items-center gap-2 font-bold'>
+      <Image src={ImageLogo} width={102} height={49} alt='logo' unoptimized />
     </Link>
   );
+
+  const dialogRef = useRef<EmailAuthDialogRef>(null);
+
   return (
-    <header className='fixed top-10 z-50 w-full'>
-      <div className='container flex h-[73px] items-center justify-between rounded-[50px] bg-white pl-7 pr-1'>
-        <nav className='flex-col gap-6 text-lg font-medium md:flex md:flex-row md:items-center md:gap-5 md:text-sm lg:gap-6'>
-          {Logo}
-        </nav>
-        <div className='flex h-full flex-1 items-center justify-end gap-2 py-1'>
-          <LanguageSwitch />
-          {/*<ThemeSwitch />*/}
-          <UserNav />
-          {!user && (
-            <Link
-              href='/auth'
-              className={cn(
-                buttonVariants({
-                  size: 'lg',
-                  variant: 'outline',
-                }),
-                'h-full rounded-[50px] border-2 border-[#0F2C53] bg-[#0F2C53] px-14 text-2xl font-bold text-white transition hover:bg-white hover:text-[#0F2C53]',
+    <>
+      <header className='fixed top-10 z-50 w-full'>
+        <div className={'container'}>
+          <div className='flex h-[73px] items-center justify-between rounded-[50px] bg-white pl-4 pr-1 md:pl-7'>
+            <nav className='flex-col gap-6 font-medium md:flex md:flex-row md:items-center md:gap-5 md:text-sm lg:gap-6'>
+              {Logo}
+            </nav>
+            <div className='flex h-full flex-1 items-center justify-end gap-2 py-1'>
+              <LanguageSwitch />
+              {/*<ThemeSwitch />*/}
+              <UserNav />
+              {!user && (
+                <Link
+                  href='#'
+                  onClick={() => dialogRef.current?.show()}
+                  className={cn(
+                    buttonVariants({
+                      size: 'lg',
+                      variant: 'outline',
+                    }),
+                    'h-full rounded-[50px] border-0 border-[#0F2C53] bg-[#0F2C53] px-5 text-xl font-bold text-white transition hover:bg-[#225BA9] hover:text-white md:px-14 md:text-2xl',
+                  )}
+                >
+                  {t('login')}
+                </Link>
               )}
-            >
-              {t('login')}
-            </Link>
-          )}
+            </div>
+          </div>
         </div>
-      </div>
-    </header>
+      </header>
+      {/*  登录注册弹窗 */}
+      <EmailAuthDialog ref={dialogRef} />
+    </>
   );
 }
diff --git a/apps/user/components/Header/header.tsx b/apps/user/components/Header/header.tsx
index 19ab244..658df64 100644
--- a/apps/user/components/Header/header.tsx
+++ b/apps/user/components/Header/header.tsx
@@ -34,7 +34,7 @@ export default function Header() {
           <UserNav />
           {!user && (
             <Link
-              href='/auth'
+              href='/'
               className={buttonVariants({
                 size: 'sm',
               })}
diff --git a/apps/user/components/Header/image.png b/apps/user/components/Header/image.png
index 9301f17..9b9c7c7 100644
Binary files a/apps/user/components/Header/image.png and b/apps/user/components/Header/image.png differ
diff --git a/apps/user/components/main/FooterCopyright.tsx b/apps/user/components/main/FooterCopyright.tsx
index 4c25e35..d83b6cc 100644
--- a/apps/user/components/main/FooterCopyright.tsx
+++ b/apps/user/components/main/FooterCopyright.tsx
@@ -2,6 +2,7 @@
 
 import useGlobalStore from '@/config/use-global';
 import { useTranslations } from 'next-intl';
+import Image from 'next/image';
 import Link from 'next/link';
 
 export default function FooterCopyright() {
@@ -11,15 +12,25 @@ export default function FooterCopyright() {
 
   return (
     <footer className={'fixed bottom-6 z-50 w-full'}>
-      <div className={'container pr-0 text-right'}>
-        <strong className='text-foreground'>{site.site_name}</strong> © All rights reserved.
-        <div>
-          <Link href='/tos' className='underline'>
-            {t('tos')}
-          </Link>
-          <Link href='/privacy-policy' className='ml-2 underline'>
-            {t('privacyPolicy')}
-          </Link>
+      <div className={'container relative flex justify-center text-right md:block'}>
+        <Image
+          src={'./logo.png'}
+          height={37}
+          width={28}
+          className={`h-[37px] w-[28px] flex-shrink-0 object-contain md:absolute md:left-1/2 md:-translate-x-1/2`}
+          alt='logo'
+          unoptimized
+        ></Image>
+        <div className={'ml-2.5'}>
+          <strong className='text-foreground'>{site.site_name}</strong> © All rights reserved.
+          <div>
+            <Link href='/tos' className='underline'>
+              {t('tos')}
+            </Link>
+            <Link href='/privacy-policy' className='ml-2 underline'>
+              {t('privacyPolicy')}
+            </Link>
+          </div>
         </div>
       </div>
     </footer>
diff --git a/apps/user/components/main/HomeContent.tsx b/apps/user/components/main/HomeContent.tsx
index fe0ad8b..6ccca2d 100644
--- a/apps/user/components/main/HomeContent.tsx
+++ b/apps/user/components/main/HomeContent.tsx
@@ -1,10 +1,16 @@
+'use client';
+
 import { Button } from '@workspace/ui/components/button';
+import { useRef } from 'react';
+import OfferDialog, { OfferDialogRef } from './OfferDialog/index';
 
 export default function HomeContent() {
+  const dialogRef = useRef<OfferDialogRef>(null);
+
   return (
     <div className='flex min-h-[calc(100vh-73px)] flex-col items-center justify-center pt-8'>
       {/* 大标题 */}
-      <h1 className='mb-10 text-6xl font-extrabold leading-tight text-white'>
+      <h1 className='mb-10 text-5xl font-bold !leading-tight text-white md:text-6xl'>
         连接
         <br />
         任何时间
@@ -12,19 +18,24 @@ export default function HomeContent() {
         任何地点
       </h1>
       {/* 副标题 */}
-      <div className='mb-16 text-center text-sm font-bold leading-6 text-white'>
-        <p>
-          <span className='mr-2 text-xs text-white'>
+      <div className='mb-16 text-left text-[17px] leading-normal text-white md:text-center md:font-bold'>
+        <p className={'w-[255px] md:w-full'}>
+          <span className='mr-2 text-white'>
             Airo<sup className='text-[8px]'>™</sup>Port
           </span>
           <span>提供极稳，极简，极速的网络服务</span>
         </p>
-        <p>获取订阅地址，开始顶级的私密网络体验</p>
+        <p className={'mt-1 w-[255px] md:mt-0 md:w-full'}>获取订阅地址，开始顶级的私密网络体验</p>
       </div>
       {/* 按钮 */}
-      <Button className='mb-8 h-[64px] w-[219px] rounded-full border-2 border-white bg-white/10 text-2xl font-bold text-white transition hover:bg-white/20'>
+      <Button
+        onClick={() => dialogRef.current?.show()}
+        className='mb-8 h-[64px] w-[219px] rounded-full border-2 border-white bg-white/10 text-2xl font-bold text-white transition hover:bg-white/20'
+      >
         查看订阅套餐
       </Button>
+
+      <OfferDialog ref={dialogRef} />
     </div>
   );
 }
diff --git a/apps/user/components/main/OfferDialog/index.tsx b/apps/user/components/main/OfferDialog/index.tsx
new file mode 100644
index 0000000..bbba377
--- /dev/null
+++ b/apps/user/components/main/OfferDialog/index.tsx
@@ -0,0 +1,39 @@
+import CloseSvg from '@/components/CustomIcon/icons/close.svg';
+import { Dialog, DialogContent, DialogTitle } from '@workspace/ui/components/dialog';
+import Image from 'next/image';
+import { forwardRef, useImperativeHandle, useState } from 'react';
+
+export interface OfferDialogRef {
+  show: () => void;
+  hide: () => void;
+}
+
+const OfferDialog = forwardRef<OfferDialogRef>((props, ref) => {
+  const [open, setOpen] = useState(false);
+
+  useImperativeHandle(ref, () => ({
+    show: () => setOpen(true),
+    hide: () => setOpen(false),
+  }));
+
+  return (
+    <Dialog open={open} onOpenChange={setOpen}>
+      <DialogContent
+        className={
+          'rounded-0 !container h-full w-full px-12 py-[4.5rem] md:h-auto md:w-[496px] md:!rounded-[50px]'
+        }
+        closeIcon={<Image src={CloseSvg} alt={'close'} />}
+        closeClassName={
+          'right-[40px] top-[30px] font-bold text-black opacity-100 focus:ring-0 focus:ring-offset-0'
+        }
+      >
+        <DialogTitle className={'text-center text-5xl font-bold text-[#0F2C53]'}>
+          选择套餐
+        </DialogTitle>
+        <div className={'min-h-[524px]'}>套餐内容</div>
+      </DialogContent>
+    </Dialog>
+  );
+});
+
+export default OfferDialog;
diff --git a/apps/user/components/main/hero.tsx b/apps/user/components/main/hero.tsx
index e4ebdf7..7ab7bf4 100644
--- a/apps/user/components/main/hero.tsx
+++ b/apps/user/components/main/hero.tsx
@@ -38,7 +38,7 @@ export function Hero() {
             className='*:text-muted-foreground mb-8 max-w-xl'
           />
         )}
-        <Link href={user ? '/dashboard' : '/auth'}>
+        <Link href={user ? '/dashboard' : '/'}>
           <HoverBorderGradient
             containerClassName='rounded-full'
             as='button'
diff --git a/apps/user/locales/zh-CN/auth.json b/apps/user/locales/zh-CN/auth.json
index 29599be..24e2697 100644
--- a/apps/user/locales/zh-CN/auth.json
+++ b/apps/user/locales/zh-CN/auth.json
@@ -33,7 +33,7 @@
     "message": "#### 尊敬的用户，您好！\n\n感谢您对我们的关注和支持。由于站点运营策略的调整，我们已关闭新用户注册功能。在此期间，现有用户的使用不会受到任何影响。\n\n我们致力于为您提供更好的服务和体验，因此将在关闭注册期间进行全面的系统优化和功能升级。未来，我们将以更优质的内容和服务迎接您的到来。\n\n请关注我们的网站和社交媒体平台，获取最新的动态和通知。感谢您的理解与支持。\n\n如有任何疑问或需要帮助，请随时联系我们的客服团队。\n\n**再次感谢您的支持与理解。**",
     "passwordMismatch": "两次密码输入不一致",
     "success": "注册成功,已自动登录!",
-    "switchToLogin": "登录/重置邮箱",
+    "switchToLogin": "登录",
     "title": "注册",
     "whitelist": "电子邮件域名不在允许的白名单中。"
   },
diff --git a/apps/user/utils/common.ts b/apps/user/utils/common.ts
index 932315f..12cb748 100644
--- a/apps/user/utils/common.ts
+++ b/apps/user/utils/common.ts
@@ -56,7 +56,7 @@ export function Logout() {
     !pathname.startsWith('/oauth/')
   ) {
     setRedirectUrl(location.pathname);
-    location.href = `/auth`;
+    location.href = `/`;
   }
 }
 
diff --git a/packages/ui/src/components/dialog.tsx b/packages/ui/src/components/dialog.tsx
index 9322af4..438e6f4 100644
--- a/packages/ui/src/components/dialog.tsx
+++ b/packages/ui/src/components/dialog.tsx
@@ -32,7 +32,7 @@ DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
 const DialogContent = React.forwardRef<
   React.ElementRef<typeof DialogPrimitive.Content>,
   React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>
->(({ className, children, ...props }, ref) => (
+>(({ className, closeClassName, closeIcon, children, ...props }, ref) => (
   <DialogPortal>
     <DialogOverlay />
     <DialogPrimitive.Content
@@ -44,8 +44,13 @@ const DialogContent = React.forwardRef<
       {...props}
     >
       {children}
-      <DialogPrimitive.Close className='ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none'>
-        <X className='h-4 w-4' />
+      <DialogPrimitive.Close
+        className={cn(
+          'ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none',
+          closeClassName,
+        )}
+      >
+        {closeIcon || <X className='h-4 w-4' />}
         <span className='sr-only'>Close</span>
       </DialogPrimitive.Close>
     </DialogPrimitive.Content>