diff --git a/app/dashboard/customers/page.tsx b/app/dashboard/customers/page.tsx
index 2d1fb58..8781259 100644
--- a/app/dashboard/customers/page.tsx
+++ b/app/dashboard/customers/page.tsx
@@ -1,9 +1,26 @@
-import { Metadata } from "next"
+import { fetchFilteredCustomers } from '@/app/lib/data';
+import CustomersTable from '@/app/ui/customers/table';
+import { Metadata } from 'next';
 
 export const metadata: Metadata = {
-  title: 'Customers | Acme Dashboard',
+  title: 'Customers',
 };
 
-export default function Page() {
-  return <p>Customers Page</p>
+export default async function Page({
+  searchParams,
+}: {
+  searchParams?: {
+    query?: string;
+    page?: string;
+  };
+}) {
+  const query = searchParams?.query || '';
+
+  const customers = await fetchFilteredCustomers(query);
+
+  return (
+    <main>
+      <CustomersTable customers={customers} />
+    </main>
+  );
 }
\ No newline at end of file