diff --git a/app/marketplace/advertizers/page.tsx b/app/marketplace/advertisers/page.tsx
similarity index 100%
rename from app/marketplace/advertizers/page.tsx
rename to app/marketplace/advertisers/page.tsx
diff --git a/components/common/SideBar.tsx b/components/common/SideBar.tsx
index b176495..fd7431d 100644
--- a/components/common/SideBar.tsx
+++ b/components/common/SideBar.tsx
@@ -1,3 +1,4 @@
+'use client'
 import React from 'react';
 import { Tabs, TabsList, TabsTrigger, TabsContent } from "@/components/ui/tabs";
 import {
@@ -21,8 +22,6 @@ import { Skeleton } from '@/components/ui/skeleton';
 import { Input } from '@/components/ui/input';
 import Image from "next/image";
 
-
-
 const CategoryHeading = ({ title }: { title: string }) => (
     <div className="mb-2 mt-5 text-xs font-thin text-gray-100 ">
         {title}
@@ -30,6 +29,8 @@ const CategoryHeading = ({ title }: { title: string }) => (
 );
 
 const Sidebar = () => {
+
+
     return (
         <div className='w-full md:w-[376px] h-full bg-[#181923] flex sticky pr-2 md:pr-4'>
             <Tabs defaultValue="text" className="h-full w-full flex flex-row gap-1 md:gap-2">
@@ -115,8 +116,11 @@ const Sidebar = () => {
                 <TabsContent value="elements" className='relative w-full h-full flex flex-col overflow-y-auto no-scrollbar p-2 md:p-4'>
                     <CategoryHeading title="Graphics" />
                     <div className='grid grid-cols-3  w-full flex-wrap gap-3 md:gap-5 justify-between'>
+                        <a href="/marketplace/artists">
                         <ActionButtons icon={<Images size="18" color="#ffffff" />} label="Stock Photo" isGhost={false} buttonWidth={65} />
-                        <ActionButtons icon={<ImageDownIcon size="18" color="#ffffff" />} label="Stock Video" isGhost={false} buttonWidth={65} />
+                        </a>
+                        <a href="/marketplace/advertisers">
+                        <ActionButtons icon={<ImageDownIcon size="18" color="#ffffff" />} label="Stock Video" isGhost={false} buttonWidth={65}  /> </a>
                         <ActionButtons icon={<Shapes size="18" color="#ffffff" />} label="Shapes" isGhost={false} buttonWidth={65} />
                         <ActionButtons icon={<Gift size="18" color="#ffffff" />} label="Gif" isGhost={false} buttonWidth={65} />
                         <ActionButtons icon={<Sticker size="18" color="#ffffff" />} label="Sticker" isGhost={false} buttonWidth={65} />