blog + sidebar

src/shared/SideBar.tsx

@@ -6,6 +6,7 @@ import { useSharedStore } from './store/sharedStore'
 import { clx } from '../helpers/utils'
 import Image from 'next/image'
 import { usePathname } from 'next/navigation'
+import Button from '@/components/Button'
 
 const SideBar: FC = () => {
 
@@ -35,7 +36,7 @@ const SideBar: FC = () => {
                     <Image src={'/images/logo.svg'} width={140} height={40} alt='logo' className='w-[140px]' />
                 </div>
 
-                <div className='flex-1 h-full overflow-y-auto no-scrollbar'>
+                <div className='flex-1 flex flex-col h-full overflow-y-auto no-scrollbar'>
                     <div className='mt-10 px-12 text-header text-sm font-normal'>
                         منو
                     </div>
@@ -90,6 +91,19 @@ const SideBar: FC = () => {
                             link={'/blogs'}
                         />
 
+                        <SideBarItem
+                            icon={<DocumentText variant={isActive('contact') ? 'Bold' : 'Outline'} color={isActive('contact') ? 'black' : '#8C90A3'} size={iconSizeSideBar} />}
+                            title={'تماس با ما'}
+                            isActive={isActive('contact')}
+                            link={'/contact'}
+                        />
+
+                    </div>
+
+                    <div className='flex-1 flex items-end justify-center px-12'>
+                        <Button
+                            label='ورود | ثبت نام'
+                        />
                     </div>
 
                 </div>