diff --git a/client/src/components/Home/PinnedProjects/PinnedProjects.tsx b/client/src/components/Home/PinnedProjects/PinnedProjects.tsx
index f667eae0..36d75692 100644
--- a/client/src/components/Home/PinnedProjects/PinnedProjects.tsx
+++ b/client/src/components/Home/PinnedProjects/PinnedProjects.tsx
@@ -20,6 +20,7 @@ interface PinnedProjectsInterface {}
 const PinnedProjects: React.FC<PinnedProjectsInterface> = () => {
   const { openModal, closeAllModals } = useModals();
   const isTailwindLg = useMediaQuery({ minWidth: 1024 });
+  const isXL = useMediaQuery({ minWidth: 1280 });
   const { data, isLoading } = usePinnedProjects();
 
   const onShowPinnedModal = () => {
@@ -40,7 +41,7 @@ const PinnedProjects: React.FC<PinnedProjectsInterface> = () => {
   const panes = useMemo(() => {
     if (!data) return [];
 
-    const classList = "xl:!ml-24 2xl:!ml-4 3xl:!ml-0 !max-h-[500px] overflow-y-auto xl:!mr-1"
+    const classList = "xl:!ml-24 2xl:!ml-4 3xl:!ml-0 !max-h-[500px] xl:!mr-1 !pt-1"
     const allItemsLength = data
       ?.map((i) => i.projects?.length)
       .reduce((acc, curr) => acc + (curr || 0), 0);
@@ -64,7 +65,7 @@ const PinnedProjects: React.FC<PinnedProjectsInterface> = () => {
           return <NoPinnedMessage />;
         }
         return (
-          <Card.Group itemsPerRow={2} className={classList}>
+          <Card.Group itemsPerRow={isXL ? 1 : 2} className={classList}>
             {i.projects?.map((item) =>
               typeof item === "string" ? null : (
                 <ProjectCard project={item} key={item.projectID} />
@@ -86,7 +87,7 @@ const PinnedProjects: React.FC<PinnedProjectsInterface> = () => {
           return <NoPinnedMessage />;
         }
         return (
-          <Card.Group itemsPerRow={2} className={classList}>
+          <Card.Group itemsPerRow={isXL ? 1 : 2} className={classList}>
             {data?.map((i) => {
               if (typeof i.projects === "string") return null;
               return i.projects?.map((item) =>
@@ -99,12 +100,11 @@ const PinnedProjects: React.FC<PinnedProjectsInterface> = () => {
         );
       },
     });
-
     return items;
-  }, [data]);
+  }, [data, isXL]);
 
   return (
-    <Segment padded={Object.entries(data || {}).length > 0} loading={isLoading} className="!pb-10">
+    <Segment padded={Object.entries(data || {}).length > 0} loading={isLoading} className="!pb-10 mt-4 flex-1 flex flex-col min-h-0">
       <div className="header-custom mb-5">
         <h3>
           <Icon name="pin" />
@@ -128,10 +128,18 @@ const PinnedProjects: React.FC<PinnedProjectsInterface> = () => {
           />
         </div>
       </div>
-      <Tab
-        panes={panes}
-        menu={{ vertical: isTailwindLg, tabular: !isTailwindLg }}
-      ></Tab>
+      <div className="overflow-x-auto overflow-y-auto flex-1 min-h-0 -mx-4 px-4"> 
+        <div className="min-w-min h-full"> 
+          <Tab
+            panes={panes}
+            menu={{ 
+              vertical: isTailwindLg, 
+              tabular: !isTailwindLg,
+              className: !isTailwindLg ? 'flex-nowrap whitespace-nowrap' : ''
+            }}
+          />
+        </div>
+      </div>
     </Segment>
   );
 };
diff --git a/client/src/components/projects/ProjectCard/index.tsx b/client/src/components/projects/ProjectCard/index.tsx
index ebce355e..3402f824 100644
--- a/client/src/components/projects/ProjectCard/index.tsx
+++ b/client/src/components/projects/ProjectCard/index.tsx
@@ -38,7 +38,7 @@ const ProjectCard = ({
 
   return (
     <Card raised {...props} className="!max-h-[130px]">
-      <div className="flex flex-col flex-grow p-4">
+      <div className="flex flex-col flex-grow p-4 overflow-y-auto overflow-x-auto">
         <div className="flex">
           <div className="flex flex-col flex-1">
             <Link
diff --git a/client/src/components/support/StaffDashboard.tsx b/client/src/components/support/StaffDashboard.tsx
new file mode 100644
index 00000000..3e4db606
--- /dev/null
+++ b/client/src/components/support/StaffDashboard.tsx
@@ -0,0 +1,550 @@
+import { useState, useEffect, lazy } from "react";
+import { Button, Dropdown, Icon, Input } from "semantic-ui-react";
+import useGlobalError from "../error/ErrorHooks";
+import { GenericKeyTextValueObj, SupportTicket } from "../../types";
+import axios from "axios";
+import { format, parseISO } from "date-fns";
+import TicketStatusLabel from "./TicketStatusLabel";
+import { getRequesterText } from "../../utils/kbHelpers";
+import { PaginationWithItemsSelect } from "../util/PaginationWithItemsSelect";
+import { useTypedSelector } from "../../state/hooks";
+import { useQuery, useQueryClient } from "@tanstack/react-query";
+import { capitalizeFirstLetter } from "../util/HelperFunctions";
+import { getPrettySupportTicketCategory } from "../../utils/supportHelpers";
+import { useNotifications } from "../../context/NotificationContext";
+import CopyButton from "../util/CopyButton";
+import { Link } from "react-router-dom";
+import SupportCenterTable from "./SupportCenterTable";
+import useDebounce from "../../hooks/useDebounce";
+import LoadingSpinner from "../LoadingSpinner";
+const AssignTicketModal = lazy(() => import("./AssignTicketModal"));
+const SupportCenterSettingsModal = lazy(
+  () => import("./SupportCenterSettingsModal"),
+);
+
+type SupportMetrics = {
+  totalOpenTickets: number;
+  lastSevenTicketCount: number;
+  avgDaysToClose: string;
+};
+
+const StaffDashboard = () => {
+  const { handleGlobalError } = useGlobalError();
+  const { addNotification } = useNotifications();
+  const queryClient = useQueryClient();
+  const user = useTypedSelector((state) => state.user);
+  const { debounce } = useDebounce();
+
+  const [queryInputString, setQueryInputString] = useState<string>("");
+  const [query, setQuery] = useState<string>("");
+  const [activePage, setActivePage] = useState<number>(1);
+  const [activeSort, setActiveSort] = useState<string>("opened");
+  const [totalPages, setTotalPages] = useState<number>(1);
+  const [itemsPerPage, setItemsPerPage] = useState<number>(25);
+  const [totalItems, setTotalItems] = useState<number>(0);
+  const [showSettingsModal, setShowSettingsModal] = useState<boolean>(false);
+  const [showAssignModal, setShowAssignModal] = useState<boolean>(false);
+  const [selectedTicketId, setSelectedTicketId] = useState<string>("");
+  const [assigneeFilter, setAssigneeFilter] = useState<string>("");
+  const [priorityFilter, setPriorityFilter] = useState<string>("");
+  const [categoryFilter, setCategoryFilter] = useState<string>("");
+  const [filterOptions, setFilterOptions] = useState<{
+    assignee: GenericKeyTextValueObj<string>[];
+    priority: GenericKeyTextValueObj<string>[];
+    category: GenericKeyTextValueObj<string>[];
+  }>({
+    assignee: [],
+    priority: [],
+    category: [],
+  });
+
+  const { data: openTickets, isFetching } = useQuery<SupportTicket[]>({
+    queryKey: [
+      "openTickets",
+      activePage,
+      itemsPerPage,
+      activeSort,
+      assigneeFilter,
+      priorityFilter,
+      categoryFilter,
+      query,
+    ],
+    queryFn: () =>
+      getOpenTickets({
+        query: queryInputString,
+        page: activePage,
+        items: itemsPerPage,
+        sort: activeSort,
+        assigneeFilter,
+        priorityFilter,
+        categoryFilter,
+      }),
+    keepPreviousData: true,
+    staleTime: 1000 * 60 * 2, // 2 minutes
+  });
+
+  const { data: supportMetrics, isFetching: isFetchingMetrics } =
+    useQuery<SupportMetrics>({
+      queryKey: ["supportMetrics"],
+      queryFn: getSupportMetrics,
+      staleTime: 1000 * 60 * 2, // 2 minutes
+    });
+
+  useEffect(() => {
+    setActivePage(1); // Reset to first page when itemsPerPage changes
+  }, [itemsPerPage]);
+
+  async function getOpenTickets({
+    query,
+    page,
+    items,
+    sort,
+    assigneeFilter,
+    priorityFilter,
+    categoryFilter,
+  }: {
+    query: string;
+    page: number;
+    items: number;
+    sort: string;
+    assigneeFilter?: string;
+    priorityFilter?: string;
+    categoryFilter?: string;
+  }) {
+    try {
+      const res = await axios.get("/support/ticket/open", {
+        params: {
+          ...(query?.length > 3 && { query: query }),
+          page: page,
+          limit: items,
+          sort: sort,
+          ...(assigneeFilter && { assignee: assigneeFilter }),
+          ...(priorityFilter && { priority: priorityFilter }),
+          ...(categoryFilter && { category: categoryFilter }),
+        },
+      });
+      if (res.data.err) {
+        throw new Error(res.data.errMsg);
+      }
+
+      if (!res.data.tickets || !Array.isArray(res.data.tickets)) {
+        throw new Error("Invalid response from server");
+      }
+
+      setTotalItems(res.data.total);
+      setTotalPages(Math.ceil(res.data.total / items));
+
+      const CLEAR_OPTION = { key: "clear", text: "Clear", value: "" };
+      if (res.data.filters) {
+        const _assignee = Array.isArray(res.data.filters.assignee)
+          ? [CLEAR_OPTION, ...res.data.filters.assignee]
+          : [];
+        const _priority = Array.isArray(res.data.filters.priority)
+          ? [CLEAR_OPTION, ...res.data.filters.priority]
+          : [];
+        const _category = Array.isArray(res.data.filters.category)
+          ? [CLEAR_OPTION, ...res.data.filters.category]
+          : [];
+
+        setFilterOptions({
+          assignee: _assignee,
+          priority: _priority,
+          category: _category,
+        });
+      } else {
+        setFilterOptions({
+          assignee: [],
+          priority: [],
+          category: [],
+        });
+      }
+
+      return (res.data.tickets as SupportTicket[]) ?? [];
+    } catch (err) {
+      handleGlobalError(err);
+      return [];
+    }
+  }
+
+  async function getSupportMetrics(): Promise<SupportMetrics> {
+    try {
+      const res = await axios.get("/support/metrics");
+      if (res.data.err) {
+        throw new Error(res.data.errMsg);
+      }
+
+      if (!res.data.metrics) {
+        throw new Error("Invalid response from server");
+      }
+
+      // Convert avgMins to days
+      const avgMins = res.data.metrics.avgMinsToClose ?? 0;
+      const avgDays = avgMins / (60 * 24);
+      return {
+        totalOpenTickets: res.data.metrics.totalOpenTickets ?? 0,
+        lastSevenTicketCount: res.data.metrics.lastSevenTicketCount ?? 0,
+        avgDaysToClose: Math.floor(avgDays).toString() ?? "0",
+      };
+    } catch (err) {
+      handleGlobalError(err);
+      return {
+        totalOpenTickets: 0,
+        lastSevenTicketCount: 0,
+        avgDaysToClose: "0",
+      };
+    }
+  }
+
+  const debouncedQueryUpdate = debounce(
+    (searchString: string) => setQuery(searchString),
+    300,
+  );
+
+  function openAssignModal(ticketId: string) {
+    setSelectedTicketId(ticketId);
+    setShowAssignModal(true);
+  }
+
+  function onCloseAssignModal() {
+    setShowAssignModal(false);
+    setSelectedTicketId("");
+    queryClient.invalidateQueries(["openTickets"]);
+  }
+
+  function handleFilterChange(filter: string, value: string) {
+    setActivePage(1); // Reset to first page on filter change
+    switch (filter) {
+      case "assignee":
+        setAssigneeFilter(value);
+        break;
+      case "priority":
+        setPriorityFilter(value);
+        break;
+      case "category":
+        setCategoryFilter(value);
+        break;
+      default:
+        break;
+    }
+  }
+
+  function getAssigneeName(uuid: string) {
+    const user = openTickets?.find((t) =>
+      t.assignedUsers?.find((u) => u.uuid === uuid),
+    );
+    if (user) {
+      return user.assignedUsers?.find((u) => u.uuid === uuid)?.firstName;
+    } else {
+      return "";
+    }
+  }
+
+  const DashboardMetric = ({
+    metric,
+    title,
+    loading = false,
+  }: {
+    metric: string;
+    title: string;
+    loading?: boolean;
+  }) => (
+    <div className="flex flex-col bg-primary rounded-xl h-40 shadow-lg justify-center p-4 basis-1/4">
+      <p className="text-4xl font-semibold text-white">{loading ? <LoadingSpinner fullscreen={false} iconOnly light/> : metric}</p>
+      <p className="text-2xl font-semibold text-white">{title}</p>
+    </div>
+  );
+
+  return (
+    <div className="flex flex-col p-8 overflow-y-auto">
+      <div className="flex flex-row justify-between items-center">
+        <p className="text-4xl font-semibold">Staff Dashboard</p>
+        <div className="flex flex-row">
+          <Button
+            color="blue"
+            size="tiny"
+            basic
+            onClick={() => (window.location.href = "/support/closed")}
+          >
+            <Icon name="check circle outline" />
+            View Closed
+          </Button>
+          {user.isSuperAdmin && (
+            <Button
+              color="blue"
+              size="tiny"
+              onClick={() => setShowSettingsModal(true)}
+              basic
+              className="ml-2"
+            >
+              <Icon name="settings" />
+              Support Center Settings
+            </Button>
+          )}
+        </div>
+      </div>
+      <div className="flex flex-row justify-between w-full mt-6">
+        <DashboardMetric
+          metric={supportMetrics?.totalOpenTickets?.toString() ?? "0"}
+          title="Open/In Progress Tickets"
+          loading={isFetchingMetrics}
+        />
+        <DashboardMetric
+          metric={(supportMetrics?.avgDaysToClose?.toString() ?? 0) + " days"}
+          title="Average Time to Resolution"
+          loading={isFetchingMetrics}
+        />
+        <DashboardMetric
+          metric={supportMetrics?.lastSevenTicketCount?.toString() ?? "0"}
+          title="New Tickets Past 7 Days"
+          loading={isFetchingMetrics}
+        />
+      </div>
+      <div className="mt-12">
+        <p className="text-3xl font-semibold mb-2">Open/In Progress Tickets</p>
+        <div className="flex flex-row my-2 justify-between">
+          <div className="flex flex-row items-center">
+            <Dropdown
+              text={
+                assigneeFilter
+                  ? getAssigneeName(assigneeFilter)
+                  : "Filter by Assignee"
+              }
+              icon="users"
+              floating
+              labeled
+              button
+              className="icon"
+              basic
+            >
+              <Dropdown.Menu>
+                {filterOptions.assignee.map((a) => (
+                  <Dropdown.Item
+                    key={a.key}
+                    onClick={() => handleFilterChange("assignee", a.value)}
+                  >
+                    {a.text}
+                  </Dropdown.Item>
+                ))}
+              </Dropdown.Menu>
+            </Dropdown>
+            <Dropdown
+              text={
+                priorityFilter
+                  ? capitalizeFirstLetter(priorityFilter)
+                  : "Filter by Priority"
+              }
+              icon="exclamation triangle"
+              floating
+              labeled
+              button
+              className="icon !ml-3"
+              basic
+            >
+              <Dropdown.Menu>
+                {filterOptions.priority.map((p) => (
+                  <Dropdown.Item
+                    key={p.key}
+                    onClick={() => handleFilterChange("priority", p.value)}
+                  >
+                    {p.text}
+                  </Dropdown.Item>
+                ))}
+              </Dropdown.Menu>
+            </Dropdown>
+            <Dropdown
+              text={
+                categoryFilter
+                  ? capitalizeFirstLetter(categoryFilter)
+                  : "Filter by Category"
+              }
+              icon="filter"
+              floating
+              labeled
+              button
+              className="icon !ml-3"
+              basic
+            >
+              <Dropdown.Menu>
+                {filterOptions.category.map((c) => (
+                  <Dropdown.Item
+                    key={c.key}
+                    onClick={() => handleFilterChange("category", c.value)}
+                  >
+                    {c.text}
+                  </Dropdown.Item>
+                ))}
+              </Dropdown.Menu>
+            </Dropdown>
+          </div>
+          <Input
+            type="text"
+            icon="search"
+            loading={isFetching}
+            className="min-w-[30rem]"
+            placeholder="ID, title, requester name, email, etc."
+            value={queryInputString}
+            onChange={(e) => {
+              setQueryInputString(e.target.value);
+              debouncedQueryUpdate(e.target.value);
+            }}
+          />
+        </div>
+        <PaginationWithItemsSelect
+          activePage={activePage}
+          totalPages={totalPages}
+          itemsPerPage={itemsPerPage}
+          setActivePageFn={setActivePage}
+          setItemsPerPageFn={setItemsPerPage}
+          totalLength={totalItems}
+          sort={true}
+          sortOptions={["opened", "priority", "status", "category"]}
+          activeSort={activeSort}
+          setActiveSortFn={setActiveSort}
+        />
+        <SupportCenterTable<SupportTicket & { actions?: string }>
+          loading={isFetching}
+          data={openTickets}
+          columns={[
+            {
+              accessor: "uuid",
+              title: "ID",
+              render(record, index) {
+                return (
+                  <>
+                    {record.uuid.slice(-7)}
+                    <CopyButton val={record.uuid}>
+                      {({ copied, copy }) => (
+                        <Icon
+                          name="copy"
+                          className="cursor-pointer !ml-1"
+                          onClick={() => {
+                            copy();
+                            addNotification({
+                              message: "Ticket ID copied to clipboard",
+                              type: "success",
+                              duration: 2000,
+                            });
+                          }}
+                          color={copied ? "green" : "blue"}
+                        />
+                      )}
+                    </CopyButton>
+                  </>
+                );
+              },
+            },
+            {
+              accessor: "timeOpened",
+              title: "Date Opened",
+              render(record) {
+                return format(
+                  parseISO(record.timeOpened),
+                  "MM/dd/yyyy hh:mm aa",
+                );
+              },
+            },
+            {
+              accessor: "title",
+              title: "Subject",
+              className: "!w-full !max-w-[40rem] break-words truncate",
+              render(record) {
+                return record.title;
+              },
+            },
+            {
+              accessor: "category",
+              title: "Category",
+              render(record) {
+                return getPrettySupportTicketCategory(record.category);
+              },
+            },
+            {
+              accessor: "user",
+              title: "Requester",
+              render(record) {
+                return getRequesterText(record);
+              },
+            },
+            {
+              accessor: "assignedUsers",
+              title: "Assigned To",
+              render(record) {
+                return record.assignedUsers
+                  ? record.assignedUsers.map((u) => u.firstName).join(", ")
+                  : "Unassigned";
+              },
+            },
+            {
+              accessor: "priority",
+              render(record) {
+                return capitalizeFirstLetter(record.priority);
+              },
+            },
+            {
+              accessor: "status",
+              render(record) {
+                return <TicketStatusLabel status={record.status} />;
+              },
+            },
+            {
+              accessor: "actions",
+              render(record) {
+                return (
+                  <div className="flex flex-row whitespace-nowrap">
+                    <Button
+                      color="blue"
+                      size="tiny"
+                      to={`/support/ticket/${record.uuid}`}
+                      target="_blank"
+                      as={Link}
+                      className="inline-flex"
+                    >
+                      <Icon name="eye" />
+                      View
+                    </Button>
+                    {record.status === "open" && (
+                      <Button
+                        color="green"
+                        size="tiny"
+                        onClick={() => openAssignModal(record.uuid)}
+                        className="inline-flex !ml-2"
+                      >
+                        <Icon name="user plus" />
+                        Assign
+                      </Button>
+                    )}
+                  </div>
+                );
+              },
+            },
+          ]}
+        />
+        <PaginationWithItemsSelect
+          activePage={activePage}
+          totalPages={totalPages}
+          itemsPerPage={itemsPerPage}
+          setActivePageFn={setActivePage}
+          setItemsPerPageFn={setItemsPerPage}
+          totalLength={totalItems}
+          sort={true}
+          sortOptions={["opened", "priority", "status", "category"]}
+          activeSort={activeSort}
+          setActiveSortFn={setActiveSort}
+        />
+      </div>
+      <SupportCenterSettingsModal
+        open={showSettingsModal}
+        onClose={() => setShowSettingsModal(false)}
+      />
+      {selectedTicketId && (
+        <AssignTicketModal
+          open={showAssignModal}
+          onClose={onCloseAssignModal}
+          ticketId={selectedTicketId}
+        />
+      )}
+    </div>
+  );
+};
+
+export default StaffDashboard;
diff --git a/client/src/screens/conductor/Home/index.tsx b/client/src/screens/conductor/Home/index.tsx
index 7fd58aec..665cf6b9 100644
--- a/client/src/screens/conductor/Home/index.tsx
+++ b/client/src/screens/conductor/Home/index.tsx
@@ -199,11 +199,11 @@ const Home = () => {
           </Message>
         </div>
       )}
-      <div className="flex flex-col xl:flex-row w-full">
+      <div className="flex flex-col xl:flex-row w-full min-h-screen">
         <div className="flex flex-col mb-4 xl:w-1/6 xl:mr-12 xl:mb-0">
           <UserMenu />
         </div>
-        <div className="flex flex-col mb-8 xl:w-1/2 xl:mr-12 xl:mb-0">
+        <div className="flex flex-col mb-8 xl:w-1/2 xl:mr-12 xl:mb-0 flex-1 max-h-[1000px] min-h-fit">
           <Button
             onClick={() => setShowCreateProjectModal(true)}
             fluid
@@ -213,42 +213,6 @@ const Home = () => {
             labelPosition="left"
           />
           <PinnedProjects />
-          <Segment padded>
-            <div className="dividing-header-custom">
-              <h3>
-                <Icon name="clock outline" />
-                Recently Edited Projects
-              </h3>
-              <div className="right-flex">
-                <Popup
-                  content={
-                    <span>
-                      To see all of your projects, visit{" "}
-                      <strong>Projects</strong> in the Navbar.
-                    </span>
-                  }
-                  trigger={<Icon name="info circle" />}
-                  position="top center"
-                />
-              </div>
-            </div>
-            <Segment basic loading={!loadedAllRecents}>
-              <Card.Group itemsPerRow={2}>
-                {recentProjects.length > 0 &&
-                  recentProjects.map((item) => (
-                    <ProjectCard
-                      project={item}
-                      key={item.projectID}
-                      showPinButton={true}
-                      onPin={(pid) => handlePinProject(pid)}
-                    />
-                  ))}
-                {recentProjects.length === 0 && (
-                  <p>You don't have any projects right now.</p>
-                )}
-              </Card.Group>
-            </Segment>
-          </Segment>
         </div>
         <div className="flex flex-col mb-8 xl:w-1/3 xl:mb-0">
           <Segment padded>
diff --git a/client/src/screens/conductor/controlpanel/CentralIdentity/CentralIdentityUsers.tsx b/client/src/screens/conductor/controlpanel/CentralIdentity/CentralIdentityUsers.tsx
index 0be94e01..d27838a1 100644
--- a/client/src/screens/conductor/controlpanel/CentralIdentity/CentralIdentityUsers.tsx
+++ b/client/src/screens/conductor/controlpanel/CentralIdentity/CentralIdentityUsers.tsx
@@ -48,7 +48,6 @@ const CentralIdentityUsers = () => {
     { key: "email", text: "Email" },
     { key: "userType", text: "User Type" },
     { key: "verification", text: "Verification Status" },
-    { key: "studentId", text: "Student ID" },
     { key: "Auth Source", text: "Auth Source" },
     { key: "Actions", text: "Actions" },
   ];
@@ -236,7 +235,7 @@ const CentralIdentityUsers = () => {
                   <Grid.Column width={5}>
                     <Input
                       icon="search"
-                      placeholder="Search by Name, Email, Student ID, or UUID..."
+                      placeholder="Search by Name, Email, or UUID..."
                       onChange={(e) => {
                         setSearchInput(e.target.value);
                         getUsersDebounced(e.target.value);
diff --git a/client/src/screens/conductor/support/SupportCreateTicket.tsx b/client/src/screens/conductor/support/SupportCreateTicket.tsx
index ede1247f..81d504fa 100644
--- a/client/src/screens/conductor/support/SupportCreateTicket.tsx
+++ b/client/src/screens/conductor/support/SupportCreateTicket.tsx
@@ -6,6 +6,7 @@ import CreateTicketFlow from "../../../components/support/CreateTicketFlow";
 import useSystemAnnouncement from "../../../hooks/useSystemAnnouncement";
 import SystemAnnouncement from "../../../components/util/SystemAnnouncement";
 import { useDocumentTitle } from "usehooks-ts";
+import { Message } from 'semantic-ui-react';
 
 const SupportCreateTicket = () => {
   useDocumentTitle("LibreTexts | Contact Support");
@@ -46,6 +47,27 @@ const SupportCreateTicket = () => {
             <p className="mt-2">
               Submit a request to get help from our team.
             </p>
+            <div className="flex flex-col border rounded-lg mt-4 w-full lg:w-2/3 bg-white">
+              <Message info>
+                <Message.Content>
+                  <div>
+                    <strong>Important:</strong>
+                    <p>
+                      Please do not submit a support ticket for account creation. You can visit {' '} 
+                      <a 
+                        href="https://register.libretexts.org" 
+                        target="_blank" 
+                        rel="noopener noreferrer"
+                        className="text-[#276f86] hover:underline"
+                      >
+                        https://register.libretexts.org
+                      </a>
+                      {' '} to create an account and complete instructor verification (if applicable).
+                    </p>
+                  </div>
+                </Message.Content>
+              </Message>
+            </div>
             <>
               {!isLoggedIn && !guestMode && (
                 <div className="flex flex-col w-1/2 lg:w-2/5 mt-8 items-center">