diff --git a/src/components/extension-installed-modal.tsx b/src/components/extension-installed-modal.tsx
index 4218ebff..32e9f08e 100644
--- a/src/components/extension-installed-modal.tsx
+++ b/src/components/extension-installed-modal.tsx
@@ -1,4 +1,3 @@
-import { domAnimation, LazyMotion, m } from 'framer-motion'
 import { useState } from 'react'
 import { FaExternalLinkAlt } from 'react-icons/fa'
 import keepItImage from '@/assets/keep-it.png'
@@ -11,32 +10,10 @@ interface ExtensionInstalledModalProps {
 	onClose: () => void
 	onGetStarted: () => void
 }
-
-type Step = number
-
 export function ExtensionInstalledModal({
 	show,
 	onGetStarted,
 }: ExtensionInstalledModalProps) {
-	const [currentStep, setCurrentStep] = useState<Step>(1)
-	const totalSteps = 3
-
-	const renderStepContent = () => {
-		switch (currentStep) {
-			case 1:
-				if (import.meta.env.FIREFOX) {
-					return <StepFirefoxConsent setCurrentStep={setCurrentStep} />
-				}
-				return <StepOne setCurrentStep={setCurrentStep} />
-			case 2:
-				return <StepFooterDisable setCurrentStep={setCurrentStep} />
-			case 3:
-				return <StepThree onGetStarted={onGetStarted} />
-			default:
-				return null
-		}
-	}
-
 	return (
 		<Modal
 			isOpen={show}
@@ -46,59 +23,23 @@ export function ExtensionInstalledModal({
 			showCloseButton={false}
 			closeOnBackdropClick={false}
 		>
-			<LazyMotion features={domAnimation}>
-				<m.div
-					className={'flex flex-col items-center p-2 text-center w-full'}
-					initial={{ opacity: 0 }}
-					animate={{ opacity: 1 }}
-					transition={{ duration: 0.4 }}
-				>
-					{renderStepContent()}
-				</m.div>
-			</LazyMotion>
-
-			<StepIndicator totalSteps={totalSteps} currentStep={currentStep} />
+			{import.meta.env.FIREFOX ? (
+				<StepFirefoxConsent onGetStarted={onGetStarted} />
+			) : (
+				<StepOne onGetStarted={onGetStarted} />
+			)}
 		</Modal>
 	)
 }
-interface StepIndicatorProps {
-	totalSteps: number
-	currentStep: Step
-}
-const StepIndicator = ({ totalSteps, currentStep }: StepIndicatorProps) => (
-	<div
-		className="flex items-center justify-center gap-3"
-		role="progressbar"
-		aria-valuenow={currentStep}
-		aria-valuemin={1}
-		aria-valuemax={totalSteps}
-	>
-		{Array.from({ length: totalSteps }).map((_, index) => (
-			<button
-				key={index}
-				aria-label={`رفتن به گام ${index + 1}`}
-				aria-current={index + 1 === currentStep ? 'step' : undefined}
-				className={`w-10 h-2 cursor-default rounded-full transition-all duration-300 ${
-					index + 1 === currentStep
-						? 'bg-blue-500 shadow-lg shadow-blue-500/30'
-						: index + 1 < currentStep
-							? 'bg-blue-600'
-							: 'bg-gray-700 hover:bg-gray-600'
-				}`}
-			/>
-		))}
-	</div>
-)
-
 interface StepOneProps {
-	setCurrentStep: (step: Step) => void
+	onGetStarted: () => void
 }
-const StepOne = ({ setCurrentStep }: StepOneProps) => {
+const StepOne = ({ onGetStarted }: StepOneProps) => {
 	return (
 		<>
 			<div className="mb-3">
 				<h3 className={'mb-0 text-2xl font-bold text-content'}>
-					به ویجتی‌فای خوش آمدید! 🎉
+					به ویجتیفای خوش آمدید! 🎉
 				</h3>
 			</div>
 
@@ -119,7 +60,7 @@ const StepOne = ({ setCurrentStep }: StepOneProps) => {
 
 			<div
 				className={
-					'p-3 mb-3 text-content rounded-lg border border-content  bg-content'
+					'p-3 mb-2 text-content rounded-lg border border-content  bg-content'
 				}
 			>
 				<p className="font-bold text-muted">
@@ -129,135 +70,20 @@ const StepOne = ({ setCurrentStep }: StepOneProps) => {
 
 			<Button
 				size="md"
-				onClick={() => setCurrentStep(2)}
-				className="!px-4 !py-2 mx-auto font-light shadow w-52 rounded-2xl shadow-primary"
+				onClick={onGetStarted}
+				className="w-full text-base font-light shadow-sm rounded-2xl shadow-primary outline-none!"
 				isPrimary={true}
 			>
-				Keep It رو زدم!
+				شروع کنید
 			</Button>
 		</>
 	)
 }
 
-interface StepFooterDisableProps {
-	setCurrentStep: (step: Step) => void
-}
-const StepFooterDisable = ({ setCurrentStep }: StepFooterDisableProps) => {
-	const [counter, setCounter] = useState<number>(5)
-
-	useEffect(() => {
-		const interval = setInterval(() => {
-			setCounter((prev) => {
-				if (prev <= 1) {
-					clearInterval(interval)
-					return 0
-				}
-				return prev - 1
-			})
-		}, 1000)
-		return () => clearInterval(interval)
-	}, [])
-
-	return (
-		<>
-			<div className="mb-3">
-				<h3 className={'mb-0 text-2xl font-bold text-content'}>
-					مخفی کردن نوار پایین مرورگر
-				</h3>
-			</div>
-
-			<div
-				className={
-					'relative p-1 mt-1 mb-3 border rounded-xl border-content bg-content'
-				}
-			>
-				<div className="flex items-center justify-center">
-					<img
-						src="https://cdn.widgetify.ir/extension/how-to-disable-footer.png"
-						alt="نحوه مخفی کردن نوار پایین مرورگر"
-						className="h-auto max-w-full rounded-lg shadow-xl"
-						style={{ maxHeight: '220px' }}
-					/>
-				</div>
-			</div>
-
-			<div
-				className={
-					'p-3 mb-3 text-content rounded-lg border border-content  bg-content'
-				}
-			>
-				<p className="font-bold text-muted">
-					💡 برای زیبایی بیشتر، میتونید نوار خاکستری پایین مرورگر رو مانند این
-					تصویر مخفی کنید
-				</p>
-			</div>
-
-			{counter === 0 ? (
-				<Button
-					size="sm"
-					onClick={() => setCurrentStep(3)}
-					className="!px-4 !py-2 mx-auto font-light shadow w-52 rounded-2xl shadow-primary"
-					isPrimary={true}
-				>
-					گام بعدی
-				</Button>
-			) : (
-				<div className="px-4 py-2 mx-auto text-sm text-center border w-52 text-muted rounded-2xl border-content">
-					لطفاً صبر کنید... {counter} ثانیه
-				</div>
-			)}
-		</>
-	)
-}
-
-interface StepThreeProps {
-	onGetStarted: () => void
-}
-const StepThree = ({ onGetStarted }: StepThreeProps) => {
-	return (
-		<>
-			<m.div
-				className="mb-6"
-				initial={{ y: -20 }}
-				animate={{ y: 0 }}
-				transition={{ duration: 0.5, delay: 0.2 }}
-			>
-				<h3 className={'mb-3 text-2xl font-bold text-content'}>
-					آماده شروع هستید؟
-				</h3>
-			</m.div>
-
-			<m.div
-				className={
-					'p-3 mb-6 border rounded-lg bg-content backdrop-blur-sm border-content'
-				}
-				initial={{ opacity: 0, y: 10 }}
-				animate={{ opacity: 1, y: 0 }}
-				transition={{ duration: 0.5, delay: 0.3 }}
-			>
-				<p className="text-muted">
-					بریم که یک تجربه جدید و جذاب را شروع کنیم! 😎
-				</p>
-			</m.div>
-
-			<div className="flex flex-col w-full gap-4 mt-4 sm:flex-row">
-				<Button
-					onClick={onGetStarted}
-					className="w-full font-light sm:flex-1 rounded-2xl"
-					size="md"
-					isPrimary={true}
-				>
-					شروع کنید
-				</Button>
-			</div>
-		</>
-	)
-}
-
 interface StepFirefoxConsentProps {
-	setCurrentStep: (step: Step) => void
+	onGetStarted: () => void
 }
-const StepFirefoxConsent = ({ setCurrentStep }: StepFirefoxConsentProps) => {
+const StepFirefoxConsent = ({ onGetStarted }: StepFirefoxConsentProps) => {
 	const [isAccepted, setIsAccepted] = useState(false)
 	const handleDecline = () => {
 		if (browser.management?.uninstallSelf) {
@@ -273,7 +99,7 @@ const StepFirefoxConsent = ({ setCurrentStep }: StepFirefoxConsentProps) => {
 	return (
 		<div className="w-full overflow-clip">
 			<h3 className="mb-3 text-2xl font-bold text-content">Privacy Notice</h3>
-			<p className="mb-2 font-semibold">خلاصه سیاست حریم خصوصی ویجتی‌فای:</p>
+			<p className="mb-2 font-semibold">خلاصه سیاست حریم خصوصی ویجتیفای:</p>
 			<div className="w-full px-2">
 				<ul className="w-full h-56 space-y-1 overflow-y-auto text-xs list-disc list-inside border border-content rounded-2xl">
 					<li>هیچ داده شخصی به‌طور پیش‌فرض جمع‌آوری نمی‌شود.</li>
@@ -296,7 +122,7 @@ const StepFirefoxConsent = ({ setCurrentStep }: StepFirefoxConsentProps) => {
 						می‌شود. این مورد کاملاً اختیاری است و می‌توانید آن را رد کنید.
 					</li>
 					<li>هیچ داده‌ای با اشخاص ثالث به اشتراک گذاشته نمی‌شود.</li>
-					<li>ویجتی‌فای متن‌باز است و کد آن روی GitHub قابل بررسی است.</li>
+					<li>ویجتیفای متن‌باز است و کد آن روی GitHub قابل بررسی است.</li>
 					<li>
 						درخواست حذف کامل داده‌ها در هر زمان از طریق{' '}
 						<a
@@ -332,7 +158,7 @@ const StepFirefoxConsent = ({ setCurrentStep }: StepFirefoxConsentProps) => {
 						onChange={() => setIsAccepted(!isAccepted)}
 					/>
 					<span className="mr-2 text-sm">
-						با سیاست حریم خصوصی ویجتی‌فای موافقم.
+						با سیاست حریم خصوصی ویجتیفای موافقم.
 					</span>
 				</div>
 			</div>
@@ -346,7 +172,7 @@ const StepFirefoxConsent = ({ setCurrentStep }: StepFirefoxConsentProps) => {
 					🚫 حذف افزونه
 				</Button>
 				<Button
-					onClick={() => setCurrentStep(2)}
+					onClick={onGetStarted}
 					size="md"
 					className="w-40 btn btn-success rounded-xl"
 					disabled={!isAccepted}
diff --git a/src/layouts/bookmark/components/bookmark-suggestions.tsx b/src/layouts/bookmark/components/bookmark-suggestions.tsx
index ba76e929..5b2ba108 100644
--- a/src/layouts/bookmark/components/bookmark-suggestions.tsx
+++ b/src/layouts/bookmark/components/bookmark-suggestions.tsx
@@ -19,7 +19,7 @@ export function BookmarkSuggestions({ onSelect }: BookmarkSuggestionsProps) {
 
 	return (
 		<div className="mt-2">
-			<SectionPanel title="پیشنهاد ویجتی‌فای" size="xs">
+			<SectionPanel title="پیشنهاد ویجتیفای" size="xs">
 				<div className="grid h-16 grid-cols-5 gap-2 mt-1 overflow-y-auto">
 					{suggestions.map((suggestion, index) => (
 						<div
diff --git a/src/layouts/navbar/navbar.layout.tsx b/src/layouts/navbar/navbar.layout.tsx
index 546ab2f8..5efbf80e 100644
--- a/src/layouts/navbar/navbar.layout.tsx
+++ b/src/layouts/navbar/navbar.layout.tsx
@@ -93,6 +93,10 @@ export function NavbarLayout(): JSX.Element {
 						: '-bottom-32 opacity-0 scale-95 pointer-events-none'
 				}`}
 			>
+				<div
+					className="absolute w-full h-10 bg-transparent -bottom-16"
+					id="chrome-footer"
+				></div>
 				<nav className="relative flex items-center gap-1 p-1.5 bg-white/[0.02] backdrop-blur-sm border border-white/[0.08] rounded-[2.5rem]">
 					<button
 						onClick={() => onToggleNavbar()}
diff --git a/src/layouts/setting/tabs/about-us/about-us.tsx b/src/layouts/setting/tabs/about-us/about-us.tsx
index ad2ed6fe..4b3730b8 100644
--- a/src/layouts/setting/tabs/about-us/about-us.tsx
+++ b/src/layouts/setting/tabs/about-us/about-us.tsx
@@ -78,7 +78,7 @@ export function AboutUsTab() {
 						</div>
 						<h3 className={'text-sm font-medium text-content'}>حمایت مالی</h3>
 						<p className={'mt-1 text-xs text-center text-content'}>
-							کمک به توسعه ویجتی‌فای
+							کمک به توسعه ویجتیفای
 						</p>
 					</a>
 
@@ -147,7 +147,7 @@ export function AboutUsTab() {
 			</div>
 
 			<div className={'mt-2 mb-4 text-xs text-center text-content opacity-55'}>
-				© ویجتی‌فای - تمامی حقوق محفوظ است
+				© ویجتیفای - تمامی حقوق محفوظ است
 			</div>
 		</div>
 	)
diff --git a/src/layouts/setting/tabs/appearance/components/theme-selector.tsx b/src/layouts/setting/tabs/appearance/components/theme-selector.tsx
index 4d2bb649..c1314a43 100644
--- a/src/layouts/setting/tabs/appearance/components/theme-selector.tsx
+++ b/src/layouts/setting/tabs/appearance/components/theme-selector.tsx
@@ -107,7 +107,7 @@ export function ThemeSelector({ fetched_themes }: Props) {
 	return (
 		<SectionPanel title="انتخاب تم" delay={0.2} size="sm">
 			<div className="space-y-3">
-				<p className="text-sm text-muted">تم ظاهری ویجتی‌فای را انتخاب کنید.</p>
+				<p className="text-sm text-muted">تم ظاهری ویجتیفای را انتخاب کنید.</p>
 
 				<div className="grid grid-cols-1 gap-2 md:grid-cols-2 lg:grid-cols-3">
 					{themes.map((item) => (
diff --git a/src/layouts/setting/tabs/shortcuts/shortcuts.tsx b/src/layouts/setting/tabs/shortcuts/shortcuts.tsx
index d0f8b460..0a5d7315 100644
--- a/src/layouts/setting/tabs/shortcuts/shortcuts.tsx
+++ b/src/layouts/setting/tabs/shortcuts/shortcuts.tsx
@@ -73,7 +73,7 @@ export function ShortcutsTab() {
 			<SectionPanel title="کلیدهای میانبر" delay={0.1}>
 				<div className="space-y-5">
 					<p className="text-muted">
-						کلیدهای میانبر افزونه ویجتی‌فای برای استفاده راحت‌تر و سریع‌تر
+						کلیدهای میانبر افزونه ویجتیفای برای استفاده راحت‌تر و سریع‌تر
 					</p>
 
 					{Object.entries(categories).map(([category, categoryShortcuts]) => (
diff --git a/src/layouts/widgets/todos/expandable-todo-input.tsx b/src/layouts/widgets/todos/expandable-todo-input.tsx
index 4dcf3803..966c1241 100644
--- a/src/layouts/widgets/todos/expandable-todo-input.tsx
+++ b/src/layouts/widgets/todos/expandable-todo-input.tsx
@@ -14,6 +14,7 @@ import { PriorityButton } from '@/components/priority-options/priority-options'
 import Analytics from '@/analytics'
 import { Chip } from '@/components/chip.component'
 import { useGetTags } from '@/services/hooks/todo/get-tags.hook'
+import { useAuth } from '@/context/auth.context'
 
 interface ExpandableTodoInputProps {
 	todoText: string
@@ -26,10 +27,11 @@ export function ExpandableTodoInput({
 	onChangeTodoText,
 	onAddTodo,
 }: ExpandableTodoInputProps) {
+	const { isAuthenticated } = useAuth()
 	const [isExpanded, setIsExpanded] = useState(false)
 	const [priority, setPriority] = useState<TodoPriority>(TodoPriority.Medium)
 	const [category, setCategory] = useState('')
-	const { data: fetchedTags } = useGetTags(true)
+	const { data: fetchedTags } = useGetTags(isAuthenticated)
 	const [notes, setNotes] = useState('')
 	const [isTagTooltipOpen, setIsTagTooltipOpen] = useState(false)
 	const [selectedDate, setSelectedDate] = useState<jalaliMoment.Moment | undefined>()
diff --git a/src/layouts/widgets/tools/translate/components/platform-modal.tsx b/src/layouts/widgets/tools/translate/components/platform-modal.tsx
index 1daf3e4e..2d1131fa 100644
--- a/src/layouts/widgets/tools/translate/components/platform-modal.tsx
+++ b/src/layouts/widgets/tools/translate/components/platform-modal.tsx
@@ -45,7 +45,7 @@ export function PlatformModal({ isOpen, onClose, platform }: PlatformModalProps)
 
 				<div className="space-y-2 text-sm leading-relaxed text-content/80">
 					<p>
-						ویجتی‌فای هیچگونه نقشی در ترجمه ندارد. ترجمه توسط{' '}
+						ویجتیفای هیچگونه نقشی در ترجمه ندارد. ترجمه توسط{' '}
 						<button
 							onClick={handleOpenLink}
 							className="font-medium text-blue-400 underline cursor-pointer hover:text-blue-500"
@@ -56,7 +56,7 @@ export function PlatformModal({ isOpen, onClose, platform }: PlatformModalProps)
 					</p>
 					<p className="text-xs text-content/60">
 						داده‌های شما (فقط متن ورودی) مستقیماً به سرویس ترجمه ارسال می‌شود و
-						ویجتی‌فای دسترسی به آن ندارد.
+						ویجتیفای دسترسی به آن ندارد.
 					</p>
 				</div>
 
diff --git a/src/pages/home.tsx b/src/pages/home.tsx
index a8e40ac0..063189ac 100644
--- a/src/pages/home.tsx
+++ b/src/pages/home.tsx
@@ -18,10 +18,44 @@ import { ContentSection } from './home/content-section'
 
 const steps: Step[] = [
 	{
-		target: 'body',
-		content:
-			'به ویجتی‌فای خوش آمدید! بیایید با هم قسمت‌های مختلف افزونه را بررسی کنیم تا با امکانات آن آشنا شوید.',
+		target: '#chrome-footer',
+		content: (
+			<div className="flex flex-col gap-1 text-center">
+				<h4 className="text-[14px] font-black text-primary italic">
+					خلوت کردن فضای مرورگر
+				</h4>
+
+				<p className="text-[12px] leading-6 text-base-200 font-medium">
+					برای مخفی کردن این نوار، کافیست روی آن{' '}
+					<span className="font-black text-error">راست کلیک</span> کرده و گزینه
+					زیر را انتخاب کنید:
+				</p>
+
+				<div className="relative group">
+					<img
+						src="https://cdn.widgetify.ir/extension/how-to-disable-footer.png"
+						alt="نحوه مخفی کردن نوار پایین مرورگر"
+						className="object-cover w-full transition-transform duration-500 rounded-xl shadow-2xl border-2 border-primary/20 group-hover:scale-[1.02]"
+					/>
+					<div className="absolute inset-0 pointer-events-none rounded-xl bg-gradient-to-t from-black/20 to-transparent" />
+				</div>
+
+				{/* نام دقیق گزینه برای تطبیق سریع چشم کاربر */}
+				<div className="p-2 border border-dashed rounded-lg bg-base-100/10 border-base-100/20">
+					<code className="text-[11px] font-bold text-content/60">
+						"Hide footer on New Tab page"
+					</code>
+				</div>
+			</div>
+		),
 		disableBeacon: true,
+		showSkipButton: true,
+		styles: {
+			options: {
+				width: 320,
+				zIndex: 10000,
+			},
+		},
 	},
 	{
 		target: '#settings-button',