diff --git a/apps/web/preset.config.mjs b/apps/web/preset.config.mjs
index b690cf6307..7aeb1b9ef7 100644
--- a/apps/web/preset.config.mjs
+++ b/apps/web/preset.config.mjs
@@ -23,7 +23,7 @@ const buildPreset = {
     enableTestProperties: false,
     enableBroadcastChannelProvider: true,
     enableDebugPage: true,
-    changelogUrl: 'https://affine.pro/blog/whats-new-affine-0630',
+    changelogUrl: 'https://affine.pro/blog/what-is-new-affine-0717',
     imageProxyUrl: 'https://workers.toeverything.workers.dev/proxy/image',
     enablePreloading: true,
     enableNewSettingModal: true,
@@ -41,7 +41,7 @@ const buildPreset = {
     enableTestProperties: true,
     enableBroadcastChannelProvider: true,
     enableDebugPage: true,
-    changelogUrl: 'https://affine.pro/blog/whats-new-affine-0630',
+    changelogUrl: 'https://affine.pro/blog/what-is-new-affine-0717',
     imageProxyUrl: 'https://workers.toeverything.workers.dev/proxy/image',
     enablePreloading: true,
     enableNewSettingModal: true,
diff --git a/apps/web/public/editingVideo.mp4 b/apps/web/public/editingVideo.mp4
index 12fa935e4f..b8dbd6b014 100644
Binary files a/apps/web/public/editingVideo.mp4 and b/apps/web/public/editingVideo.mp4 differ
diff --git a/apps/web/public/switchVideo.mp4 b/apps/web/public/switchVideo.mp4
index 14452bf78f..0c57351a35 100644
Binary files a/apps/web/public/switchVideo.mp4 and b/apps/web/public/switchVideo.mp4 differ
diff --git a/apps/web/src/components/affine/setting-modal/general-setting/about/index.tsx b/apps/web/src/components/affine/setting-modal/general-setting/about/index.tsx
index bfe667588d..335da3873c 100644
--- a/apps/web/src/components/affine/setting-modal/general-setting/about/index.tsx
+++ b/apps/web/src/components/affine/setting-modal/general-setting/about/index.tsx
@@ -59,7 +59,7 @@ export const AboutAffine = () => {
               style={{ cursor: 'pointer' }}
               onClick={() => {
                 window.open(
-                  'https://affine.pro/blog/whats-new-affine-0630',
+                  'https://affine.pro/blog/what-is-new-affine-0717',
                   '_blank'
                 );
               }}
diff --git a/packages/component/src/components/tour-modal/tour-modal.tsx b/packages/component/src/components/tour-modal/tour-modal.tsx
index 9bddd5375b..a6581a9c09 100644
--- a/packages/component/src/components/tour-modal/tour-modal.tsx
+++ b/packages/component/src/components/tour-modal/tour-modal.tsx
@@ -61,8 +61,8 @@ export const TourModal: FC<TourModalProps> = ({ open, onClose }) => {
             {step !== -1 && (
               <div
                 className={clsx(titleStyle, {
-                  [slideToLeftStyle]: step === 0,
-                  [formSlideToRightStyle]: step === 1,
+                  [slideToRightStyle]: step === 0,
+                  [formSlideToLeftStyle]: step === 1,
                 })}
               >
                 {t['com.affine.onboarding.title2']()}
@@ -70,8 +70,8 @@ export const TourModal: FC<TourModalProps> = ({ open, onClose }) => {
             )}
             <div
               className={clsx(titleStyle, {
-                [slideToRightStyle]: step === 1,
-                [formSlideToLeftStyle]: step === 0,
+                [slideToLeftStyle]: step === 1,
+                [formSlideToRightStyle]: step === 0,
               })}
             >
               {t['com.affine.onboarding.title1']()}
@@ -94,8 +94,8 @@ export const TourModal: FC<TourModalProps> = ({ open, onClose }) => {
                     muted
                     loop
                     className={clsx(videoStyle, {
-                      [slideToLeftStyle]: step === 0,
-                      [formSlideToRightStyle]: step === 1,
+                      [slideToRightStyle]: step === 0,
+                      [formSlideToLeftStyle]: step === 1,
                     })}
                     data-testid="onboarding-modal-editing-video"
                   >
@@ -108,8 +108,8 @@ export const TourModal: FC<TourModalProps> = ({ open, onClose }) => {
                   muted
                   loop
                   className={clsx(videoStyle, {
-                    [slideToRightStyle]: step === 1,
-                    [formSlideToLeftStyle]: step === 0,
+                    [slideToLeftStyle]: step === 1,
+                    [formSlideToRightStyle]: step === 0,
                   })}
                   data-testid="onboarding-modal-switch-video"
                 >
@@ -142,8 +142,8 @@ export const TourModal: FC<TourModalProps> = ({ open, onClose }) => {
             {step !== -1 && (
               <div
                 className={clsx(descriptionStyle, {
-                  [slideToLeftStyle]: step === 0,
-                  [formSlideToRightStyle]: step === 1,
+                  [slideToRightStyle]: step === 0,
+                  [formSlideToLeftStyle]: step === 1,
                 })}
               >
                 {t['com.affine.onboarding.videoDescription2']()}
@@ -151,8 +151,8 @@ export const TourModal: FC<TourModalProps> = ({ open, onClose }) => {
             )}
             <div
               className={clsx(descriptionStyle, {
-                [slideToRightStyle]: step === 1,
-                [formSlideToLeftStyle]: step === 0,
+                [slideToLeftStyle]: step === 1,
+                [formSlideToRightStyle]: step === 0,
               })}
             >
               {t['com.affine.onboarding.videoDescription1']()}