diff --git a/packages/website/src/pages/home/FeaturesSection.tsx b/packages/website/src/pages/home/FeaturesSection.tsx
index 0c7a2b4..ab44b16 100644
--- a/packages/website/src/pages/home/FeaturesSection.tsx
+++ b/packages/website/src/pages/home/FeaturesSection.tsx
@@ -62,7 +62,7 @@ export default function FeaturesSection() {
 													color="#ef4444aa"
 													strokeWidth={1.5}
 													// multiline={false}
-													isView
+													// isView
 												>
 													{cmd}
 												</Highlighter>
diff --git a/packages/website/src/pages/home/ScenariosSection.tsx b/packages/website/src/pages/home/ScenariosSection.tsx
index ef4b1b0..fdb0af9 100644
--- a/packages/website/src/pages/home/ScenariosSection.tsx
+++ b/packages/website/src/pages/home/ScenariosSection.tsx
@@ -8,7 +8,10 @@ export default function ScenariosSection() {
 	const { isZh } = useLanguage()
 
 	return (
-		<section className="px-6 py-16" aria-labelledby="scenarios-heading">
+		<section
+			className="px-6 py-16 bg-linear-to-b from-blue-100 to-purple-100 dark:from-blue-950/40 dark:to-gray-800"
+			aria-labelledby="scenarios-heading"
+		>
 			<div className="max-w-6xl mx-auto">
 				<BlurFade inView>
 					<div className="text-center mb-12">