diff --git a/app/dashboard/company/[slug]/events/page.tsx b/app/dashboard/company/[slug]/events/page.tsx
index 886d8bca..949d75e7 100644
--- a/app/dashboard/company/[slug]/events/page.tsx
+++ b/app/dashboard/company/[slug]/events/page.tsx
@@ -25,13 +25,15 @@ import {
 } from '@/components/ui/alert-dialog'
 
 export default function CompanyEventsPage() {
-  const { currentCompany, loading: companyLoading } = useCompanyContext()
+  const { currentCompany, userRole, loading: companyLoading } = useCompanyContext()
   const isPendingInvitation = usePendingInvitationRedirect()
   const [events, setEvents] = useState<Event[]>([])
   const [loading, setLoading] = useState(true)
   const [searchTerm, setSearchTerm] = useState('')
   const [deletingEventSlug, setDeletingEventSlug] = useState<string | null>(null)
 
+  const canManageEvents = userRole && ['owner', 'admin', 'editor'].includes(userRole)
+
   const fetchEvents = useCallback(async () => {
     if (!currentCompany) return
 
@@ -170,15 +172,17 @@ export default function CompanyEventsPage() {
         <div>
           <h1 className="text-3xl font-bold tracking-tight">Events</h1>
           <p className="text-muted-foreground mt-1">
-            Manage your company&apos;s events and hackathons
+            {canManageEvents ? "Manage your company's events and hackathons" : "View your company's events"}
           </p>
         </div>
-        <Link href="/dashboard/company/events/create">
-          <Button>
-            <Plus className="h-4 w-4 mr-2" />
-            Create Event
-          </Button>
-        </Link>
+        {canManageEvents && (
+          <Link href={`/dashboard/company/${currentCompany?.slug}/events/create`}>
+            <Button>
+              <Plus className="h-4 w-4 mr-2" />
+              Create Event
+            </Button>
+          </Link>
+        )}
       </div>
 
       {/* Stats Cards */}
@@ -239,7 +243,7 @@ export default function CompanyEventsPage() {
         <CardHeader>
           <CardTitle>All Events ({filteredEvents.length})</CardTitle>
           <CardDescription>
-            View and manage all your events
+            {canManageEvents ? 'View and manage all your events' : 'View all company events'}
           </CardDescription>
         </CardHeader>
         <CardContent>
@@ -254,10 +258,10 @@ export default function CompanyEventsPage() {
                 No events found
               </h3>
               <p className="text-gray-500 dark:text-gray-400 mb-4">
-                {searchTerm ? 'Try adjusting your search' : 'Get started by creating your first event'}
+                {searchTerm ? 'Try adjusting your search' : canManageEvents ? 'Get started by creating your first event' : 'No events available yet'}
               </p>
-              {!searchTerm && (
-                <Link href="/dashboard/company/events/create">
+              {!searchTerm && canManageEvents && (
+                <Link href={`/dashboard/company/${currentCompany?.slug}/events/create`}>
                   <Button>
                     <Plus className="h-4 w-4 mr-2" />
                     Create Event
@@ -276,7 +280,7 @@ export default function CompanyEventsPage() {
                   <TableHead>Approval</TableHead>
                   <TableHead>Views</TableHead>
                   <TableHead>Registered</TableHead>
-                  <TableHead>Actions</TableHead>
+                  {canManageEvents && <TableHead>Actions</TableHead>}
                 </TableRow>
               </TableHeader>
               <TableBody>
@@ -308,59 +312,71 @@ export default function CompanyEventsPage() {
                       </div>
                     </TableCell>
                     <TableCell>{event.registered || 0}</TableCell>
-                    <TableCell>
-                      <div className="flex items-center gap-2">
-                        <Link href={`/dashboard/company/${currentCompany.slug}/events/${event.slug}/edit`}>
-                          <Button variant="outline" size="sm">
-                            <Edit className="h-4 w-4" />
-                          </Button>
-                        </Link>
-                        {event.approval_status === 'approved' && (
+                    {canManageEvents ? (
+                      <TableCell>
+                        <div className="flex items-center gap-2">
+                          <Link href={`/dashboard/company/${currentCompany.slug}/events/${event.slug}/edit`}>
+                            <Button variant="outline" size="sm">
+                              <Edit className="h-4 w-4" />
+                            </Button>
+                          </Link>
+                          {event.approval_status === 'approved' && (
+                            <Link href={`/events/${event.slug}`} target="_blank">
+                              <Button variant="outline" size="sm">
+                                <Eye className="h-4 w-4" />
+                              </Button>
+                            </Link>
+                          )}
+                          <AlertDialog>
+                            <AlertDialogTrigger asChild>
+                              <Button 
+                                variant="outline" 
+                                size="sm"
+                                disabled={deletingEventSlug === event.slug}
+                              >
+                                {deletingEventSlug === event.slug ? (
+                                  <div className="h-4 w-4 animate-spin rounded-full border-2 border-gray-300 border-t-gray-600" />
+                                ) : (
+                                  <Trash2 className="h-4 w-4 text-red-600" />
+                                )}
+                              </Button>
+                            </AlertDialogTrigger>
+                            <AlertDialogContent>
+                              <AlertDialogHeader>
+                                <AlertDialogTitle>Delete Event</AlertDialogTitle>
+                                <AlertDialogDescription>
+                                  Are you sure you want to delete &quot;{event.title}&quot;? This action cannot be undone.
+                                  {event.registered && event.registered > 0 && (
+                                    <span className="block mt-2 text-red-600 font-medium">
+                                      Warning: This event has {event.registered} registered participant{event.registered > 1 ? 's' : ''}.
+                                    </span>
+                                  )}
+                                </AlertDialogDescription>
+                              </AlertDialogHeader>
+                              <AlertDialogFooter>
+                                <AlertDialogCancel>Cancel</AlertDialogCancel>
+                                <AlertDialogAction
+                                  onClick={() => handleDeleteEvent(event.slug)}
+                                  className="bg-red-600 hover:bg-red-700"
+                                >
+                                  Delete
+                                </AlertDialogAction>
+                              </AlertDialogFooter>
+                            </AlertDialogContent>
+                          </AlertDialog>
+                        </div>
+                      </TableCell>
+                    ) : (
+                      event.approval_status === 'approved' && (
+                        <TableCell>
                           <Link href={`/events/${event.slug}`} target="_blank">
                             <Button variant="outline" size="sm">
                               <Eye className="h-4 w-4" />
                             </Button>
                           </Link>
-                        )}
-                        <AlertDialog>
-                          <AlertDialogTrigger asChild>
-                            <Button 
-                              variant="outline" 
-                              size="sm"
-                              disabled={deletingEventSlug === event.slug}
-                            >
-                              {deletingEventSlug === event.slug ? (
-                                <div className="h-4 w-4 animate-spin rounded-full border-2 border-gray-300 border-t-gray-600" />
-                              ) : (
-                                <Trash2 className="h-4 w-4 text-red-600" />
-                              )}
-                            </Button>
-                          </AlertDialogTrigger>
-                          <AlertDialogContent>
-                            <AlertDialogHeader>
-                              <AlertDialogTitle>Delete Event</AlertDialogTitle>
-                              <AlertDialogDescription>
-                                Are you sure you want to delete &quot;{event.title}&quot;? This action cannot be undone.
-                                {event.registered && event.registered > 0 && (
-                                  <span className="block mt-2 text-red-600 font-medium">
-                                    Warning: This event has {event.registered} registered participant{event.registered > 1 ? 's' : ''}.
-                                  </span>
-                                )}
-                              </AlertDialogDescription>
-                            </AlertDialogHeader>
-                            <AlertDialogFooter>
-                              <AlertDialogCancel>Cancel</AlertDialogCancel>
-                              <AlertDialogAction
-                                onClick={() => handleDeleteEvent(event.slug)}
-                                className="bg-red-600 hover:bg-red-700"
-                              >
-                                Delete
-                              </AlertDialogAction>
-                            </AlertDialogFooter>
-                          </AlertDialogContent>
-                        </AlertDialog>
-                      </div>
-                    </TableCell>
+                        </TableCell>
+                      )
+                    )}
                   </TableRow>
                 ))}
               </TableBody>
diff --git a/app/dashboard/company/[slug]/hackathons/page.tsx b/app/dashboard/company/[slug]/hackathons/page.tsx
index 9da9f887..049861e0 100644
--- a/app/dashboard/company/[slug]/hackathons/page.tsx
+++ b/app/dashboard/company/[slug]/hackathons/page.tsx
@@ -29,12 +29,14 @@ interface Hackathon {
 }
 
 export default function CompanyHackathonsPage() {
-  const { currentCompany, loading: companyLoading } = useCompanyContext()
+  const { currentCompany, userRole, loading: companyLoading } = useCompanyContext()
   const isPendingInvitation = usePendingInvitationRedirect()
   const [hackathons, setHackathons] = useState<Hackathon[]>([])
   const [loading, setLoading] = useState(true)
   const [searchTerm, setSearchTerm] = useState('')
 
+  const canManageEvents = userRole && ['owner', 'admin', 'editor'].includes(userRole)
+
   const fetchHackathons = useCallback(async () => {
     if (!currentCompany) return
 
@@ -149,15 +151,17 @@ export default function CompanyHackathonsPage() {
         <div>
           <h1 className="text-3xl font-bold tracking-tight">Hackathons</h1>
           <p className="text-muted-foreground mt-1">
-            Manage your company&apos;s hackathons and coding challenges
+            {canManageEvents ? "Manage your company's hackathons and coding challenges" : "View your company's hackathons"}
           </p>
         </div>
-        <Link href={`/dashboard/company/${currentCompany.slug}/hackathons/create`}>
-          <Button>
-            <Plus className="h-4 w-4 mr-2" />
-            Create Hackathon
-          </Button>
-        </Link>
+        {canManageEvents && (
+          <Link href={`/dashboard/company/${currentCompany.slug}/hackathons/create`}>
+            <Button>
+              <Plus className="h-4 w-4 mr-2" />
+              Create Hackathon
+            </Button>
+          </Link>
+        )}
       </div>
 
       {/* Stats Cards */}
@@ -218,7 +222,7 @@ export default function CompanyHackathonsPage() {
         <CardHeader>
           <CardTitle>All Hackathons ({filteredHackathons.length})</CardTitle>
           <CardDescription>
-            View and manage all your hackathons
+            {canManageEvents ? 'View and manage all your hackathons' : 'View all company hackathons'}
           </CardDescription>
         </CardHeader>
         <CardContent>
@@ -247,7 +251,7 @@ export default function CompanyHackathonsPage() {
                   <TableHead>Approval</TableHead>
                   <TableHead>Views</TableHead>
                   <TableHead>Participants</TableHead>
-                  <TableHead>Actions</TableHead>
+                  {canManageEvents && <TableHead>Actions</TableHead>}
                 </TableRow>
               </TableHeader>
               <TableBody>
@@ -279,22 +283,34 @@ export default function CompanyHackathonsPage() {
                       </div>
                     </TableCell>
                     <TableCell>{hackathon.registered || 0}</TableCell>
-                    <TableCell>
-                      <div className="flex items-center gap-2">
-                        <Link href={`/dashboard/company/${currentCompany.slug}/hackathons/${hackathon.slug}/edit`}>
-                          <Button variant="outline" size="sm">
-                            <Edit className="h-4 w-4" />
-                          </Button>
-                        </Link>
-                        {hackathon.approval_status === 'approved' && (
+                    {canManageEvents ? (
+                      <TableCell>
+                        <div className="flex items-center gap-2">
+                          <Link href={`/dashboard/company/${currentCompany.slug}/hackathons/${hackathon.slug}/edit`}>
+                            <Button variant="outline" size="sm">
+                              <Edit className="h-4 w-4" />
+                            </Button>
+                          </Link>
+                          {hackathon.approval_status === 'approved' && (
+                            <Link href={`/hackathons/${hackathon.slug}`} target="_blank">
+                              <Button variant="outline" size="sm">
+                                <Eye className="h-4 w-4" />
+                              </Button>
+                            </Link>
+                          )}
+                        </div>
+                      </TableCell>
+                    ) : (
+                      hackathon.approval_status === 'approved' && (
+                        <TableCell>
                           <Link href={`/hackathons/${hackathon.slug}`} target="_blank">
                             <Button variant="outline" size="sm">
                               <Eye className="h-4 w-4" />
                             </Button>
                           </Link>
-                        )}
-                      </div>
-                    </TableCell>
+                        </TableCell>
+                      )
+                    )}
                   </TableRow>
                 ))}
               </TableBody>
diff --git a/app/dashboard/company/[slug]/page.tsx b/app/dashboard/company/[slug]/page.tsx
index de1c6c03..0d2a7d24 100644
--- a/app/dashboard/company/[slug]/page.tsx
+++ b/app/dashboard/company/[slug]/page.tsx
@@ -76,14 +76,16 @@ export default function CompanySlugDashboardPage() {
             Here&apos;s what&apos;s happening with {currentCompany.name}
           </p>
         </div>
-        <div className="flex gap-2">
-          <Button asChild>
-            <Link href={`/dashboard/company/${currentCompany.slug}/events/create`}>
-              <Plus className="mr-2 h-4 w-4" />
-              Create Event
-            </Link>
-          </Button>
-        </div>
+        {userRole && ['owner', 'admin', 'editor'].includes(userRole) && (
+          <div className="flex gap-2">
+            <Button asChild>
+              <Link href={`/dashboard/company/${currentCompany.slug}/events/create`}>
+                <Plus className="mr-2 h-4 w-4" />
+                Create Event
+              </Link>
+            </Button>
+          </div>
+        )}
       </div>
 
       {/* Subscription Expiry Warning */}
@@ -162,13 +164,15 @@ export default function CompanySlugDashboardPage() {
               </p>
             </div>
           </div>
-          <div className="pt-4">
-            <Button asChild variant="outline">
-              <Link href={`/dashboard/company/${currentCompany.slug}/settings`}>
-                Edit Company Profile
-              </Link>
-            </Button>
-          </div>
+          {userRole && ['owner', 'admin'].includes(userRole) && (
+            <div className="pt-4">
+              <Button asChild variant="outline">
+                <Link href={`/dashboard/company/${currentCompany.slug}/settings`}>
+                  Edit Company Profile
+                </Link>
+              </Button>
+            </div>
+          )}
         </CardContent>
       </Card>
     </div>
diff --git a/app/dashboard/company/[slug]/subscription/page.tsx b/app/dashboard/company/[slug]/subscription/page.tsx
index 9af77795..89750561 100644
--- a/app/dashboard/company/[slug]/subscription/page.tsx
+++ b/app/dashboard/company/[slug]/subscription/page.tsx
@@ -5,8 +5,8 @@ import { companyService } from '@/lib/services/company-service'
 import { SubscriptionManagement } from '@/components/subscription/SubscriptionManagement'
 
 export const metadata: Metadata = {
-  title: 'Subscription Management | CodeUnia',
-  description: 'Manage your company subscription and billing',
+  title: 'Subscription | CodeUnia',
+  description: 'View your company subscription and billing information',
 }
 
 interface PageProps {
@@ -59,17 +59,19 @@ export default async function SubscriptionPage({ params }: PageProps) {
     redirect('/dashboard/company')
   }
 
-  // Only owners and admins can manage subscription
-  if (!['owner', 'admin'].includes(membership.role)) {
-    redirect(`/dashboard/company/${slug}`)
-  }
+  // Check if user can manage subscription
+  const canManageSubscription = ['owner', 'admin'].includes(membership.role)
 
   return (
     <div className="container mx-auto py-8 px-4 max-w-6xl">
       <div className="mb-8">
-        <h1 className="text-3xl font-bold mb-2">Subscription Management</h1>
+        <h1 className="text-3xl font-bold mb-2">
+          {canManageSubscription ? 'Subscription Management' : 'Subscription Information'}
+        </h1>
         <p className="text-muted-foreground">
-          Manage your subscription plan and view usage details
+          {canManageSubscription 
+            ? 'Manage your subscription plan and view usage details'
+            : 'View your company subscription plan and usage details'}
         </p>
       </div>
 
diff --git a/app/dashboard/company/[slug]/team/page.tsx b/app/dashboard/company/[slug]/team/page.tsx
index 77d6ac57..50110fbd 100644
--- a/app/dashboard/company/[slug]/team/page.tsx
+++ b/app/dashboard/company/[slug]/team/page.tsx
@@ -51,19 +51,23 @@ export default function TeamPage() {
     )
   }
 
+  const canManageTeam = userRole && ['owner', 'admin'].includes(userRole)
+
   return (
     <div className="container mx-auto py-8 px-4 max-w-7xl">
       <div className="mb-8">
         <h1 className="text-3xl font-bold text-white mb-2">Team Management</h1>
         <p className="text-muted-foreground">
-          Manage your team members, roles, and permissions
+          {canManageTeam 
+            ? 'Manage your team members, roles, and permissions' 
+            : 'View your team members and their roles'}
         </p>
       </div>
 
       <TeamManagement
         company={currentCompany}
         companySlug={companySlug}
-        currentUserRole={userRole || 'member'}
+        currentUserRole={userRole || 'viewer'}
       />
     </div>
   )
diff --git a/components/dashboard/CompanyDashboard.tsx b/components/dashboard/CompanyDashboard.tsx
index 76f167aa..a7d03833 100644
--- a/components/dashboard/CompanyDashboard.tsx
+++ b/components/dashboard/CompanyDashboard.tsx
@@ -22,6 +22,7 @@ import {
 } from 'lucide-react'
 import { Company } from '@/types/company'
 import { format, formatDistanceToNow } from 'date-fns'
+import { useCompanyContext } from '@/contexts/CompanyContext'
 
 interface CompanyDashboardStats {
   totalEvents: number
@@ -63,12 +64,17 @@ interface CompanyDashboardProps {
 }
 
 export function CompanyDashboard({ company }: CompanyDashboardProps) {
+  const { userRole } = useCompanyContext()
   const [stats, setStats] = useState<CompanyDashboardStats | null>(null)
   const [recentActivity, setRecentActivity] = useState<RecentActivity[]>([])
   const [upcomingEvents, setUpcomingEvents] = useState<UpcomingEvent[]>([])
   const [loading, setLoading] = useState(true)
   const [error, setError] = useState<string | null>(null)
 
+  // Check permissions based on role
+  const canManageEvents = userRole && ['owner', 'admin', 'editor'].includes(userRole)
+  const canManageTeam = userRole && ['owner', 'admin'].includes(userRole)
+
   const fetchDashboardData = useCallback(async () => {
     try {
       setLoading(true)
@@ -342,18 +348,22 @@ export function CompanyDashboard({ company }: CompanyDashboardProps) {
         </CardHeader>
         <CardContent>
           <div className="grid gap-4 md:grid-cols-3">
-            <QuickActionButton
-              href={`/dashboard/company/${company.slug}/events/create`}
-              icon={Plus}
-              title="Create Event"
-              description="Host a new event"
-            />
-            <QuickActionButton
-              href={`/dashboard/company/${company.slug}/team`}
-              icon={Users}
-              title="Invite Team Member"
-              description="Add someone to your team"
-            />
+            {canManageEvents && (
+              <QuickActionButton
+                href={`/dashboard/company/${company.slug}/events/create`}
+                icon={Plus}
+                title="Create Event"
+                description="Host a new event"
+              />
+            )}
+            {canManageTeam && (
+              <QuickActionButton
+                href={`/dashboard/company/${company.slug}/team`}
+                icon={Users}
+                title="Invite Team Member"
+                description="Add someone to your team"
+              />
+            )}
             <QuickActionButton
               href={`/dashboard/company/${company.slug}/analytics`}
               icon={BarChart3}
diff --git a/components/dashboard/CompanySidebar.tsx b/components/dashboard/CompanySidebar.tsx
index 37818b59..e85ee7e4 100644
--- a/components/dashboard/CompanySidebar.tsx
+++ b/components/dashboard/CompanySidebar.tsx
@@ -70,7 +70,7 @@ export function CompanySidebar({
   const toggleCollapsed = () => setCollapsed(!collapsed)
   const pathname = usePathname()
   const { navigateTo } = useSafeNavigation()
-  const { currentCompany, userCompanies, switchCompany } = useCompanyContext()
+  const { currentCompany, userCompanies, userRole, switchCompany } = useCompanyContext()
 
   return (
     <SidebarProvider>
@@ -164,7 +164,7 @@ export function CompanySidebar({
                           {name}
                         </span>
                         <span className="truncate text-xs text-purple-300">
-                          {currentCompany?.name}
+                          {userRole ? `${userRole.charAt(0).toUpperCase() + userRole.slice(1)} • ${currentCompany?.name}` : currentCompany?.name}
                         </span>
                       </div>
                       <ChevronDown className="size-4 text-zinc-400" />
@@ -420,7 +420,7 @@ export function CompanySidebar({
                               {name}
                             </span>
                             <span className="truncate text-xs text-purple-300">
-                              {currentCompany?.name}
+                              {userRole ? `${userRole.charAt(0).toUpperCase() + userRole.slice(1)} • ${currentCompany?.name}` : currentCompany?.name}
                             </span>
                           </div>
                           <ChevronDown className="ml-auto size-4 text-zinc-400 flex-shrink-0" />
diff --git a/components/dashboard/TeamManagement.tsx b/components/dashboard/TeamManagement.tsx
index 39912dc3..096fb8d2 100644
--- a/components/dashboard/TeamManagement.tsx
+++ b/components/dashboard/TeamManagement.tsx
@@ -319,7 +319,9 @@ export function TeamManagement({
             <div>
               <CardTitle className="text-white">Team Members</CardTitle>
               <CardDescription>
-                Manage your team members and their roles
+                {canManageTeam 
+                  ? 'Manage your team members and their roles' 
+                  : 'View your team members and their roles'}
               </CardDescription>
             </div>
             {canManageTeam && (