diff --git a/apps/frontend/src/api/apiClient.ts b/apps/frontend/src/api/apiClient.ts
index 5e822dfb1..746bc2df2 100644
--- a/apps/frontend/src/api/apiClient.ts
+++ b/apps/frontend/src/api/apiClient.ts
@@ -90,6 +90,12 @@ export class ApiClient {
     );
   }
 
+  public async getUserStats(userId: number) {
+    return this.axiosInstance
+      .get(`/api/users/${userId}/stats`)
+      .then((response) => response.data);
+  }
+
   public async postDonation(body: CreateDonationDto): Promise<Donation> {
     return this.axiosInstance
       .post('/api/donations/', body)
diff --git a/apps/frontend/src/components/dashboardStats.tsx b/apps/frontend/src/components/dashboardStats.tsx
index 35fdfc9c2..6754fab0a 100644
--- a/apps/frontend/src/components/dashboardStats.tsx
+++ b/apps/frontend/src/components/dashboardStats.tsx
@@ -9,7 +9,7 @@ export function DashboardStats({ stats }: DashboardStatsProps) {
   const colors = ['blue.core', 'red', 'yellow.hover', 'teal.ssf'];
 
   return (
-    <SimpleGrid columns={Object.keys(stats).length} gap={6} mx={8} my={4}>
+    <SimpleGrid columns={Object.keys(stats).length} gap={4} mb={16}>
       {Object.entries(stats).map(([key, value], index) => {
         const color = colors[index % colors.length];
 
diff --git a/apps/frontend/src/components/pageEmptyState.tsx b/apps/frontend/src/components/pageEmptyState.tsx
new file mode 100644
index 000000000..a6476f4b5
--- /dev/null
+++ b/apps/frontend/src/components/pageEmptyState.tsx
@@ -0,0 +1,70 @@
+import React from 'react';
+import { Box, Button, Text } from '@chakra-ui/react';
+import { CircleCheck } from 'lucide-react';
+import { useNavigate } from 'react-router-dom';
+
+interface PageEmptyStateProps {
+  entity?: string;
+  subtitle?: string;
+  primaryButtonText: string;
+  primaryButtonLink: string;
+  secondaryButtonText: string;
+  secondaryButtonLink: string;
+}
+
+const PageEmptyState: React.FC<PageEmptyStateProps> = ({
+  entity,
+  subtitle,
+  primaryButtonText,
+  primaryButtonLink,
+  secondaryButtonText,
+  secondaryButtonLink,
+}) => {
+  const navigate = useNavigate();
+  const message = subtitle ?? `You have no ${entity} at this time`;
+
+  return (
+    <Box
+      display="flex"
+      flexDirection="column"
+      alignItems="center"
+      justifyContent="center"
+      textAlign="center"
+      py={10}
+      gap={2}
+    >
+      <Box mb={2}>
+        <CircleCheck size={24} color="var(--chakra-colors-neutral-800)" />
+      </Box>
+      <Text fontWeight="600" textStyle="p" color="neutral.800">
+        Nothing to see here!
+      </Text>
+      <Text textStyle="p2" color="neutral.700" fontWeight="400">
+        {message}
+      </Text>
+      <Box display="flex" gap={3} mt={4}>
+        <Button
+          size="sm"
+          bg="neutral.700"
+          color="white"
+          _hover={{ bg: 'neutral.800' }}
+          onClick={() => navigate(primaryButtonLink)}
+        >
+          {primaryButtonText}
+        </Button>
+        <Button
+          size="sm"
+          variant="outline"
+          borderColor="neutral.200"
+          color="neutral.700"
+          _hover={{ bg: 'neutral.50' }}
+          onClick={() => navigate(secondaryButtonLink)}
+        >
+          {secondaryButtonText}
+        </Button>
+      </Box>
+    </Box>
+  );
+};
+
+export default PageEmptyState;
diff --git a/apps/frontend/src/components/sectionEmptyState.tsx b/apps/frontend/src/components/sectionEmptyState.tsx
new file mode 100644
index 000000000..96a91773c
--- /dev/null
+++ b/apps/frontend/src/components/sectionEmptyState.tsx
@@ -0,0 +1,30 @@
+import { Box, Text } from '@chakra-ui/react';
+
+interface EmptyStateProps {
+  entity?: string;
+  subtitle?: string;
+}
+
+const SectionEmptyState: React.FC<EmptyStateProps> = ({ entity, subtitle }) => {
+  const message = subtitle ?? `You have no ${entity} at this time`;
+  return (
+    <Box
+      display="flex"
+      flexDirection="column"
+      alignItems="center"
+      justifyContent="center"
+      textAlign="center"
+      py={10}
+      gap={2}
+    >
+      <Text fontWeight="600" textStyle="p" color="neutral.800">
+        Nothing to see here!
+      </Text>
+      <Text textStyle="p2" color="neutral.700" fontWeight="400">
+        {message}
+      </Text>
+    </Box>
+  );
+};
+
+export default SectionEmptyState;
diff --git a/apps/frontend/src/containers/adminDashboard.tsx b/apps/frontend/src/containers/adminDashboard.tsx
index 7ce01914e..6507b9a93 100644
--- a/apps/frontend/src/containers/adminDashboard.tsx
+++ b/apps/frontend/src/containers/adminDashboard.tsx
@@ -16,6 +16,9 @@ import { useAlert } from '../hooks/alert';
 import { FloatingAlert } from '@components/floatingAlert';
 import { useNavigate } from 'react-router-dom';
 import { ROUTES } from '../routes';
+import SectionEmptyState from '@components/sectionEmptyState';
+import PageEmptyState from '@components/pageEmptyState';
+import { DashboardStats } from '@components/dashboardStats';
 
 const AdminDashboard: React.FC = () => {
   const navigate = useNavigate();
@@ -27,6 +30,7 @@ const AdminDashboard: React.FC = () => {
   const [recentOrders, setRecentOrders] = useState<OrderSummary[]>([]);
   const [recentDonations, setRecentDonations] = useState<Donation[]>([]);
   const [currentUser, setCurrentUser] = useState<User | null>(null);
+  const [stats, setStats] = useState<Record<string, string> | null>(null);
 
   const fetchPendingApplications = async () => {
     try {
@@ -75,6 +79,13 @@ const AdminDashboard: React.FC = () => {
       setAlertMessage('Authentication error. Please log in and try again.');
       return;
     }
+
+    try {
+      const userStats = await ApiClient.getUserStats(user.id);
+      setStats(userStats);
+    } catch {
+      setAlertMessage('Error fetching dashboard statistics');
+    }
   };
 
   useEffect(() => {
@@ -84,6 +95,11 @@ const AdminDashboard: React.FC = () => {
     fetchPendingApplications();
   }, [setAlertMessage]);
 
+  const isPageEmpty =
+    pendingApplications.length === 0 &&
+    recentOrders.length === 0 &&
+    recentDonations.length === 0;
+
   return (
     <Box p={12}>
       {alertState && (
@@ -98,84 +114,135 @@ const AdminDashboard: React.FC = () => {
         Welcome, {currentUser?.firstName} {currentUser?.lastName}
       </Heading>
 
-      <Text textStyle="p" color="gray.light" fontWeight={600} mb={4}>
-        Pending Actions
-      </Text>
-      <Box display="grid" gridTemplateColumns="repeat(2, 1fr)" gap={4} mb={16}>
-        {pendingApplications.map((application) => (
-          <DashboardCard
-            type={DashboardCardType.ACTION}
-            title={application.name}
-            date={application.dateApplied}
-            key={application.id}
-            linkText="View Application Details"
-            badge={{
-              label:
-                application.type === 'pantry' ? 'Pantry' : 'Food Manufacturer',
-              bg: 'neutral.100',
-              color: 'neutral.600',
-            }}
-            onLinkClick={() => {
-              navigate(
-                application.type === 'pantry'
-                  ? ROUTES.PANTRY_MANAGEMENT_DETAILS.replace(
-                      ':pantryId',
-                      application.id.toString(),
-                    )
-                  : ROUTES.FOOD_MANUFACTURER_APPLICATION_DETAILS.replace(
-                      ':applicationId',
-                      application.id.toString(),
-                    ),
-              );
-            }}
-          />
-        ))}
-      </Box>
+      {stats && <DashboardStats stats={stats} />}
+
+      {isPageEmpty ? (
+        <PageEmptyState
+          subtitle="You have no orders or applications to review at this time."
+          primaryButtonText="View Pantries"
+          primaryButtonLink={ROUTES.PANTRY_MANAGEMENT}
+          secondaryButtonText="View Donations"
+          secondaryButtonLink={ROUTES.ADMIN_DONATION}
+        />
+      ) : (
+        <>
+          <Text textStyle="p" color="gray.light" fontWeight={600} mb={4}>
+            Pending Actions
+          </Text>
+          {pendingApplications.length === 0 ? (
+            <Box mb={16}>
+              <SectionEmptyState subtitle="You have no pending applications at this time" />
+            </Box>
+          ) : (
+            <Box
+              display="grid"
+              gridTemplateColumns="repeat(2, 1fr)"
+              gap={4}
+              mb={16}
+            >
+              {pendingApplications.map((application) => (
+                <DashboardCard
+                  type={DashboardCardType.ACTION}
+                  title={application.name}
+                  date={application.dateApplied}
+                  key={application.id}
+                  linkText="View Application Details"
+                  badge={{
+                    label:
+                      application.type === 'pantry'
+                        ? 'Pantry'
+                        : 'Food Manufacturer',
+                    bg: 'neutral.100',
+                    color: 'neutral.600',
+                  }}
+                  onLinkClick={() => {
+                    navigate(
+                      application.type === 'pantry'
+                        ? ROUTES.PANTRY_MANAGEMENT_DETAILS.replace(
+                            ':pantryId',
+                            application.id.toString(),
+                          )
+                        : ROUTES.FOOD_MANUFACTURER_APPLICATION_DETAILS.replace(
+                            ':applicationId',
+                            application.id.toString(),
+                          ),
+                    );
+                  }}
+                />
+              ))}
+            </Box>
+          )}
 
-      <Text textStyle="p" color="gray.light" fontWeight={600} mb={4}>
-        Recent Orders
-      </Text>
-      <Box display="grid" gridTemplateColumns="repeat(2, 1fr)" gap={4} mb={16}>
-        {recentOrders.map((order) => (
-          <DashboardCard
-            key={order.orderId}
-            type={DashboardCardType.ORDER}
-            title={`Order #${order.orderId}`}
-            date={order.createdAt}
-            subtitle={order.request.pantry.pantryName}
-            linkText="View Order Details"
-            badge={ORDER_STATUS_BADGE[order.status]}
-            assignee={{
-              id: order.assignee.id,
-              firstName: order.assignee.firstName,
-              lastName: order.assignee.lastName,
-            }}
-            onLinkClick={() =>
-              navigate(`/admin-order-management?orderId=${order.orderId}`)
-            }
-          />
-        ))}
-      </Box>
+          <Text textStyle="p" color="gray.light" fontWeight={600} mb={4}>
+            Recent Orders
+          </Text>
+          {recentOrders.length === 0 ? (
+            <Box mb={16}>
+              <SectionEmptyState subtitle="You have no recent orders at this time" />
+            </Box>
+          ) : (
+            <Box
+              display="grid"
+              gridTemplateColumns="repeat(2, 1fr)"
+              gap={4}
+              mb={16}
+            >
+              {recentOrders.map((order) => (
+                <DashboardCard
+                  key={order.orderId}
+                  type={DashboardCardType.ORDER}
+                  title={`Order #${order.orderId}`}
+                  date={order.createdAt}
+                  subtitle={order.request.pantry.pantryName}
+                  linkText="View Order Details"
+                  badge={ORDER_STATUS_BADGE[order.status]}
+                  assignee={{
+                    id: order.assignee.id,
+                    firstName: order.assignee.firstName,
+                    lastName: order.assignee.lastName,
+                  }}
+                  onLinkClick={() =>
+                    navigate(`/admin-order-management?orderId=${order.orderId}`)
+                  }
+                />
+              ))}
+            </Box>
+          )}
 
-      <Text textStyle="p" color="gray.light" fontWeight={600} mb={4}>
-        Recent Donations
-      </Text>
-      <Box display="grid" gridTemplateColumns="repeat(2, 1fr)" gap={4} mb={16}>
-        {recentDonations.map((donation) => (
-          <DashboardCard
-            key={donation.donationId}
-            type={DashboardCardType.RECENT_DONATION}
-            title={`Donation #${donation.donationId}`}
-            date={donation.dateDonated}
-            subtitle={donation.foodManufacturer?.foodManufacturerName}
-            linkText="View Donation Details"
-            badge={DONATION_STATUS_BADGE[donation.status]}
-            onLinkClick={() =>
-              navigate(`/admin-donation?donationId=${donation.donationId}`)
-            }
-          />
-        ))}
-      </Box>
+          <Text textStyle="p" color="gray.light" fontWeight={600} mb={4}>
+            Recent Donations
+          </Text>
+          {recentDonations.length === 0 ? (
+            <Box mb={16}>
+              <SectionEmptyState subtitle="You have no recent donations at this time" />
+            </Box>
+          ) : (
+            <Box
+              display="grid"
+              gridTemplateColumns="repeat(2, 1fr)"
+              gap={4}
+              mb={16}
+            >
+              {recentDonations.map((donation) => (
+                <DashboardCard
+                  key={donation.donationId}
+                  type={DashboardCardType.RECENT_DONATION}
+                  title={`Donation #${donation.donationId}`}
+                  date={donation.dateDonated}
+                  subtitle={donation.foodManufacturer?.foodManufacturerName}
+                  linkText="View Donation Details"
+                  badge={DONATION_STATUS_BADGE[donation.status]}
+                  onLinkClick={() =>
+                    navigate(
+                      `/admin-donation?donationId=${donation.donationId}`,
+                    )
+                  }
+                />
+              ))}
+            </Box>
+          )}
+        </>
+      )}
     </Box>
   );
 };
diff --git a/apps/frontend/src/containers/foodManufacturerDashboard.tsx b/apps/frontend/src/containers/foodManufacturerDashboard.tsx
index 93dd02e0d..7b43eb977 100644
--- a/apps/frontend/src/containers/foodManufacturerDashboard.tsx
+++ b/apps/frontend/src/containers/foodManufacturerDashboard.tsx
@@ -6,12 +6,16 @@ import {
   DonationDetails,
   DonationReminderDto,
   FoodManufacturer,
+  User,
 } from '../types/types';
 import ApiClient from '@api/apiClient';
 import { useAlert } from '../hooks/alert';
 import { FloatingAlert } from '@components/floatingAlert';
 import { useNavigate } from 'react-router-dom';
 import { ROUTES } from '../routes';
+import SectionEmptyState from '@components/sectionEmptyState';
+import PageEmptyState from '@components/pageEmptyState';
+import { DashboardStats } from '@components/dashboardStats';
 
 const FoodManufacturerDashboard: React.FC = () => {
   const navigate = useNavigate();
@@ -19,15 +23,21 @@ const FoodManufacturerDashboard: React.FC = () => {
   const [errorAlertState, setErrorMessage] = useAlert();
   const [foodManufacturer, setFoodManufacturer] =
     useState<FoodManufacturer | null>(null);
+  const [user, setUser] = useState<User | null>(null);
   const [upcomingReminders, setUpcomingReminders] = useState<
     DonationReminderDto[]
   >([]);
   const [recentDonations, setRecentDonations] = useState<Donation[]>([]);
+  const [stats, setStats] = useState<Record<string, string> | null>(null);
 
   useEffect(() => {
     const fetchFmData = async () => {
       let fmId: number;
+      let currentUser: User;
       try {
+        currentUser = await ApiClient.getMe();
+        setUser(currentUser);
+
         fmId = await ApiClient.getCurrentUserFoodManufacturerId();
         const fm = await ApiClient.getFoodManufacturer(fmId);
         setFoodManufacturer(fm);
@@ -36,19 +46,24 @@ const FoodManufacturerDashboard: React.FC = () => {
         return;
       }
 
+      try {
+        const userStats = await ApiClient.getUserStats(currentUser.id);
+        setStats(userStats);
+      } catch {
+        setErrorMessage('Error fetching dashboard statistics');
+      }
+
       const [reminders, donations] = await Promise.allSettled([
         ApiClient.getNextTwoDonationReminders(fmId),
         ApiClient.getAllDonationsByFoodManufacturer(fmId),
       ]);
 
-      // If reminders is successfully retrieved from API with the Promise.allSettled
       if (reminders.status === 'fulfilled') {
         setUpcomingReminders(reminders.value);
       } else {
         setErrorMessage('Error fetching upcoming donations.');
       }
 
-      // If donations is successfully retrieved from API with the Promise.allSettled
       if (donations.status === 'fulfilled') {
         const sorted = donations.value
           .map((d: DonationDetails) => d.donation)
@@ -66,6 +81,11 @@ const FoodManufacturerDashboard: React.FC = () => {
     fetchFmData();
   }, [setErrorMessage]);
 
+  if (!foodManufacturer) return null;
+
+  const isPageEmpty =
+    upcomingReminders.length === 0 && recentDonations.length === 0;
+
   return (
     <Box p={12}>
       {errorAlertState && (
@@ -80,47 +100,85 @@ const FoodManufacturerDashboard: React.FC = () => {
         Welcome, {foodManufacturer?.foodManufacturerName}
       </Heading>
 
-      <Text textStyle="p" color="gray.light" fontWeight={600} mb={4}>
-        Upcoming Donations
-      </Text>
-      <Box display="grid" gridTemplateColumns="repeat(2, 1fr)" gap={4} mb={16}>
-        {upcomingReminders.map((reminder) => (
-          <DashboardCard
-            key={`${reminder.donation.donationId}-${reminder.reminderDate}`}
-            type={DashboardCardType.UPCOMING_DONATION}
-            title={`Donation #${reminder.donation.donationId}`}
-            date={reminder.reminderDate}
-            subtitle={reminder.donation.foodManufacturer?.foodManufacturerName}
-            linkText="View Donation Requirements"
-            onLinkClick={() =>
-              navigate(
-                `${ROUTES.FM_DONATION_MANAGEMENT}?donationId=${reminder.donation.donationId}`,
-              )
-            }
-          />
-        ))}
-      </Box>
+      {stats && <DashboardStats stats={stats} />}
 
-      <Text textStyle="p" color="gray.light" fontWeight={600} mb={4}>
-        Recent Donations
-      </Text>
-      <Box display="grid" gridTemplateColumns="repeat(2, 1fr)" gap={4} mb={16}>
-        {recentDonations.map((donation) => (
-          <DashboardCard
-            key={donation.donationId}
-            type={DashboardCardType.RECENT_DONATION}
-            title={`Donation #${donation.donationId}`}
-            date={donation.dateDonated}
-            subtitle={donation.foodManufacturer?.foodManufacturerName}
-            linkText="View Donation Details"
-            onLinkClick={() =>
-              navigate(
-                `${ROUTES.FM_DONATION_MANAGEMENT}?donationId=${donation.donationId}`,
-              )
-            }
-          />
-        ))}
-      </Box>
+      {isPageEmpty ? (
+        <PageEmptyState
+          entity="donations"
+          primaryButtonText="Log New Donation"
+          primaryButtonLink={ROUTES.FM_DONATION_MANAGEMENT}
+          secondaryButtonText="View Donations"
+          secondaryButtonLink={ROUTES.FM_DONATION_MANAGEMENT}
+        />
+      ) : (
+        <>
+          <Text textStyle="p" color="gray.light" fontWeight={600} mb={4}>
+            Upcoming Donations
+          </Text>
+          {upcomingReminders.length === 0 ? (
+            <Box mb={16}>
+              <SectionEmptyState entity="upcoming donations" />
+            </Box>
+          ) : (
+            <Box
+              display="grid"
+              gridTemplateColumns="repeat(2, 1fr)"
+              gap={4}
+              mb={16}
+            >
+              {upcomingReminders.map((reminder) => (
+                <DashboardCard
+                  key={`${reminder.donation.donationId}-${reminder.reminderDate}`}
+                  type={DashboardCardType.UPCOMING_DONATION}
+                  title={`Donation #${reminder.donation.donationId}`}
+                  date={reminder.reminderDate}
+                  subtitle={
+                    reminder.donation.foodManufacturer?.foodManufacturerName
+                  }
+                  linkText="View Donation Requirements"
+                  onLinkClick={() =>
+                    navigate(
+                      `${ROUTES.FM_DONATION_MANAGEMENT}?donationId=${reminder.donation.donationId}`,
+                    )
+                  }
+                />
+              ))}
+            </Box>
+          )}
+
+          <Text textStyle="p" color="gray.light" fontWeight={600} mb={4}>
+            Recent Donations
+          </Text>
+          {recentDonations.length === 0 ? (
+            <Box mb={16}>
+              <SectionEmptyState entity="recent donations" />
+            </Box>
+          ) : (
+            <Box
+              display="grid"
+              gridTemplateColumns="repeat(2, 1fr)"
+              gap={4}
+              mb={16}
+            >
+              {recentDonations.map((donation) => (
+                <DashboardCard
+                  key={donation.donationId}
+                  type={DashboardCardType.RECENT_DONATION}
+                  title={`Donation #${donation.donationId}`}
+                  date={donation.dateDonated}
+                  subtitle={donation.foodManufacturer?.foodManufacturerName}
+                  linkText="View Donation Details"
+                  onLinkClick={() =>
+                    navigate(
+                      `${ROUTES.FM_DONATION_MANAGEMENT}?donationId=${donation.donationId}`,
+                    )
+                  }
+                />
+              ))}
+            </Box>
+          )}
+        </>
+      )}
     </Box>
   );
 };
diff --git a/apps/frontend/src/containers/pantryDashboard.tsx b/apps/frontend/src/containers/pantryDashboard.tsx
index 182c9a9ef..cc99b4c35 100644
--- a/apps/frontend/src/containers/pantryDashboard.tsx
+++ b/apps/frontend/src/containers/pantryDashboard.tsx
@@ -12,6 +12,9 @@ import { useAlert } from '../hooks/alert';
 import { FloatingAlert } from '@components/floatingAlert';
 import { useNavigate } from 'react-router-dom';
 import { ROUTES } from '../routes';
+import SectionEmptyState from '@components/sectionEmptyState';
+import PageEmptyState from '@components/pageEmptyState';
+import { DashboardStats } from '@components/dashboardStats';
 
 const PantryDashboard: React.FC = () => {
   const navigate = useNavigate();
@@ -22,6 +25,7 @@ const PantryDashboard: React.FC = () => {
     FoodRequestSummaryDto[]
   >([]);
   const [recentOrders, setRecentOrders] = useState<OrderSummary[]>([]);
+  const [stats, setStats] = useState<Record<string, string> | null>(null);
 
   useEffect(() => {
     const fetchDashboardData = async () => {
@@ -35,6 +39,14 @@ const PantryDashboard: React.FC = () => {
         return;
       }
 
+      try {
+        const user = await ApiClient.getMe();
+        const userStats = await ApiClient.getUserStats(user.id);
+        setStats(userStats);
+      } catch {
+        setAlertMessage('Error fetching dashboard statistics');
+      }
+
       try {
         const pantryFoodRequests = await ApiClient.getPantryRequests(pantryId);
         const sortedFoodRequests = pantryFoodRequests.sort(
@@ -61,7 +73,25 @@ const PantryDashboard: React.FC = () => {
     fetchDashboardData();
   }, [setAlertMessage]);
 
-  if (!pantry) return null;
+  if (!pantry) {
+    return (
+      <Box p={12}>
+        <Heading textStyle="h1" color="gray.600" mb={6}>
+          Pantry Dashboard
+        </Heading>
+        <PageEmptyState
+          subtitle="Unable to load pantry information. Your pantry may not be set up yet."
+          primaryButtonText="Create Food Request"
+          primaryButtonLink={ROUTES.REQUEST_FORM}
+          secondaryButtonText="View Orders"
+          secondaryButtonLink={ROUTES.PANTRY_ORDER_MANAGEMENT}
+        />
+      </Box>
+    );
+  }
+
+  const isPageEmpty =
+    recentFoodRequests.length === 0 && recentOrders.length === 0;
 
   return (
     <Box p={12}>
@@ -77,51 +107,87 @@ const PantryDashboard: React.FC = () => {
         Welcome, {pantry.pantryName}
       </Heading>
 
-      <Text textStyle="p" color="gray.light" fontWeight={600} mb={4}>
-        Recent Food Requests
-      </Text>
-      <Box display="grid" gridTemplateColumns="repeat(2, 1fr)" gap={4} mb={16}>
-        {recentFoodRequests.map((fr) => (
-          <DashboardCard
-            key={fr.requestId}
-            type={DashboardCardType.FOOD_REQUEST}
-            title={`Request #${fr.requestId}`}
-            date={fr.requestedAt}
-            subtitle={pantry.pantryName}
-            linkText="View Request Details"
-            onLinkClick={() =>
-              navigate(`${ROUTES.REQUEST_FORM}?requestId=${fr.requestId}`)
-            }
-          />
-        ))}
-      </Box>
+      {stats && <DashboardStats stats={stats} />}
 
-      <Text textStyle="p" color="gray.light" fontWeight={600} mb={4}>
-        Recent Orders
-      </Text>
-      <Box display="grid" gridTemplateColumns="repeat(2, 1fr)" gap={4} mb={16}>
-        {recentOrders.map((order) => (
-          <DashboardCard
-            key={order.orderId}
-            type={DashboardCardType.ORDER}
-            title={`Order #${order.orderId}`}
-            date={order.createdAt}
-            subtitle={order.request.pantry.pantryName}
-            linkText="View Order Details"
-            badge={ORDER_STATUS_BADGE[order.status]}
-            assignee={{
-              id: order.assignee.id,
-              firstName: order.assignee.firstName,
-              lastName: order.assignee.lastName,
-            }}
-            onLinkClick={() =>
-              navigate(
-                `${ROUTES.PANTRY_ORDER_MANAGEMENT}?orderId=${order.orderId}`,
-              )
-            }
-          />
-        ))}
-      </Box>
+      {isPageEmpty ? (
+        <PageEmptyState
+          subtitle="You have no food requests or orders at this time."
+          primaryButtonText="Create Food Request"
+          primaryButtonLink={ROUTES.REQUEST_FORM}
+          secondaryButtonText="View Orders"
+          secondaryButtonLink={ROUTES.PANTRY_ORDER_MANAGEMENT}
+        />
+      ) : (
+        <>
+          <Text textStyle="p" color="gray.light" fontWeight={600} mb={4}>
+            Recent Food Requests
+          </Text>
+          {recentFoodRequests.length === 0 ? (
+            <Box mb={16}>
+              <SectionEmptyState subtitle="You have no recent food requests at this time" />
+            </Box>
+          ) : (
+            <Box
+              display="grid"
+              gridTemplateColumns="repeat(2, 1fr)"
+              gap={4}
+              mb={16}
+            >
+              {recentFoodRequests.map((fr) => (
+                <DashboardCard
+                  key={fr.requestId}
+                  type={DashboardCardType.FOOD_REQUEST}
+                  title={`Request #${fr.requestId}`}
+                  date={fr.requestedAt}
+                  subtitle={pantry.pantryName}
+                  linkText="View Request Details"
+                  onLinkClick={() =>
+                    navigate(`${ROUTES.REQUEST_FORM}?requestId=${fr.requestId}`)
+                  }
+                />
+              ))}
+            </Box>
+          )}
+
+          <Text textStyle="p" color="gray.light" fontWeight={600} mb={4}>
+            Recent Orders
+          </Text>
+          {recentOrders.length === 0 ? (
+            <Box mb={16}>
+              <SectionEmptyState subtitle="You have no recent orders at this time" />
+            </Box>
+          ) : (
+            <Box
+              display="grid"
+              gridTemplateColumns="repeat(2, 1fr)"
+              gap={4}
+              mb={16}
+            >
+              {recentOrders.map((order) => (
+                <DashboardCard
+                  key={order.orderId}
+                  type={DashboardCardType.ORDER}
+                  title={`Order #${order.orderId}`}
+                  date={order.createdAt}
+                  subtitle={order.request.pantry.pantryName}
+                  linkText="View Order Details"
+                  badge={ORDER_STATUS_BADGE[order.status]}
+                  assignee={{
+                    id: order.assignee.id,
+                    firstName: order.assignee.firstName,
+                    lastName: order.assignee.lastName,
+                  }}
+                  onLinkClick={() =>
+                    navigate(
+                      `${ROUTES.PANTRY_ORDER_MANAGEMENT}?orderId=${order.orderId}`,
+                    )
+                  }
+                />
+              ))}
+            </Box>
+          )}
+        </>
+      )}
     </Box>
   );
 };
diff --git a/apps/frontend/src/containers/volunteerDashboard.tsx b/apps/frontend/src/containers/volunteerDashboard.tsx
index c33843670..ab1ce7c34 100644
--- a/apps/frontend/src/containers/volunteerDashboard.tsx
+++ b/apps/frontend/src/containers/volunteerDashboard.tsx
@@ -8,6 +8,9 @@ import { useAlert } from '../hooks/alert';
 import { FloatingAlert } from '@components/floatingAlert';
 import { useNavigate } from 'react-router-dom';
 import { ROUTES } from '../routes';
+import SectionEmptyState from '@components/sectionEmptyState';
+import PageEmptyState from '@components/pageEmptyState';
+import { DashboardStats } from '@components/dashboardStats';
 
 const VolunteerDashboard: React.FC = () => {
   const navigate = useNavigate();
@@ -18,17 +21,26 @@ const VolunteerDashboard: React.FC = () => {
     FoodRequestSummaryDto[]
   >([]);
   const [recentOrders, setRecentOrders] = useState<VolunteerOrder[]>([]);
+  const [stats, setStats] = useState<Record<string, string> | null>(null);
 
   useEffect(() => {
     const fetchDashboardData = async () => {
+      let currentUser: User;
       try {
-        const currentUser = await ApiClient.getMe();
+        currentUser = await ApiClient.getMe();
         setUser(currentUser);
       } catch {
         setAlertMessage('Error fetching user information');
         return;
       }
 
+      try {
+        const userStats = await ApiClient.getUserStats(currentUser.id);
+        setStats(userStats);
+      } catch {
+        setAlertMessage('Error fetching dashboard statistics');
+      }
+
       try {
         const requests = await ApiClient.getVolunteerAssignedRequests();
         const sorted = requests.sort(
@@ -53,6 +65,9 @@ const VolunteerDashboard: React.FC = () => {
 
   if (!user) return null;
 
+  const isPageEmpty =
+    recentFoodRequests.length === 0 && recentOrders.length === 0;
+
   return (
     <Box p={12}>
       {alertState && (
@@ -67,53 +82,89 @@ const VolunteerDashboard: React.FC = () => {
         Welcome, {user.firstName} {user.lastName}
       </Heading>
 
-      <Text textStyle="p" color="gray.light" fontWeight={600} mb={4}>
-        Recent Food Requests
-      </Text>
-      <Box display="grid" gridTemplateColumns="repeat(2, 1fr)" gap={4} mb={16}>
-        {recentFoodRequests.map((fr) => (
-          <DashboardCard
-            key={fr.requestId}
-            type={DashboardCardType.FOOD_REQUEST}
-            title={`Request #${fr.requestId}`}
-            date={fr.requestedAt}
-            subtitle={fr.pantry.pantryName}
-            linkText="Fulfill Request"
-            onLinkClick={() =>
-              navigate(
-                `${ROUTES.VOLUNTEER_REQUEST_MANAGEMENT}?requestId=${fr.requestId}`,
-              )
-            }
-          />
-        ))}
-      </Box>
+      {stats && <DashboardStats stats={stats} />}
+
+      {isPageEmpty ? (
+        <PageEmptyState
+          subtitle="You have no food requests or orders at this time."
+          primaryButtonText="View Assigned Pantries"
+          primaryButtonLink={ROUTES.VOLUNTEER_ASSIGNED_PANTRIES}
+          secondaryButtonText="View Orders"
+          secondaryButtonLink={ROUTES.VOLUNTEER_ORDER_MANAGEMENT}
+        />
+      ) : (
+        <>
+          <Text textStyle="p" color="gray.light" fontWeight={600} mb={4}>
+            Recent Food Requests
+          </Text>
+          {recentFoodRequests.length === 0 ? (
+            <Box mb={16}>
+              <SectionEmptyState subtitle="You have no recent food requests at this time" />
+            </Box>
+          ) : (
+            <Box
+              display="grid"
+              gridTemplateColumns="repeat(2, 1fr)"
+              gap={4}
+              mb={16}
+            >
+              {recentFoodRequests.map((fr) => (
+                <DashboardCard
+                  key={fr.requestId}
+                  type={DashboardCardType.FOOD_REQUEST}
+                  title={`Request #${fr.requestId}`}
+                  date={fr.requestedAt}
+                  subtitle={fr.pantry.pantryName}
+                  linkText="Fulfill Request"
+                  onLinkClick={() =>
+                    navigate(
+                      `${ROUTES.VOLUNTEER_REQUEST_MANAGEMENT}?requestId=${fr.requestId}`,
+                    )
+                  }
+                />
+              ))}
+            </Box>
+          )}
 
-      <Text textStyle="p" color="gray.light" fontWeight={600} mb={4}>
-        My Orders
-      </Text>
-      <Box display="grid" gridTemplateColumns="repeat(2, 1fr)" gap={4} mb={16}>
-        {recentOrders.map((order) => (
-          <DashboardCard
-            key={order.orderId}
-            type={DashboardCardType.ORDER}
-            title={`Order #${order.orderId}`}
-            date={order.createdAt}
-            subtitle={order.pantryName}
-            linkText="View Order Details"
-            badge={ORDER_STATUS_BADGE[order.status]}
-            assignee={{
-              id: order.assignee.id,
-              firstName: order.assignee.firstName,
-              lastName: order.assignee.lastName,
-            }}
-            onLinkClick={() =>
-              navigate(
-                `${ROUTES.VOLUNTEER_ORDER_MANAGEMENT}?orderId=${order.orderId}`,
-              )
-            }
-          />
-        ))}
-      </Box>
+          <Text textStyle="p" color="gray.light" fontWeight={600} mb={4}>
+            My Orders
+          </Text>
+          {recentOrders.length === 0 ? (
+            <Box mb={16}>
+              <SectionEmptyState subtitle="You have no orders at this time" />
+            </Box>
+          ) : (
+            <Box
+              display="grid"
+              gridTemplateColumns="repeat(2, 1fr)"
+              gap={4}
+              mb={16}
+            >
+              {recentOrders.map((order) => (
+                <DashboardCard
+                  key={order.orderId}
+                  type={DashboardCardType.ORDER}
+                  title={`Order #${order.orderId}`}
+                  date={order.createdAt}
+                  subtitle={order.pantryName}
+                  linkText="View Order Details"
+                  badge={ORDER_STATUS_BADGE[order.status]}
+                  assignee={{
+                    id: order.assignee.id,
+                    firstName: order.assignee.firstName,
+                    lastName: order.assignee.lastName,
+                  }}
+                  onLinkClick={() =>
+                    navigate(
+                      `${ROUTES.VOLUNTEER_ORDER_MANAGEMENT}?orderId=${order.orderId}`,
+                    )
+                  }
+                />
+              ))}
+            </Box>
+          )}
+        </>
+      )}
     </Box>
   );
 };